updated about page

src/lib/viewport/footer.svelte

@@ -23,13 +23,13 @@
                 <h6>Content</h6>
                 <a href="/projects">Projects</a>
                 <a href="/blog">Blog</a>
-                <a href="/about">About</a>
             </div>
             <div class="content-box">
                 <h6>Meta</h6>
-                <a href="/feeds">Feeds</a>
+                <a href="/meta/about">About</a>
+                <a href="/meta/feeds">Feeds</a>
                 <a href="https://codeberg.org/denizk0461/pages-svelte">Page Source</a>
-                <a href="/privacy">Privacy & Cookies</a>
+                <a href="/meta/privacy">Privacy & Cookies</a>
             </div>
         </div>
         <input

src/routes/+layout.svelte

@@ -317,6 +317,7 @@
         /* mouse over link */
         a:hover {
             color: var(--color-link-hovered);
+            text-decoration-thickness: 1px;
         }
 
         .notched {

src/routes/about/+page.svelte

@@ -1,111 +0,0 @@
-<script lang="ts">
-    import Banner2 from "$lib/banner2.svelte";
-    import Content from "$lib/viewport/content.svelte";
-    import TableOfContents from "$lib/table-of-contents.svelte";
-    import LinkList, { type LinkEntry } from "$lib/lists/link-list.svelte";
-
-    let favouriteAlbums: LinkEntry[] = [
-        {
-            text: "acloudyskye – <i>This Won't Be The Last Time</i>",
-            link: "https://acloudyskye.bandcamp.com/album/this-wont-be-the-last-time",
-        },
-        {
-            text: "Jane Remover – <i>Frailty</i>",
-            link: "https://janeremover.bandcamp.com/album/frailty-2",
-        },
-        {
-            text: "Jaron – <i>LIGHTYEARS</i>",
-            link: "https://jaronsteele.bandcamp.com/album/lightyears",
-        },
-        {
-            text: "kmoe – <i>K1</i>",
-            link: "https://kmoethekid.bandcamp.com/album/k1",
-        },
-        {
-            text: "underscores – <i>fishmonger</i>",
-            link: "https://underscores.bandcamp.com/album/fishmonger",
-        },
-        {
-            text: "venturing – <i>Ghostholding</i>",
-            link: "https://janeremover.bandcamp.com/album/ghostholding",
-        },
-    ];
-</script>
-
-<svelte:head>
-    <title>About Me | denizk0461</title> 
-</svelte:head>
-
-<Content>
-    <Banner2
-        title="About Me"
-        banner="/common/me/b.webp"
-        bannerAlt="Mirror picture of me, pixelated beyond recognition"
-        subtitle="If you'd like to learn more about me"
-        pixelated />
-
-    <TableOfContents />
-
-    <p>Hi there! I'm Deniz (he/him/they). Welcome to my website!</p>
-
-    <p>On this website, I share my programming projects, but also a couple of other creative works. If you scroll down, though, you can find out a little more about me!</p>
-
-    <h2 id="does">What I Do</h2>
-
-    <p>I like dabbling in all kinds of creative endeavours. What I do most is programming, but there are other things too! I do...</p>
-
-    <ul>
-        <li>Game development using Godot</li>
-        <li>3D modelling in Blender</li>
-        <li>CAD in Fusion 360 for 3D printing (and starting to learn FreeCAD)</li>
-        <li>Android app development</li>
-        <li>A little bit of web development; this website is made using SvelteKit!</li>
-    </ul>
-
-    <p>I'm also currently studying to become a secondary school teacher.</p>
-
-    <h2 id="likes">Things I Like</h2>
-
-    <p>I spend a lot of time programming and listening to electronic music. I also like nature parks, public transport, oxford commas (possibly because I'm German) and <b>en</b> dashes (not <b>em</b> dashes), <a href="https://en.wikipedia.org/wiki/ISO_8601">ISO 8601</a>, peach iced tea, and rice with chili oil and tofu.</p>
-
-    <h3 id="music">Music</h3>
-
-    <img alt="Vinyl record sleeves displayed on a wall" src="records.webp">
-
-    <p>My taste in music is always developing, but one things that remains constant is that I enjoy electronic music of all kinds. This began when I first listened to Avicii's early singles such as <i>Levels</i>, <i>Fade Into Darkness</i>, <i>Silhouettes</i>, and <i>I Could Be The One</i> on Viva (the television channel).</p>
-
-    <p>The vast majority of the time, I listen to albums instead of shuffling singles. I prefer putting on an album so that I can immerse myself in the cohesive vision an artist had for their work. I also think that buying music is much better than streaming off a greedy "music" platform, which is why I have a large library of music compiled from Bandcamp purchases, vinyl and CD downloads and rips, freely-available downloads, and possibly some other sources, which I can always listen to without the need for a subscription or an internet connection.</p>
-    
-    <p>Some of my current favourite albums include:</p>
-
-    <LinkList entries={favouriteAlbums} />
-
-    <p>Avicii's first album <i>True</i> has a special place in my heart.</p>
-
-    <h3 id="games">Video Games</h3>
-
-    <p>My favourite game of all time is 2004's <i>Ratchet & Clank 3</i>. I've played this game countless times ever it since released.</p>
-
-    <p>I've had a PlayStation 2 and the first four <i>Ratchet & Clank</i> games for as long as I can remember. I still play these games every now and then, though nowadays I use the <a href="https://pcsx2.net">PCSX2</a> emulator (which has gotten extremely good in recent years!!) and a DualSense controller.</p>
-
-    <p>Other games I've enjoyed include:</p>
-
-    <ul>
-        <li>1000xRESIST</li>
-        <li>A Hat in Time</li>
-        <li>Balatro</li>
-        <li>Celeste</li>
-        <li>Cities: Skylines</li>
-        <li>Jak & Daxter</li>
-        <li>The Simpsons: Hit & Run</li>
-        <li>STRAFTAT</li>
-    </ul>
-
-    <h2 id="dislikes">What I Don't Do</h2>
-
-    <p>I do NOT use generative AI. Every line of code and every work I produce comes straight from my brain and my own two hands. I believe the use of AI – especially to substitute creative works – to be wrong, and I condone its use in programming, arts, academia, and wherever else.</p>
-
-    <p>I'm also not a social media person. I've tried for years to use it so I could connect with my friends, who all used it extensively, but I was never able to stick with it. I had three Instagram accounts, a Twitter account, some Reddit accounts, and even two Facebook accounts in the past, but they are all gone now. Currently, I do have a <a href="https://bsky.app/denizk0461.dev">Bluesky</a> account, but it's not seen much use either. In fact, in recent times, I've tried getting away from social media and phone overuse to waste less time on slop posted on social media and have more time free to pursue hobbies and other things I enjoy doing.</p>
-
-    <p><i>Last updated: 2025-12-20</i></p>
-</Content>

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

@@ -0,0 +1,100 @@
+<script lang="ts">
+    import Banner2 from "$lib/banner2.svelte";
+    import Content from "$lib/viewport/content.svelte";
+    import TableOfContents from "$lib/table-of-contents.svelte";
+    import LinkList, { type LinkEntry } from "$lib/lists/link-list.svelte";
+
+    let favouriteAlbums: LinkEntry[] = [
+        {
+            text: "acloudyskye – <i>This Won't Be The Last Time</i>",
+            link: "https://acloudyskye.bandcamp.com/album/this-wont-be-the-last-time",
+        },
+        {
+            text: "Jane Remover – <i>Frailty</i>",
+            link: "https://janeremover.bandcamp.com/album/frailty-2",
+        },
+        {
+            text: "Jaron – <i>LIGHTYEARS</i>",
+            link: "https://jaronsteele.bandcamp.com/album/lightyears",
+        },
+        {
+            text: "kmoe – <i>K1</i>",
+            link: "https://kmoethekid.bandcamp.com/album/k1",
+        },
+        {
+            text: "underscores – <i>fishmonger</i>",
+            link: "https://underscores.bandcamp.com/album/fishmonger",
+        },
+        {
+            text: "venturing – <i>Ghostholding</i>",
+            link: "https://janeremover.bandcamp.com/album/ghostholding",
+        },
+    ];
+
+    function getYearsSinceDay(day: Date): number {
+        let dif = Date.now() - day.getTime();
+        let date = (new Date(dif)).getUTCFullYear();
+        return Math.abs(date - 1970);
+    }
+
+    let age = getYearsSinceDay(new Date("2001-07-23"));
+</script>
+
+<svelte:head>
+    <title>About | denizk0461</title> 
+</svelte:head>
+
+<Content>
+    <Banner2
+        title="About"
+        banner="/common/me/b.webp"
+        bannerAlt="Mirror picture of me, pixelated beyond recognition"
+        subtitle="If you'd like to learn more about me and my website"
+        pixelated />
+
+    <TableOfContents />
+
+    <p>Hi there! I'm Deniz (he/him/they). Welcome to my website!</p>
+
+    <p>On here, I share my programming projects, but also a couple of other creative works. Here you can find out a little more about me!</p>
+
+    <h2 id="who">Who are you?</h2>
+
+    <p>I'm a {age}-year-old living in the north of Germany. I like video games, electronic music, and programming, though I am no pro (languages I know, in descending order of proficiency: <code>GDScript</code>, <code>Kotlin</code>, <code>Java</code>, <code>Python</code>, <code>TypeScript</code>, and a little bit of <code>C#</code> & <code>C</code>). I generally enjoy creative tasks such as CAD modelling (formerly in Fusion 360, now learning FreeCAD); I am currently learning 3D modelling in Blender, and I also used to make <a href="/projects/#music">music</a> in FL Studio (which I want to do again in the near future). I am also currently studying to become a middle school teacher.</p>
+
+    <h2 id="what">What is this space?</h2>
+
+    <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>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>
+
+    <p>I like having this space, because it exposes a part of me I don't/cannot show to people in-person. I can share my interests, but also my projects and anything I work on here. Only thing I'm limited by is my own creativity!</p>
+
+    <h3 id="how">How did you make this?</h3>
+
+    <p>i'm techy so i'll dump some tech details here</p>
+
+    <h4 id="hardware">Hardware</h4>
+
+    <p>I am using either my <a href="https://www.campuspoint.de/lenovocampus-ideapad-pro-5-14-akp-g10-83jl0011ge.html">laptop</a> or my PC, which I built myself in mid-2023 – key specs are: AMD Ryzen 5700X, ASUS RTX 3070, 32 GB memory, 2 TB NVMe storage, 1 TB HDD. Both my computers are currently running <a href="https://fedoraproject.org/">Fedora</a> with the KDE Plasma desktop environment. It's a really solid distro that allowed me to free myself from Micro$lop's Windows once and for all. There's a bit of setup required right after installing (for which I used <a href="https://github.com/devangshekhawat/Fedora-43-Post-Install-Guide">a guide</a>) but once that's done, using the operating system is just as simple as using Windows, except it's far less bloated and much more customisable. Look, I set my application launcher icon to Clank in his backpack form:</p>
+
+    <img alt="Screenshot of the taskbar of a Fedora KDE setup. There are multiple icons. From left to right: Clank as the application launcher icon, Firefox, fooyin music player, Dolphin file explorer." src="taskbar.webp">
+
+    <p>As for the server infrastructure: the website is hosted on a Hetzner server instance I am renting. It's a relatively cheap CPX22 node that costs me 7,72€ a month, and besides my website, it's also hosting things such as a Nextcloud instance and a Minecraft server. In order to host and update the website, I pull the changes from the <a href="https://codeberg.org/denizk0461/pages-svelte">Git repository</a>, build the website as a Node server, then expose it via Nginx.</p>
+
+    <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>
+
+    <h2>Contact</h2>
+
+    <p>If you want to contact me, please write an e-mail to: <a href="mailto:denizk0461@mailbox.org">denizk0461@mailbox.org</a></p>
+
+    <h2>Anything else?</h2>
+
+    <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>
+</Content>

src/routes/meta/what-is-this/+page.svelte

@@ -4,13 +4,13 @@
 </script>
 
 <svelte:head>
-    <title>what is this space? | denizk0461</title> 
+    <title>What is this space? | denizk0461</title> 
 </svelte:head>
 
 <Content>
     <Banner2
-        title="what is this space?" />
+        title="What is this space?" />
 
-    <p>Inspired by <a href="https://blog.avas.space/what-is-this/">this</a></p>
+    
 
 </Content>