main page mostly finished

src/routes/+layout.svelte

@@ -11,11 +11,13 @@
 
         :root {
             --color-text: #e0e0e0;
+            --color-text-img: invert(98%) sepia(1%) saturate(4643%) hue-rotate(297deg) brightness(115%) contrast(76%);
             --color-text-dark: #1e1e1e;
             --color-highlight: #72b175;
 
             --color-background: #1b1b1b;
             --color-background-highlight: color-mix(in srgb, var(--color-highlight) 10%, transparent);
+            --color-background-highlight-hover: color-mix(in srgb, var(--color-highlight) 60%, transparent);
             
             --color-waters: #2b2b2b;
         }

src/routes/+page.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
     import Header from "$lib/header.svelte";
+    import Footer from "$lib/footer.svelte";
     import GamedevWebring from "$lib/webrings/gamedev.svelte";
+    import Gallery from "$lib/lists/gallery-entry.svelte";
+    import LinkList from "$lib/link-list.svelte";
 
     var lastIndex = -1;
     let meImg: string = "common/me/a.webp";
@@ -24,11 +27,32 @@
 <Header />
 
 <h1><i>Moin!</i> ~ welcome to my website :)</h1>
-<p><a href="/projects/projectn5/devlog">projects</a></p>
 
 <div class="container">
     <div class="subcontainer">
-        
+        <Gallery entries={[
+            {
+                title: "Project N5 – devlog",
+                subtitle: "my active game project about a girl finding herself in an unfamiliar future",
+                fullWidth: true,
+                img: "projects/projectn5/devlog/20250316/fishmonger.webp",
+                link: "projects/projectn5/devlog",
+            },
+            {
+                title: "Projects",
+                subtitle: "an overview of what i do and have done",
+                fullWidth: false,
+                img: "projects/project-mix.webp",
+                link: "projects",
+            },
+            {
+                title: "idk",
+                subtitle: "idk",
+                fullWidth: false,
+                img: "projects/project-mix.webp",
+                link: "",
+            },
+        ]}/>
     </div>
     <div class="subcontainer">
         <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} onclick={setPicture}>↫ me </h3>
@@ -37,14 +61,37 @@
 
         <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>contact me: how to</h3>
+        <h3>where to find me</h3>
 
-        <p>Feel free to contact me via these means:</p>
+        <LinkList entries={[
+            {
+                icon: "icons/bluesky.svg",
+                text: "Bluesky",
+                link: "https://bsky.app/profile/denizk0461.bsky.social",
+            },
+            {
+                icon: "icons/codeberg.svg",
+                text: "Codeberg",
+                link: "https://codeberg.org/denizk0461",
+            },
+            {
+                icon: "icons/github.svg",
+                text: "GitHub",
+                link: "https://github.com/denizk0461",
+            },
+            {
+                icon: "icons/mailboxdotorg.svg",
+                text: "E-Mail: denizk0461@mailbox.org",
+                link: "",
+            },
+        ]}/>
 
         <GamedevWebring />
     </div>
 </div>
 
+<Footer />
+
 <style>
     .container {
         display: flex;

src/routes/projects/projectn5/devlog/[post]/+page.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-    import Header from "$lib/header.svelte";
-</script>
-
-<Header />