added RotP to portfolio

arkel-77 · Jan 13, 2025 · 5d86315 · 5d86315
1 parent 8d567f3
commit 5d86315
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 4 deletions.
diff --git a/public/files/revenge-of-the-pharaoh-preview.png b/public/files/revenge-of-the-pharaoh-preview.png
diff --git a/public/portfolio.html b/public/portfolio.html
@@ -121,7 +121,10 @@ <h2 class="card-header">ASCII Art Shader</h2>
                 href="https://github.com/arkelley77/WordleArchive/"
                 class="card-cover"
               >
-                <img src="files/wordle-archive-preview.png" aria-label="A screenshot of WordleArchive"/>
+                <img
+                  src="files/wordle-archive-preview.png"
+                  aria-label="A screenshot of WordleArchive"
+                />
               </a>
               <h2 class="card-header">WordleArchive</h2>
               <p class="card-content textbox">
@@ -137,6 +140,39 @@ <h2 class="card-header">WordleArchive</h2>
                 <a href="https://github.com/arkelley77/WordleArchive/">here</a>.
               </p>
             </li>
+            <li class="card">
+              <a
+                href="https://sandstorm-interactive.itch.io/revenge-of-the-pharaoh"
+                class="card-cover"
+              >
+                <img
+                  src="files/revenge-of-the-pharaoh-preview.png"
+                  aria-label="A screenshot of Revenge of the Pharaoh"
+                />
+              </a>
+              <h2 class="card-header">Revenge of the Pharaoh</h2>
+              <div class="card-content textbox">
+                <q>
+                  Welcome to the afterlife! In Revenge of the Pharaoh, play as a
+                  restless former pharaoh who wants his job back. Claw your way
+                  free from the clutches of Osiris and make your way to a final
+                  showdown. Will you usurp the throne and rise to your former
+                  glory? Or will you fall, and be lost to the sands of time?
+                </q>
+                <p>
+                  As the class project for Game Development (CSCE 443), I and a
+                  group of 4 other people made this game in a semester using
+                  Unity.
+                </p>
+              </div>
+              <p class="card-footer textbox">
+                Check it out on Itch
+                <a
+                  href="https://sandstorm-interactive.itch.io/revenge-of-the-pharaoh"
+                  >here</a
+                >.
+              </p>
+            </li>
           </ul>
         </div>
       </div>

diff --git a/public/styles/light.css b/public/styles/light.css
@@ -180,10 +180,12 @@ p {
 
         width: 300px;
         height: 300px;
+        overflow: hidden;
 
         * {
-          max-width: 100%;
-          max-height: 100%;
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
         }
       }
 
@@ -363,4 +365,4 @@ p {
       margin: 1ch;
     }
   }
-}
+}