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

src/routes/+layout.svelte

@@ -237,13 +237,18 @@
             margin-top: 0;
             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;
@@ -251,6 +256,22 @@
             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}
-        <img class="project-banner" src="{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}">