added more images, started work on team descriptions

content/_index.md

@@ -23,7 +23,12 @@ title: "The Cube's Traveller"
 <div class="container-fluid">
     <div class="justify-content-center row">
         <div class="col col-auto col-lg-7 px-0">
-            <p class="lead text-center">Enter description.</p>
+            <p class="lead text-left text-justify" style="text-align:justify">
+            Cube’s Traveller is a cooperative game where you are supposed to work together in an environment which is visually stunning, but challenges your world view. In this game, one player is controlling the world, which is a cube, and the other player controls a character on the cube. Our goal is to create a new interactive experience without the often disappointing experiences of VR/AR, and instead focus on different interaction technologies. Additionally, a major goal of our game is to make it visually beautiful to help players immerse themselves into the game world. We thought that previous projects have lacked the visual fidelity we want to achieve.
+            </p>
+            <p class="lead text-left text-justify" style="text-align:justify">
+            The motivation for a cooperative game was simple, we think that playing games with a friend is really fun, therefore it was very obvious to select it as the main project focus. With the limited time and ambitious graphical goals, we limited ourselves to a simple, yet effective, art style where models and textures are basic but lighting is complex and beautiful. We believe that this helped us stand out from the rest and create a unique experience.
+            </p>
         </div>
     </div>
 </div>

content/development/index.md

@@ -0,0 +1,8 @@
+---
+description: "Some insight into development"
+paige:
+  search:
+    hide_page: true
+  style: |
+title: "Development"
+---

content/gallery/index.md

@@ -6,4 +6,13 @@ tags:
 title: "Gallery"
 ---
 
-{{< paige/gallery images="*" class="object-fit-cover rounded-4" maxheight="20rem" type="rows" />}}
+
+<div>
+<p class="display-7 fw-bold h2 text-center">Photos from the game</p>
+{{< paige/gallery images="game/*" class="object-fit-cover rounded-4" maxheight="20rem" type="rows" />}}
+</div>
+
+<div>
+<p class="display-7 fw-bold h2 text-center">Letting people try the game!</p>
+{{< paige/gallery images="testing/*" class="object-fit-cover rounded-4" maxheight="30rem" type="rows" />}}
+</div>

content/relatedwork/index.md

@@ -0,0 +1,10 @@
+---
+description: "Related work, inspiration, and references"
+paige:
+  search:
+    hide_page: true
+  style: |
+title: "Related Work"
+---
+
+To be updated!

content/team/index.md

