From fd71b935adca0d33d77c7436fca60e409d7d1372 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Thu, 2 Apr 2026 16:31:10 +0200
Subject: [PATCH] banner elements now shift better on mobile

---
 src/lib/banner2.svelte             | 10 ++++++++++
 src/routes/+page.svelte            |  1 +
 src/routes/blog/posts.ts           |  2 ++
 src/routes/meta/about/+page.svelte |  8 +++-----
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/lib/banner2.svelte b/src/lib/banner2.svelte
index aedd8d3..6535e3f 100644
--- a/src/lib/banner2.svelte
+++ b/src/lib/banner2.svelte
@@ -130,6 +130,16 @@
         .title-container {
             flex-direction: column;
             align-items: flex-start;
+            gap: 4px;
+        }
+
+        .date-container {
+            align-items: flex-start;
+        }
+
+        .date {
+            font-size: 0.9rem;
+            line-height: 1.2rem;
         }
     }
 </style>
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 650ebf0..635ae07 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -112,6 +112,7 @@
             <div class="sidebox-container">
                 <h4 class="sidebox-header">heads-up</h4>
                 <p>This website works best on Firefox and other Gecko-based browsers! All pages <i>should</i> be responsive and work on mobile.</p>
+                <p>This website is 100% mobile-friendly – or at least trying to be!</p>
 
                 <hr>
 
diff --git a/src/routes/blog/posts.ts b/src/routes/blog/posts.ts
index 8fb6072..1c590d5 100644
--- a/src/routes/blog/posts.ts
+++ b/src/routes/blog/posts.ts
@@ -41,10 +41,12 @@ export const posts: BlogPostLink[] = [
 		key: "2026/0326",
 		post: {
 			date: "2026-03-26",
+			dateUpdated: "2026-03-26",
 			time: "20:50",
 			banner: "banner.webp",
 			bannerAlt: "White light blurs on a darker background.",
 			title: "Moving On",
+			subtitle: "Moving On",
 			description: "It's time to switch domains.",
 			tags: [
 				BlogPostTag.META,
diff --git a/src/routes/meta/about/+page.svelte b/src/routes/meta/about/+page.svelte
index f3c83df..8cac47c 100644
--- a/src/routes/meta/about/+page.svelte
+++ b/src/routes/meta/about/+page.svelte
@@ -109,10 +109,12 @@
 
 <Content>
     <Banner2
-        title="About"
+        title="About Me & natconf.dev"
         banner="/me.webp"
         bannerAlt="Mirror picture of me, pixelated beyond recognition"
         subtitle="If you'd like to learn more about me and my website"
+        date="2025-08-10"
+        dateUpdated="2026-03-26"
         pixelated />
 
     <TableOfContents />
@@ -198,10 +200,6 @@
     <p>When I was recently replaying the original Ratchet & Clank (2002) in German, I noticed again that the dialogue translated into German is often longer than the original English dialogue, which makes characters' voice lines run into one another. This doesn't happen in the English original.</p>
 
     <p>This is most noticeable in the cutscene that plays after you acquire the Hologuise on planet Kalebo III, where <a href="https://youtu.be/XIShUN7AUqg?t=3479">the narrator explains how the Hologuise works</a>. The narrations lags WAY behind the visuals, to the point that there's a brief black screen at the end while the narration is still ongoing, and then it just cuts off the narrator entirely.</p>
-
-    <hr>
-
-    <p><i>Last updated: 2026-03-26</i></p>
 </Content>
 
 <style>