From 280152d53b2ae5e9f60d3787606ac953d8baf532 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Mon, 25 Aug 2025 10:57:55 +0200
Subject: [PATCH] styled old image subtitles in devlogs

---
 .../projects/projectn5/devlog/+layout.svelte  | 19 +++++++++++++++++
 .../projectn5/devlog/2024/0312/+page.svelte   | 12 +++--------
 .../projectn5/devlog/2024/0323/+page.svelte   |  4 +---
 .../projectn5/devlog/2024/0324/+page.svelte   |  4 +---
 .../projectn5/devlog/2024/1103/+page.svelte   |  4 +---
 src/routes/quotes.ts                          | 21 +++++++++++++++++++
 6 files changed, 46 insertions(+), 18 deletions(-)
 create mode 100644 src/routes/projects/projectn5/devlog/+layout.svelte
 create mode 100644 src/routes/quotes.ts

diff --git a/src/routes/projects/projectn5/devlog/+layout.svelte b/src/routes/projects/projectn5/devlog/+layout.svelte
new file mode 100644
index 0000000..340943c
--- /dev/null
+++ b/src/routes/projects/projectn5/devlog/+layout.svelte
@@ -0,0 +1,19 @@
+<script>
+	let { children } = $props();
+</script>
+
+{@render children()}
+
+<style>
+    :global {
+        .image-subtitle::before {
+            content: "↳ ";
+        }
+        .image-subtitle {
+            display: block;
+            width: 80%;
+            margin: 0 auto;
+            font-size: 1rem;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/projects/projectn5/devlog/2024/0312/+page.svelte b/src/routes/projects/projectn5/devlog/2024/0312/+page.svelte
index 67d5f2d..8ad4928 100644
--- a/src/routes/projects/projectn5/devlog/2024/0312/+page.svelte
+++ b/src/routes/projects/projectn5/devlog/2024/0312/+page.svelte
@@ -28,9 +28,7 @@
     <h2 id="arena">Level 2: Arena</h2>
     <p>The arena level is a new addition, everyone welcome the arena! While I do intend to design a proper arena for the final game, this arena is intended to test enemies and the arena menu.</p>
     <img src="arena.webp" alt="A panorama of the arena with a blue sky, white clouds, and an arena terminal">
-    <div class="image-subtitle-container">
-        <span class="image-subtitle">the blue sky gives the level such a different feel. the clouds move really quickly here compared to Unity's clouds, suggesting a stormy atmosphere on this planet.</span>
-    </div>
+    <span class="image-subtitle">the blue sky gives the level such a different feel. the clouds move really quickly here compared to Unity's clouds, suggesting a stormy atmosphere on this planet.</span>
     <p>The computer over there is the arena terminal. By interacting with it, you can select an arena challenge. Currently, it doesn't work. The menu does work! But the buttons don't do anything so far.</p>
     <img src="arena-terminal.webp" alt="Three arena challenges displayed in the arena terminal UI">
 
@@ -48,9 +46,7 @@
     <p>When I'm not developing, I'm often doing something else related to my game. Sometimes, I sketch!</p>
     <p>I am by NO MEANS a skilled sketch artist, but it really helps to note down ideas to remember them, visualise them, and expand on them.</p>
     <img src="sketches.webp" alt="Sketches of the protagonist as well as their armour and weapons">
-    <div class="image-subtitle-container">
-        <span class="image-subtitle">don't judge</span>
-    </div>
+    <span class="image-subtitle">don't judge</span>
 
     <h2 id="kanban">Kanban for my TODOs</h2>
     <p>Perhaps as a small insight into my project management process: I'm using <a href="https://obsidian.md/">Obsidian</a>, a markdown editor, as my means of collecting and managing my projects' notes and ideas. Recently, I've also tried using the Kanban plugin to organise my TODOs (I have <i>a lot</i> of them), which is working quite well! I often create small notes on this board, saving sparks of ideas that I occasionally have, and I like adding extra information that will help me remember in the long term what those ideas were about.</p>
@@ -63,7 +59,5 @@
     <p>And so, while my day-to-day motivation for working on my game directly is rather low, this is only a symptom of a general lack of motivation for anything. In the long term, I think I am quite dedicated to this game. When I'm not coding something, I'm coming up with ideas. I'm managing my notes. I'm designing something. Maybe I'm talking to someone about my ideas. That last point is actually something I would love to do more, but I don't really know any person that would enjoy listening to my ramblings.</p>
     <p>Let's see how far we get.</p>
     <img src="alone.webp" alt="Protagonist staring longingly into the distance, pointing the N5 Blaster thereto">
-    <div class="image-subtitle-container">
-        <span class="image-subtitle">staring longingly into the sunset</span>
-    </div>
+    <span class="image-subtitle">staring longingly into the sunset</span>
 </Content>
\ No newline at end of file
diff --git a/src/routes/projects/projectn5/devlog/2024/0323/+page.svelte b/src/routes/projects/projectn5/devlog/2024/0323/+page.svelte
index c2b2ec4..4fc1f2e 100644
--- a/src/routes/projects/projectn5/devlog/2024/0323/+page.svelte
+++ b/src/routes/projects/projectn5/devlog/2024/0323/+page.svelte
@@ -48,9 +48,7 @@
     <p>I first implemented a fairly basic particle effect using cube meshes. Not exactly photorealistic, but it gets the message across.</p>
 
     <Video src="explosion_0.mp4" />
-    <div class="image-subtitle-container">
-        <span class="image-subtitle">boom</span>
-    </div>
+    <span class="image-subtitle">boom</span>
 
     <h3 id="rockets-2">Stage 2: Struggle Colliding</h3>
 
diff --git a/src/routes/projects/projectn5/devlog/2024/0324/+page.svelte b/src/routes/projects/projectn5/devlog/2024/0324/+page.svelte
index 301c642..4dcb159 100644
--- a/src/routes/projects/projectn5/devlog/2024/0324/+page.svelte
+++ b/src/routes/projects/projectn5/devlog/2024/0324/+page.svelte
@@ -53,9 +53,7 @@
     <p>Initial movement tests were quite funny, because <code>look_at()</code> adjusts rotation on both the y axis (left-right rotation) as well as the x-axis (up-down rotation), which meant that the enemy kept looking up when the player was at a higher elevation than it.</p>
 
     <img src="lookingup.webp" alt="Suzanne cylinder staring up at the protagonist from beneath a ramp">
-    <div class="image-subtitle-container">
-        <span class="image-subtitle">send help</span>
-    </div>
+    <span class="image-subtitle">send help</span>
 
     <h3 id="challenges">Developing Arena Challenges</h3>
 
diff --git a/src/routes/projects/projectn5/devlog/2024/1103/+page.svelte b/src/routes/projects/projectn5/devlog/2024/1103/+page.svelte
index 5e5250b..51169ba 100644
--- a/src/routes/projects/projectn5/devlog/2024/1103/+page.svelte
+++ b/src/routes/projects/projectn5/devlog/2024/1103/+page.svelte
@@ -99,9 +99,7 @@
     <p>Back when I modelled the N5 Blaster around a year ago, I didn't have much experience in using Blender. Thus, it wasn't modelled very well. The model consisted of 8 parts for the body, 3 or 4 parts for the grip, and the icosphere spinning in the middle of the gun. My goal today was to recreate the N5 Blaster with a more streamlined mesh, and I must say, I achieved my goal quite well: the gun now consists of one mesh for the body, one for the grip, and another for the icosphere.</p>
 
     <img src="101-comparison.webp" alt="The remeshed N5 Blaster on the left compared to the old N5 Blaster on the right">
-    <div class="image-subtitle-container">
-        <span class="image-subtitle">left: new, right: old</span>
-    </div>
+    <span class="image-subtitle">left: new, right: old</span>
 
     <p>With this change, I also adjusted the material slightly. The gun has a more matte look and the grip is more rounded. I should say that the blue glass is only a temporary material I assigned within Blender; it's transparent in-engine to display the icosphere hiding within.</p>
 
diff --git a/src/routes/quotes.ts b/src/routes/quotes.ts
new file mode 100644
index 0000000..6c2e881
--- /dev/null
+++ b/src/routes/quotes.ts
@@ -0,0 +1,21 @@
+export interface Quote {
+    content: string;
+    author: string;
+    source: string;
+    link: string;
+}
+
+export let quotes: Quote[] = [
+    {
+        content: "If you live a life in letters you might never really feel alive",
+        author: "Pierce Fulton",
+        source: "Life in Letters",
+        link: "https://youtu.be/qIXK5hc7DNQ",
+    },
+    // {
+    //     content: "",
+    //     author: "",
+    //     source: "",
+    //     link: "",
+    // },
+];
\ No newline at end of file