@@ -0,0 +1,77 @@
+---
+description: "The team behind the project"
+paige:
+  search:
+    hide_page: true
+  style: |
+    
+    
+title: "Team"
+---
+
+<style>
+  .tag {
+    display: inline-block;
+    padding: 5px 8px;
+    background-color: #0d6efd; /* Choose your preferred color */
+    color: white; /* Choose your preferred text color */
+    border-radius: 50px; /* Adjust this to your preferred pill shape */
+    text-align: center;
+    text-decoration: none;
+    font-size: 16px; /* Adjust this to your preferred font size */
+    margin: 2px;
+    cursor: pointer;
+  } 
+  .tag:hover {
+    background-color: #0d6efd; /* Choose your preferred hover color */
+  }
+</style>
+
+<div style="display:flex;flex-direction:column;justify-content:left;">
+
+<div style="display:flex;gap:10px;flex-direction:row;align-items:center;">
+<p style="width:10rem">{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4" fetchpriority="high" height="15rem" loading="eager" src="david.png" width="100%" %}}</p>
+<div style="display:flex;gap:10px;flex-direction:column;width:40rem">
+    <p class="display-7 fw-bold h3">David Åsberg</p>
+    <span> 
+      <p class="tag">Graphics</p>
+      <p class="tag">Interaction</p>
+      <p class="tag">Networking</p>
+    </span>
+    <p style="text-align:justify">
+      I have worked on many areas of the project, but my main focus has been on the graphics and interaction. I have worked on the lighting, post-processing, and shaders. I have also worked on the interaction for each of the different controllers, and the networking to allow any mobile device to be used as a controller. I have also worked on the game design, and the overall structure of the project.
+    </p>
+  </div>
+</div>
+
+<div style="display:flex;gap:10px;flex-direction:row;align-items:center;">
+<p style="width:10rem">{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4" fetchpriority="high" height="15rem" loading="eager" src="anders.png" width="100%" %}}</p>
+<p class="display-7 fw-bold h3">Anders Blomqvist</p>
+</div>
+
+<div style="display:flex;gap:10px;flex-direction:row;align-items:center;">
+<p style="width:10rem">{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4" fetchpriority="high" height="15rem" loading="eager" src="gabriel.png" width="100%" %}}</p>
+<p class="display-7 fw-bold h3">Gabriel Françon</p>
+</div>
+
+<div style="display:flex;gap:10px;flex-direction:row;align-items:center;">
+<p style="width:10rem">{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4" fetchpriority="high" height="15rem" loading="eager" src="jean-louis.png" width="100%" %}}</p>
+  <div style="display:flex;gap:10px;flex-direction:column;width:40rem">
+    <p class="display-7 fw-bold h3">Jean-Louis Werthe</p>
+    <span> 
+      <p class="tag">Blender</p>
+      <p class="tag">Modeling</p>
+      <p class="tag">Rigging</p>
+    </span>
+    <p style="text-align:justify">
+      I have acquired skills in Blender, including model creation, rigging, and animation. I have also developed a good understanding of Unity, enabling me to incorporate properties and implement control scripts on objects effectively. Furthermore, I have delved into how to effectively interface Unity with Blender, ensuring a smooth integration of Blender data.
+    </p>
+  </div>
+</div>
+
+<div style="display:flex;gap:10px;flex-direction:row;align-items:center;">
+<p style="width:10rem">{{% paige/image alt="Landscape" breakpoints=true class="object-fit-cover rounded-4" fetchpriority="high" height="15rem" loading="eager" src="jeremy.png" width="100%" %}}</p>
+<p class="display-7 fw-bold h3">Jeremy Carneau</p>
+</div>
+
+</div>

hugo.toml

@@ -15,17 +15,29 @@ name = "Home"
 url = "/"
 weight = 10
 
+[[languages.en.menu.main]]
+identifier = "development"
+name = "Development"
+url = "/development/"
+weight = 20
+
 [[languages.en.menu.main]]
 identifier = "team"
 name = "Team"
 url = "/team/"
-weight = 20
+weight = 30
+
+[[languages.en.menu.main]]
+identifier = "relatedwork"
+name = "Related Work"
+url = "/relatedwork/"
+weight = 40
 
 [[languages.en.menu.main]]
 identifier = "gallery"
 name = "Gallery"
 url = "/gallery/"
-weight = 30
+weight = 50
 
 
 # [[languages.en.menu.main]]
@@ -85,8 +97,8 @@ weight = 30
 [markup.goldmark.renderer]
 unsafe = true
 
-[markup.highlight]
-noclasses = false
+# [markup.highlight]
+# noclasses = false
 
 [markup.tableofcontents]
 endlevel = 6
@@ -96,21 +108,17 @@ startlevel = 2
 [[module.imports]]
 path = "github.com/willfaught/paige"
 
-[[module.imports]]
-path = 'github.com/hugomods/images'
-disable = false
-
 [outputs]
 home = ["atom", "html", "json", "rss"]
 section = ["atom", "html", "rss"]
 taxonomy = ["atom", "html", "rss"]
 term = ["atom", "html", "rss"]
 
 
-[params.paige.file_link]
-content = "Edit this page"
-disable = true
-url = "https://github.com/willfaught/paige/edit/master/exampleSite/content/%s"
+# [params.paige.file_link]
+# content = "Edit this page"
+# disable = true
+# url = "https://github.com/willfaught/paige/edit/master/exampleSite/content/%s"
 
 [taxonomies]
 author = "authors"