added project n5 to games page; added dates to game page banners; added link to copyparty on main page

src/lib/projects.ts

@@ -34,11 +34,11 @@ export const projects: Project[] = [
             },
             {
                 text: "Play an <b>old build</b> (developed until 2025-05-16)",
-                link: "https://apps.denizk0461.dev/projectn5",
+                link: "//apps.denizk0461.dev/projectn5",
             },
             {
                 text: "Download the <b>old Windows builds</b>",
-                link: "https://files.denizk0461.dev/projectn5",
+                link: "//files.denizk0461.dev/projectn5",
             },
         ],
     },
@@ -76,7 +76,7 @@ export const projects: Project[] = [
             },
             {
                 text: "Get the PCB and STL files",
-                link: "https://files.denizk0461.dev/daisyfm/",
+                link: "//files.denizk0461.dev/daisyfm/",
             },
             {
                 text: "View the repository",
@@ -263,11 +263,38 @@ export const games: Project[] = [
             },
         ],
     },
+    {
+        id: "projectn5",
+        isActive: false,
+        banner: "/projects/projectn5/banner.webp",
+        icon: "",
+        date: "September 2023 – June 2025",
+        title: "Project N5",
+        subtitle: "Action-Adventure Jump & Run",
+        paragraphs: [
+            "<b>Project N5</b> is the deprecated version of my current game. The old version is available to play in-browser, plus some downloads of several Windows builds.",
+        ],
+        links: [
+            {
+                text: "View the <b>development log</b>",
+                link: "/projects/projectn5/devlog",
+            },
+            {
+                text: "Play <b>Project N5</b> (last build)",
+                link: "//apps.denizk0461.dev/projectn5",
+            },
+            {
+                text: "Download the <b>old Windows builds</b>",
+                link: "//files.denizk0461.dev/projectn5",
+            },
+        ],
+    },
     {
         id: "swordsnstuff",
         isActive: false,
         banner: "/projects/swordsnstuff/banner.webp",
         icon: "",
+        date: "August 2023",
         title: "Swords & Stuff",
         subtitle: "Unity 2D RPG",
         paragraphs: [
@@ -287,6 +314,7 @@ export const games: Project[] = [
         isActive: false,
         banner: "/projects/tads/banner.webp",
         icon: "/projects/tads/icon.webp",
+        date: "August 2023",
         title: "Totally Accurate Dating Simulator",
         subtitle: "HTML Text Adventure",
         paragraphs: [

src/routes/+layout.svelte

@@ -238,19 +238,40 @@
             font-family: var(--font-mono);
         }
 
-        .project-banner {
+        .project-banner-container {
+            position: relative;
             width: 80%;
             margin-left: auto;
             margin-right: auto;
             display: flex;
         }
         
+        .project-banner {
+            margin: 0; /* reset left/right margins */
+        }
+
         .project-icon {
             float: left;
             margin: 16px 16px 16px 0;
             width: 20%;
         }
 
+        .project-date {
+            font-size: 1rem;
+            font-weight: 700;
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            margin: 0;
+            padding: 0;
+            line-height: 1rem;
+
+            color: var(--color-text-dark);
+            background-color: var(--color-highlight);
+            font-family: 'Space Mono', monospace;
+            padding: 4px;
+        }
+
         .pixelated-img {
             image-rendering: pixelated;
         }

src/routes/+page.svelte

@@ -22,7 +22,7 @@
         return buf[0] % to;
     }
     let setPicture = function() {
-        var pictures = ["a", "b", "c", "e", "f"];
+        var pictures = ["a", "b", "c", "e"];
         var selectedPicture = pictures[getRandom(pictures.length)];
         meImg = "common/me/" + selectedPicture + ".webp";
     };
@@ -61,6 +61,13 @@
                     img: "common/hypertext.webp",
                     link: "games",
                 },
+                {
+                    title: "Files",
+                    subtitle: "find things I've put for download on my <a href='https://github.com/9001/copyparty'>copyparty</a> instance",
+                    fullWidth: false,
+                    img: "common/hypertext.webp",
+                    link: "//files.denizk0461.dev/",
+                },
             ]}/>
         </div>
         <div class="subcontainer">
@@ -68,7 +75,7 @@
 
             <p>Hi! I'm Deniz. I'm a programmer, sometimes a music producer, and rarely a hard-working student in Northern Germany. Welcome to my webpage!</p>
 
-            <p>Here you can find information on things I like sharing. check out my projects, especially the devlog of the game I'm working on!</p>
+            <p>Here you can find information on things I like sharing. Check out my projects, especially the devlog of the game I'm working on!</p>
 
             <h3>where to find me</h3>
 

src/routes/games/+page.svelte

@@ -41,7 +41,12 @@
         <p class="project-subtitle">» {game.subtitle}</p>
         {/if}
         {#if game.banner}
+        <div class="project-banner-container">
             <img class="project-banner" src="{game.banner}">
+            {#if game.date}
+            <p class="project-date">{game.date}</p>
+            {/if}
+        </div>
         {/if}
         {#if game.icon}
         <img class="project-icon" src="{game.icon}">