updated texts on main and about page; moved links and contact info to about page

src/routes/+page.svelte

@@ -1,15 +1,11 @@
 <script lang="ts">
-    import { onMount } from "svelte";
     import Content from "$lib/viewport/content.svelte";
     import GamedevWebring from "$lib/webrings/gamedev.svelte";
     import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
-    import LinkList from "$lib/lists/link-list.svelte";
 
     import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
     import { posts as blogPosts } from "./blog/posts";
 
-    let meImg: string = $state("common/me/a.webp");
-
     let latestDevlogDate = devlogPosts[0].post.date;
     let latestBlogDate = blogPosts[0].post.date;
 
@@ -43,20 +39,6 @@
             link: "//files.denizk0461.dev/",
         },
     ];
-
-    onMount(() => {
-        setPicture();
-    });
-
-    function getRandom(max: number): number {
-        return Math.floor(Math.random() * max);
-    }
-
-    let setPicture = function() {
-        var pictures = ["a", "b", "c", "e"];
-        var selectedPicture = pictures[getRandom(pictures.length)];
-        meImg = "common/me/" + selectedPicture + ".webp";
-    };
 </script>
 
 <svelte:head>
@@ -69,39 +51,33 @@
 
     <hr>
 
-    <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="Deniz, the website developer, small and pixelated">↫ me </h3>
+    <div>
+        <img class="me-img pixelated-img" src="me.webp" alt="Pixelated mirror selfie of the website creator wearing a green shirt, fitting the website theme. The face is obscured." title="hi.">
+        <p>Hi! I'm Deniz (he/him/they). I'm a hobbyist programmer based in 🇩🇪 Northern Germany who does coding, 3D modelling, and sometimes music too. I am also studying to become a secondary school teacher. Welcome to my webpage!</p>
+        <p>Here I publish my projects in programming, electronics (Arduino, Raspberry Pi etc.), and gamedev specifically, but I also set up a blog to talk about random things on my mind. Feel free to explore.</p>
+        <p>This place is a constant work-in-progress – while I try to keep URLs intact, a lot of stuff is being modified and moved around! If anything's <a href="/blog/2026/0131">broken</a>, please do let me know.</p>
+    </div>
 
-    <p>Hi! I'm Deniz. I'm a programmer, sometimes a music producer, and student from Northern Germany. Welcome to my webpage! I mainly share my projects here. Check them out – the devlog of the game I'm working on especially!</p>
-
-    <h3>where to find me</h3>
-
-    <LinkList entries={[
-        {
-            icon: "icons/bluesky.svg",
-            text: "Bluesky",
-            link: "https://bsky.app/profile/denizk0461.dev",
-        },
-        {
-            icon: "icons/codeberg.svg",
-            text: "Codeberg",
-            link: "https://codeberg.org/denizk0461",
-        },
-        {
-            icon: "icons/github.svg",
-            text: "GitHub",
-            link: "https://github.com/denizk0461",
-        },
-    ]}/>
-
-    <GamedevWebring />
+    <div class="webring-container">
+        <GamedevWebring />
+    </div>
 
     <Gallery entries={galleryEntries} />
 </Content>
 
 <style>
     .me-img {
-        width: 32px;
-        display: inline-block;
+        width: 110px;
+        min-width: 110px;
+        /* margin-top: 12px; */
+        float: left;
+        margin-right: 12px;
+    }
+
+    .webring-container {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
     }
 
     .gradient-title {