edited style and added games page

src/routes/+page.svelte

@@ -4,9 +4,14 @@
     import Gallery from "$lib/lists/gallery-entry.svelte";
     import LinkList from "$lib/link-list.svelte";
 
+    import type { DevlogPost } from "$lib/devlog-posts";
+    import { posts } from "$lib/devlog-posts";
+
     var lastIndex = -1;
     let meImg: string = "common/me/a.webp";
 
+    $: setPicture();
+
     function getRandom(to: number): number {
         var buf = new Uint8Array(1);
         crypto.getRandomValues(buf);
@@ -37,27 +42,27 @@
                     title: "Project N5 – devlog",
                     subtitle: "my active Godot game project about finding yourself in an unfamiliar future",
                     fullWidth: true,
-                    img: "projects/projectn5/devlog/2025/0316/fishmonger.webp",
+                    img: "projects/projectn5/devlog/2025/0523/birds_eye.webp",
                     link: "projects/projectn5/devlog",
                 },
                 {
                     title: "Projects",
-                    subtitle: "an overview of what i do and have done",
+                    subtitle: "an overview of what I do and have done",
                     fullWidth: false,
                     img: "projects/project-mix.webp",
                     link: "projects",
                 },
                 {
-                    title: "Blog",
-                    subtitle: "more to come <i>soon</i>",
+                    title: "Games",
+                    subtitle: "some small games I've made that are available online",
                     fullWidth: false,
                     img: "common/hypertext.webp",
-                    link: "",
+                    link: "games",
                 },
             ]}/>
         </div>
         <div class="subcontainer">
-            <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} onclick={setPicture}>↫ me </h3>
+            <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="A mini picture of me">↫ me </h3>
 
             <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>
 
@@ -65,6 +70,8 @@
 
             <h3>where to find me</h3>
 
+            <p>{posts[0].title}</p>
+
             <LinkList entries={[
                 {
                     icon: "icons/bluesky.svg",