diff --git a/index.html b/index.html index 6ea3a5c..a87f000 100644 --- a/index.html +++ b/index.html @@ -110,7 +110,7 @@ communication and product knowledge to drive customer engagement and satisfactio

Projects

-
+
+
+
+
+
+

Solitude Echoes | Unity 2D Game Development

+

12/2023

+
+
    +
  • Developed in 9 days for the Unity Developer Community Game Jam #28, with the theme "Silence"
  • +
  • Puzzle/Horror game where you wake up in a decrepid dungeon and have to find your way out, while being stalked by the monsters within
  • +
  • Led an international team of 5 people, with programmers, artists, musicians, and level designers
  • +
  • Game is playable completely within the browser
  • +
+
+
@@ -168,7 +190,7 @@ and systems design for future additions and bug fixes
-
+
telepuzzle demo
@@ -191,25 +213,6 @@ and systems design for future additions and bug fixes
-
-
-
- solitude echoes demo -
-
-
-
-

Solitude Echoes | Unity 2D Game Development

-

12/2023

-
-
    -
  • Developed in 9 days for the Unity Developer Community Game Jam #28, with the theme "Silence"
  • -
  • Puzzle/Horror game where you wake up in a decrepid dungeon and have to find your way out, while being stalked by the monsters within
  • -
  • Led an international team of 5 people, with programmers, artists, musicians, and level designers
  • -
  • Game is playable completely within the browser
  • -
-
-

Programming Languages, Tools, and Frameworks

diff --git a/style.css b/style.css index 0ef053c..c6d5191 100644 --- a/style.css +++ b/style.css @@ -207,18 +207,18 @@ div.jump-wrapper > div > img { border-radius: 1rem; } -div.cosmotica-wrapper { +div.youtube-wrapper { width: 50%; max-width: 20rem; } -div.cosmotica-wrapper > div { +div.youtube-wrapper > div { position: relative; width: 100%; padding-bottom: 56.25%; } -div.cosmotica-wrapper > div > iframe, div.cosmotica-wrapper > div > img { +div.youtube-wrapper > div > iframe, div.youtube-wrapper > div > img { position: absolute; top: 0; left: 0; @@ -251,28 +251,6 @@ div.course-planner-wrapper > div > img { border-radius: 0.5rem; } -div.solitude-wrapper { - width: 10%; - min-width: 12rem; -} - -div.solitude-wrapper > div { - position: relative; - width: 100%; - padding-bottom: 100%; -} - -div.solitude-wrapper > div > img { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - height: 100%; - width: 100%; - border-radius: 0.5rem; -} - div.experience { display: flex; gap: 2rem; @@ -337,7 +315,7 @@ div.experience-header { grid-template-columns: repeat(3, min(33%)); } - div.cosmotica-wrapper { + div.youtube-wrapper { width: 100%; min-width: 0; }