added blog to main page

src/lib/viewport/footer.svelte

@@ -4,7 +4,7 @@
     var ratCounter = 0;
 
     let playSound = function() {
-        let bolt = new Audio(`common/rat/bolt${ratCounter}.wav`)
+        let bolt = new Audio(`/common/rat/bolt${ratCounter}.wav`)
         bolt.volume = 0.2;
         bolt.play();
         ratCounter += 1;

src/routes/+page.svelte

@@ -6,7 +6,8 @@
     import LinkList from "$lib/lists/link-list.svelte";
     import { quotes, type Quote } from "./quotes";
 
-    import { posts } from "./projects/projectn5/devlog/posts";
+    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 marqueeQuote: Quote = $state({
@@ -14,7 +15,8 @@
         content: "",
         source: "",
     });
-    let latestDevlogDate = posts.values().next().value?.date ?? "could not fetch";
+    let latestDevlogDate = devlogPosts.values().next().value?.date ?? "could not fetch";
+    let latestBlogDate = blogPosts.values().next().value?.date ?? "could not fetch";
 
     const galleryEntries: GalleryEntry[] = [
         {
@@ -31,6 +33,13 @@
             imgAlt: "A collage of multiple projects: the Unity default third-person character and CJ from GTA San Andreas in the top left; purple protagonist from Project N5 holding a massive rocket launcher in the top right; two wizards in the bottom left; a breadboard with a microcontroller and input components in the bottom right",
             link: "projects",
         },
+        {
+            title: "Blog",
+            subtitle: `A place where I write about random things. <i>latest post: ${latestBlogDate}</i>`,
+            img: "blog/robert.webp",
+            imgAlt: "View at a tram bridge rising and then curving to the left.",
+            link: "blog",
+        },
         {
             title: "Files",
             subtitle: "find things I've put for download on my copyparty instance",

src/routes/blog/+page.svelte

@@ -23,7 +23,9 @@
 
 <Content>
 	<Banner2
-		title="Blog" />
+		title="Blog"
+        banner="robert.webp"
+        bannerAlt="View at a tram bridge rising and then curving to the left." />
 
     <Gallery entries={entries} reverseTextOrder />
 </Content>

src/routes/meta/about/+page.svelte

@@ -66,7 +66,7 @@
 
     <p>(inspired by <a href="https://blog.avas.space/what-is-this/">this page</a> on <a href="https://blog.avas.space">blog.avas.space</a>)</p>
 
-    <p>At first, my website, formerly under the GitHub Pages domain <a href="https://denizk0461.github.io">djd4rkn355.github.io</a>, served to supply data for an <a href="/projects/#avhplan">app I developed for my school</a> – back then, I did not know how to code an API endpoint. Sometime later I figured, why not develop a page of my own?</p>
+    <p>At first, my website, formerly under the GitHub Pages domain <a href="https://denizk0461.github.io">djd4rkn355.github.io</a>, served to supply data in HTML format for an <a href="/projects/#avhplan">app I developed for my school</a> – back then, I did not know how to code an API endpoint. Sometime later I figured, why not develop a page of my own?</p>
 
     <p>I then proceeded to do pretty much nothing for a few years, until I started developing <a href="/projects/projectn5">a Godot game</a> in 2023. I wanted to share my progress with someone, but I didn't want to bother my friends by constantly bombarding them with tiny little updates, so I figured I could write update posts in the form of a devlog. From this point forward, I continued writing updates, but I also started expanding the website to create my own little space on the web.</p>
 
@@ -86,7 +86,9 @@
 
     <h4 id="software">Tools & Software</h4>
 
-    <p>My main IDE for writing this website is <a href="https://vscodium.com/">VSCodium</a>, and the website itself is developed using <a href="https://svelte.dev">SvelteKit</a>. I perceive SvelteKit as a relatively light web dev framework: it allows me to create easily-reusable components (like the header, footer, title banner, etc.) and I can also configure it to create HTML from markdown files (which is how I write posts for the <a href="/blog">Blog</a> and the <a href="/projects/projectn5">Project N5 devlog</a>). After setting it up, it's easier to add content than if I were to rawdog HTML – and it's a <b>lot</b> easier to change something if the need arises (which I do more often than I'd like to admit).</p>
+    <p>My main IDE for writing this website is <a href="https://vscodium.com/">VSCodium</a>, and the website itself is developed using <a href="https://svelte.dev">SvelteKit</a>. I perceive SvelteKit as a relatively light web dev framework: it allows me to create easily-reusable components (like the header, footer, title banner, etc.) and I can also configure it to create HTML from markdown files (which is how I write posts for the <a href="/blog">Blog</a> and the <a href="/projects/projectn5">Project N5 devlog</a>). After setting it up, it's easier to add content than if I were to rawdog HTML – and it's a <b>lot</b> easier to change something if the need arises (which I do more often than I'd like to admit). A lot of the actual page creation is still done with almost entirely vanilla HTML/CSS though, so there's not <i>too</i> much to re-learn.</p>
+
+    <p>This website uses two fonts: body text uses <b>Bai Jamjuree</b> by Cadson Demak (<a href="https://fonts.google.com/specimen/Bai+Jamjuree">G Fonts</a> | <a href="https://github.com/cadsondemak/Bai-Jamjuree">GitHub</a>), headers and monospaced text use <b>Kode Mono</b> by Isa Ozler (<a href="https://fonts.google.com/specimen/Kode+Mono">G Fonts</a> | <a href="https://github.com/isaozler/kode-mono">GitHub</a>).</p>
 
     <h2>Contact</h2>
 
@@ -96,5 +98,5 @@
 
     <p>hmm... this website and everything else I make comes straight from my own hands and brain. No generative AI is used, ever.</p>
 
-    <p><i>Last updated: 2026-01-23</i></p>
+    <p><i>Last updated: 2026-01-29</i></p>
 </Content>