From 040862a3e59334f796f92b82f6ad6419f3d34bfe Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Wed, 8 Apr 2026 15:04:44 +0200
Subject: [PATCH] styled links in project posts

---
 src/lib/components/scroll-top-button.svelte   |  1 +
 .../projects/[category]/[id]/+page.svelte     | 38 ++++++++++--
 src/routes/projects/drawings/firstmonth.md    |  2 +-
 src/routes/projects/projects2.ts              | 62 ++++++++++---------
 4 files changed, 69 insertions(+), 34 deletions(-)

diff --git a/src/lib/components/scroll-top-button.svelte b/src/lib/components/scroll-top-button.svelte
index 2284370..42d9e55 100644
--- a/src/lib/components/scroll-top-button.svelte
+++ b/src/lib/components/scroll-top-button.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     let y: number;
 
+    // TODO change out for <a href="#top"/>
     function scrollToTop() {
         document.documentElement.scrollTop = 0;
     }
diff --git a/src/routes/projects/[category]/[id]/+page.svelte b/src/routes/projects/[category]/[id]/+page.svelte
index 82b81a1..9fb1d89 100644
--- a/src/routes/projects/[category]/[id]/+page.svelte
+++ b/src/routes/projects/[category]/[id]/+page.svelte
@@ -24,10 +24,40 @@
 
     <!-- <TableOfContents /> -->
 
