update showreel URL and add boardgame and spacegame entries

SorenAndreasen · Oct 27, 2023 · 0929edc · 0929edc
1 parent 2e11813
commit 0929edc
Show file tree

Hide file tree

Showing 5 changed files with 75 additions and 7 deletions.
diff --git a/about.html b/about.html
@@ -119,7 +119,7 @@ <h3>education</h3>
         </div>
 
 
-        <h2 id="long-term-work">long term contracts</h2>
+        <h2 id="long-term-work">employments</h2>
         <div id="cv-grid">
 
             <div class="cv-year">
@@ -152,7 +152,7 @@ <h2 id="long-term-work">long term contracts</h2>
           </ul>
 
         </div>
-        <h2 id="long-term-work">short term contracts</h2>
+        <h2 id="long-term-work">contracts</h2>
         <div id="cv-grid">
 
           <div class="cv-year">

diff --git a/css/main.css b/css/main.css
@@ -58,6 +58,15 @@
   grid-area: dorthe;
 }
 
+#boardgame {
+  grid-area: boardgame;
+}
+
+#spacegame {
+  grid-area: spacegame;
+}
+
+
 #kiwistrit {
   grid-area: kiwistrit;
 }
@@ -80,7 +89,7 @@
 
 #home-grid {
   display: grid;
-  grid-template-areas: "showreel" "kiwistrit" "lydlandskap" "ooroom" "drummachine" "dorthe" "nerdsweat" ;
+  grid-template-areas: "showreel" "kiwistrit" "boardgame" "spacegame" "lydlandskap" "ooroom" "drummachine" "dorthe" "nerdsweat" ;
 }
 
 #img-gallery-grid {
@@ -383,6 +392,13 @@ img {
   padding-top: 56.25%;
 }
 
+.picture-container {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  padding-top: 56.25%;
+}
+
 .iframe-container #iframe-showreel,
 .iframe-container #portfolio-iframe {
   position: absolute;

diff --git a/img/portfolio/boardgame_prototypeA.jpg b/img/portfolio/boardgame_prototypeA.jpg
diff --git a/img/portfolio/boardgame_prototypeB.jpg b/img/portfolio/boardgame_prototypeB.jpg
diff --git a/index.html b/index.html
@@ -54,7 +54,7 @@
     <div class="container">
 
       <div class="iframe-container">
-        <iframe id="iframe-showreel" src="https://www.youtube.com/embed/S2XWYw2TjRg?si=zO-A3o7jzqcYn3bm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        <iframe id="iframe-showreel" src="https://www.youtube.com/embed/TNKDKCEOd64?si=1qe9sSb4KntkT5i0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
       </div>
 
        <!-- hr which divides projects -->
@@ -208,7 +208,59 @@ <h2>D.O.R.T.H.E.</h2>
     </div>
   </section>
 
-
+  <!-- space game prototype -->
+  <section id="spacegame" class="portfolio-section">
+    <div class="container">
+      <div class="portfolio-grid">
+        <div class="iframe-container">
+          <iframe id="portfolio-iframe" src="https://www.youtube.com/embed/ZXd2cuWoWMY?si=fgAFlLTNftyoSPcw&amp;title=0&amp;byline=0&amp;portrait=0"  frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
+        </div>
+        <div class="portfolio-text">
+          <div class="portfolio-text-description">
+          <h2>Space game prototype</h2>
+            <p>A very small prototype of a space game, where the player needs to take on missions in the control center on his home planet, </p>
+            <p>then load the ship with supplies and plot a route. The en-route flight will then have random encounters and the ship cockpit will have</p>
+            <p>different components that need to be manually interacted with in order to arrive safely.</p>
+          </div>
+          <div class="portfolio-text-credit">
+            <span class="light-color">roles(</span><span class="dark-color bold">&nbsp;Game design</span>
+            <span class="light-color"> ) </span>
+          </div>
+          </div>
+      </div>
+    <!-- hr which divides projects -->
+    <div id="project-hr">
+      <hr>
+    </div>
+  </div>
+  </section>
+
+  <!-- board game prototype -->
+  <section id="boardgame" class="portfolio-section">
+    <div class="container">
+      <div class="portfolio-grid">
+          <img src="img/portfolio/boardgame_prototypeB.jpg" alt="boardgame prototype">
+        <div class="portfolio-text">
+          <div class="portfolio-text-description">
+          <h2>Stoneage board game</h2>
+            <p>A hex-based board game prototype set in the stoneage where each player takes on a tribe with distinct traditions and skills</p>
+            <p>The players have access to the immediate hexes around their starting camp, but in order to venture further they will need to
+            setup, plan and allocate the resources (food, tools, people etc) for an expedition.</p>
+            <p>The rivaling tribes can fight for resources, but the game heavily encourages cooperation as tribes will be able to share learned knowledge, resources and tools</p>
+          </div>
+          <div class="portfolio-text-credit">
+            <span class="light-color">roles(</span><span class="dark-color bold">&nbsp;Game design</span>
+            <span class="light-color"> ) </span>
+          </div>
+          </div>
+      </div>
+    <!-- hr which divides projects -->
+    <div id="project-hr">
+      <hr>
+    </div>
+  </div>
+  </section>
+
   <!-- Polygon drum machine -->
   <section id="drummachine" class="portfolio-section">
     <div class="container">
@@ -220,8 +272,8 @@ <h2>D.O.R.T.H.E.</h2>
           <div class="portfolio-text-description">
           <h2>Polygon Drum Machine</h2>
             <p>Custom built drum machine from scratch, with DSP written in c++ </p>
-            <p>Master thesis at IT University Copenhagen</p>
-            <p>Master thesis at IT University Copenhagen</p>
+            <p>Master thesis at IT University Copenhagen, exploring polygon notation styles to see how</p>
+            <p>the medium affects the artistic output</p>
           </div>
           <div class="portfolio-text-credit">
             <span class="light-color">roles(</span><span class="dark-color bold">&nbsp;DSP programming</span>