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

<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> (placeholder for all albums Skye has made)",
            link: "https://acloudyskye.bandcamp.com/album/this-wont-be-the-last-time",
        },
        {
            text: "Avicii – <i>True</i> (first album I ever bought a physical copy of)",
            link: "https://en.wikipedia.org/wiki/True_(Avicii_album)",
        },
        {
            text: "bitbird artists – <i>create together vol. 3</i> (amazing compilation)",
            link: "https://bitbird.bandcamp.com/album/create-together-vol-3",
        },
        {
            text: "brakence – <i>hypochondriac</i>",
            link: "https://soundcloud.com/brakence/sets/hypochondriac-4",
        },
        {
            text: "femtanyl – <i>CHASER</i>",
            link: "https://femtanyl.bandcamp.com/album/chaser",
        },
        {
            text: "Frost Children – <i>SISTER</i>",
            link: "https://frostchildren.bandcamp.com/album/sister",
        },
        {
            text: "Jane Remover – <i>Frailty</i>",
            link: "https://janeremover.bandcamp.com/album/frailty-2",
        },
        {
            text: "Jane Remover – <i>Census Designated</i>",
            link: "https://janeremover.bandcamp.com/album/census-designated",
        },
        {
            text: "Jaron – <i>it's hard to see color [When You're So Impossibly Far Away*]</i>",
            link: "https://jaronsteele.bandcamp.com/album/its-hard-to-see-color-when-youre-so-impossibly-far-away",
        },
        {
            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: "leroy – <i>Grave Robbing</i>",
            link: "https://soundcloud.com/c0ncernn/sets/nonstop",
        },
        {
            text: "Ninajirachi – <i>I Love My Computer</i>",
            link: "https://ninajirachi.bandcamp.com/album/i-love-my-computer",
        },
        {
            text: "underscores – <i>fishmonger</i>",
            link: "https://underscores.bandcamp.com/album/fishmonger",
        },
        {
            text: "venturing – <i>Ghostholding</i>",
            link: "https://janeremover.bandcamp.com/album/ghostholding",
        },
        {
            text: "xaev – <i>TO-THE-CORE_153BPM</i>",
            link: "https://xaev.bandcamp.com/album/to-the-core-153bpm",
        },
    ];

    let links: LinkEntry[] = [
        {
            text: "Mail: denizk0461@mailbox.org",
            link: "mailto:denizk0461@mailbox.org",
        },
        {
            text: "Bluesky",
            link: "https://bsky.app/profile/denizk0461.dev",
        },
        {
            text: "Codeberg",
            link: "https://codeberg.org/denizk0461",
        },
        {
            text: "GitHub",
            link: "https://github.com/denizk0461",
        },
        {
            text: "Printables",
            link: "https://www.printables.com/@denizk0461",
        },
    ];

    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="/me.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>If you found this page, you may be interested in further information. And further information you shall get! I wrote a little bit about myself as well as how I made this website down below.</p>

    <h2 id="who">About me</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 (I currently mostly use <code>GDScript</code> in gamedev and <code>TypeScript</code> for this website). I generally enjoy creative tasks such as CAD modelling – formerly in Fusion 360, now trying to learn 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 studying to become a middle school teacher, though unsure whether I'll see this through until the end.</p>

    <h3>Music</h3>

    <p>Music is a big part of my identity. I listen to lots of different artists across the broader <i>electronic music</i> genre, but it's hard to define without giving examples. Every now and then, I want to create some kind of page that showcases all the music I like, but every time I do, something in my head tells me it's silly and I should stop. So instead, here's a list of my current favourites:</p>

    <LinkList entries={favouriteAlbums} />

    <p>Almost all the links lead to the artists' Bandcamp profiles because I buy my music files to listen locally on my phone and PC. I vastly prefer this over streaming services, not least because I can actually financially support the artists this way.</p>

    <h2 id="what">About this website</h2>

    <p>My website, formerly under the GitHub Pages domain <a href="https://denizk0461.github.io">djd4rkn355.github.io</a>, initially 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>

    <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 – and my own head hindering me from posting all the things I'd like to post.</p>

    <h3 id="how">How did I 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 Linux 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 wrote a small bash script that pulls the changes from the <a href="https://code.denizk0461.dev/denizk0461/pages">Git repository</a>, builds the website as a Node server, and then exposes 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. 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>

    <h4 id="resources">Libraries & Resources</h4>

    <p>I try to keep the amount of external resources in any of my projects to a minimum, in part because it reduces the risk of things breaking when these dependencies update, but also because I have this need to try and make things from scratch as much as possible. It slows me down a bit, but on the upside, it's really good for learning how to do complex things. Either way, this website has only a few dependencies:</p>

    <p>Posts in <a href="/blog">Blog</a> and the <a href="/projects/projectn5">Project N5 devlog</a> are generated from Markdown using <a href="https://mdsvex.pngwn.io/">mdsvex</a> by pngwn.</p>

    <p>Body text uses <a href="https://github.com/cadsondemak/Bai-Jamjuree">Bai Jamjuree</a> by Cadson Demak, headers and monospaced text use <a href="https://github.com/isaozler/kode-mono">Kode Mono</a> by Isa Ozler.</p>

    <p>The <a href="https://ratchetandclank.fandom.com/wiki/Ratchet">rat</a> in the bottom right of the screen is property of <a href="https://insomniac.games/">Insomniac Games</a>. Clicking it will bring you good fortune.</p>

    <h2 id="contact">Where to find me</h2>

    <p>Best to e-mail me if you want to get in touch – I try to respond quickly!</p>

    <LinkList entries={links} />

    <p>You can also try messaging me on Discord (@denizk0461) <span class="small-supertext">but good luck i'm hardly active there lmao</span></p>

    <h2>Anything else?</h2>

    <p>hmm... maybe worth it to point out that 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-02-02</i></p>
</Content>