-    {#each data.projectDetails.links as l}
-        <a href={l.link}>{l.text}</a>
-    {/each}
+    {#if data.projectDetails.links.length > 0}
+        <div class="link-button-container">
+            {#each data.projectDetails.links as l}
+                <a class="link-button blurred-background" href={l.link}>{@html l.text}</a>
+            {/each}
+        </div>
+    {/if}
 
     <svelte:component this={data.content} />
 
-</Content>
\ No newline at end of file
+</Content>
+
+<style>
+    .link-button-container {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-top: 12px;
+    }
+
+    .link-button {
+        color: var(--color-text);
+        padding: 4px 12px;
+        margin: 0;
+
+        border-top: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
+        border-bottom: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
+        border-radius: var(--border-radius);
+
+        transition: background-color var(--duration-animation) var(--anim-curve);
+    }
+    .link-button:hover {
+        text-decoration: none;
+        background-color: var(--color-background-highlight-alt);
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/projects/drawings/firstmonth.md b/src/routes/projects/drawings/firstmonth.md
index 4312fe6..8316416 100644
--- a/src/routes/projects/drawings/firstmonth.md
+++ b/src/routes/projects/drawings/firstmonth.md
@@ -2,7 +2,7 @@
     import ImageGallery from "$lib/lists/image-gallery.svelte";
 </script>
 
-Back in January, I was thinking to myself that I'd really like to learn to draw. It would have some practical benefits like potentially being able to draw concept art for my game, but ultimately I just liked the idea of drawing as a hobby. I doodled a few small things before deciding that I should challenge myself to draw something every single day for an entire month (4 weeks); [I documented the entire thing here](/blog/2026/0205), but spoiler alert: I think I succeeded in learning to draw and I am now able to sketch like I was never able to before!
+Back in January, I was thinking to myself that I'd really like to learn to draw. It would have some practical benefits like potentially being able to draw concept art for my game, but ultimately I just liked the idea of drawing as a hobby. I doodled a few small things before deciding that I should challenge myself to draw something every single day for an entire month (4 weeks); I documented the entire thing, but spoiler alert: I think I succeeded in learning to draw and I am now able to sketch things I was never able to before!
 
 Here are some of my favourite drawings from around that time, in chronological order:
 
diff --git a/src/routes/projects/projects2.ts b/src/routes/projects/projects2.ts
index 0e32998..f12f345 100644
--- a/src/routes/projects/projects2.ts
+++ b/src/routes/projects/projects2.ts
@@ -68,7 +68,7 @@ export const projects: Project[] = [
         status: ProjectStatus.FINISHED,
         links: [
             {
-                text: "download the font",
+                text: "font download",
                 link: "https://files.natconf.dev/public/lightyears.woff2",
             }
         ],
@@ -85,6 +85,10 @@ export const projects: Project[] = [
         date: "February – March 2026",
         status: ProjectStatus.FINISHED,
         links: [
+            {
+                text: "accompanying blog post",
+                link: "/blog/2026/0205",
+            }
         ],
     },
     {
@@ -132,18 +136,18 @@ export const projects: Project[] = [
         date: "September 2023 – now",
         status: ProjectStatus.ACTIVE,
         links: [
-            {
-                text: "view the <b>development log</b>",
-                link: "/projects/projectn5",
-            },
-            {
-                text: "play an <b>old web build</b> (developed until 2025-05-16)",
-                link: "https://apps.natconf.dev/projectn5",
-            },
-            {
-                text: "download the <b>old Windows builds</b>",
-                link: "https://files.natconf.dev/public/projectn5",
-            },
+            // {
+            //     text: "development log",
+            //     link: "/projects/projectn5",
+            // },
+            // {
+            //     text: "old web build (2025-05-16)",
+            //     link: "https://apps.natconf.dev/projectn5",
+            // },
+            // {
+            //     text: "old Windows builds",
+            //     link: "https://files.natconf.dev/public/projectn5",
+            // },
         ],
     },
     {
@@ -159,7 +163,7 @@ export const projects: Project[] = [
         status: ProjectStatus.ABANDONED,
         links: [
             {
-                text: "view the latest <b>Magician</b> build",
+                text: "view game",
                 link: "https://apps.natconf.dev/magician",
             },
         ],
@@ -191,7 +195,7 @@ export const projects: Project[] = [
         status: ProjectStatus.ABANDONED,
         links: [
             {
-                text: "play <b>Swords & Stuff</b>",
+                text: "play game",
                 link: "https://apps.natconf.dev/swordsnstuff",
             },
         ],
@@ -209,11 +213,11 @@ export const projects: Project[] = [
         status: ProjectStatus.FINISHED,
         links: [
             {
-                text: "play <b>TADS 1</b>",
+                text: "play TADS 1",
                 link: "https://apps.natconf.dev/tads/1",
             },
             {
-                text: "play <b>TADS 2</b>",
+                text: "play TADS 2",
                 link: "https://apps.natconf.dev/tads/2",
             },
         ],
@@ -235,11 +239,11 @@ export const projects: Project[] = [
         status: ProjectStatus.FINISHED,
         links: [
             {
-                text: "get the <b>PCB and STL files</b>",
+                text: "PCB & STL files",
                 link: "https://files.natconf.dev/public/daisyfm/",
             },
             {
-                text: "view the code files on <b>Codeberg</b>",
+                text: "source code",
                 link: "https://codeberg.org/denizk0461/daisy-fm-synth",
             },
         ],
@@ -261,7 +265,7 @@ export const projects: Project[] = [
         status: ProjectStatus.EOL,
         links: [
             {
-                text: "view on <b>Codeberg</b>",
+                text: "source code",
                 link: "https://codeberg.org/denizk0461/weserplaner/",
             },
             {
@@ -283,11 +287,11 @@ export const projects: Project[] = [
         status: ProjectStatus.EOL,
         links: [
             {
-                text: "view on <b>Codeberg</b>",
+                text: "source code",
                 link: "https://codeberg.org/denizk0461/text-basic/",
             },
             {
-                text: "link to the former <b>Google Play</b> store page",
+                text: "former Google Play store page",
                 link: "https://play.google.com/store/apps/details?id=com.denizk0461.textbasic",
             },
         ],
@@ -305,7 +309,7 @@ export const projects: Project[] = [
         status: ProjectStatus.EOL,
         links: [
             {
-                text: "view the Android app source code on <b>GitHub</b>",
+                text: "android source code",
                 link: "https://github.com/denizk0461/qwark",
             },
         ],
@@ -323,11 +327,11 @@ export const projects: Project[] = [
         status: ProjectStatus.EOL,
         links: [
             {
-                text: "view the Android app source code on <b>GitHub</b>",
+                text: "android source code",
                 link: "https://github.com/denizk0461/avh-substitution-plan",
             },
             {
-                text: "view the iOS app source code on <b>GitHub</b>",
+                text: "iOS source code",
                 link: "https://github.com/denizk0461/avh-plan-ios",
             },
         ],
@@ -350,7 +354,7 @@ export const projects: Project[] = [
         status: ProjectStatus.FINISHED,
         links: [
             {
-                text: "listen & download on <b>copyparty</b>",
+                text: "listen & download",
                 link: "https://files.natconf.dev/public/my_tracks/Dreamworld/",
             },
         ],
@@ -368,7 +372,7 @@ export const projects: Project[] = [
         status: ProjectStatus.FINISHED,
         links: [
             {
-                text: "listen & download on <b>copyparty</b>",
+                text: "listen & download",
                 link: "https://files.natconf.dev/public/my_tracks/A%20New%20Beginning/",
             },
         ],
@@ -386,11 +390,11 @@ export const projects: Project[] = [
         status: ProjectStatus.INACTIVE,
         links: [
             {
-                text: "demo dump on <b>Soundcloud</b>",
+                text: "visit demo dump",
                 link: "https://soundcloud.com/denizk0461",
             },
             {
-                text: "archive on <b>Soundcloud</b>",
+                text: "visit archive",
                 link: "https://soundcloud.com/djd4rkn355",
             },
         ],