<script lang="ts">
    import LinkList, { type LinkEntry } from "$lib/lists/link-list.svelte";
    import ContentSidebar from "$lib/viewport/content-sidebar.svelte";

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


<ContentSidebar bannerContent={{
    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-04-03",
    pixelated: true,
}}>

    <p>Hi there! I'm Deniz (they/them). 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 to 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> (named <a href="https://acloudyskye.bandcamp.com/track/skull-eater">skulleater</a>) or my PC (named <a href="https://acloudyskye.bandcamp.com/track/overthrower-2">overthrower</a>), which I built myself in mid-2023 – key specs of the PC 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 – after using it for a while, I can wholeheartedly recommend it if you're looking to go Linux. 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, much more customisable, and doesn't force unwanted (AI) features down your throat. 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.natconf.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; both are licenced under the <a href="https://openfontlicense.org/open-font-license-official-text/">SIL Open Font License</a>. Emojis are designed by <a href="https://openmoji.org/">OpenMoji</a>, licenced under the <a href="https://creativecommons.org/licenses/by-sa/4.0/#">CC BY-SA 4.0</a> license.</p>

    <p><a href="/robots.txt">robots.txt</a> and <a href="/ai.txt">ai.txt</a> are courtesy of <a href="https://baccyflap.com/res/robots/">baccyflap.com</a></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">Contact / Where to find me</h2>

    <p>Best to e-mail me if you want to get in touch – it's the only way I'm currently reliably available!</p>

    <LinkList entries={links} />

    <p>I removed my Discord username because I don't want to use Discord anymore, now that they <a href="https://www.zdnet.com/article/discord-age-verification-requirement/">ask for facial data and/or government ID that they force to be scanned by third-party AI</a> and then <a href="https://arstechnica.com/tech-policy/2026/02/discord-faces-backlash-over-age-checks-after-data-breach-exposed-70000-ids/">leak it...</a> Apparently they are also about to be <a href="https://www.zdnet.com/article/microsoft-may-be-poised-to-buy-its-next-community-discord/">bought up by Micro$lop</a>?? I prefer not to use Discord anymore, although I will admit I don't have any good alternative at the moment.</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>Have a small FAQ. No one ever asked these questions, but you may find the answer you didn't know you needed.</p>

    <p class="faq-question">What does '0461' in denizk0461 stand for?</p>

    <p>It's a reference to Ratchet & Clank; Clank's designation is <a href="https://ratchetandclank.fandom.com/wiki/Clank">XJ-0461</a>. They started using that designation in <i>Ratchet & Clank: A Crack in Time</i> when Orvus is revealed to be Clank's father and he keeps calling him by his 'real' name.</p>

    <p class="faq-question">If you could take 3 albums to a desert island, which ones?</p>

    <p>acloudyskye's <a href="https://acloudyskye.bandcamp.com/album/there-must-be-something-here">There Must Be Something Here</a> as an emotional/melodic record, Jaron's <a href="https://jaronsteele.bandcamp.com/album/its-hard-to-see-color-when-youre-so-impossibly-far-away">it's hard to see color [When You're So Impossibly Far Away*]</a> for its pure hyperpop energy, and venturing's <a href="https://janeremover.bandcamp.com/album/ghostholding">Ghostholding</a> as an emotional/sad album.</p>

    <p class="faq-question">Tell me a fun fact.</p>

    <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>
</ContentSidebar>

<style>
    .faq-question {
        font-weight: bold;
        color: var(--color-highlight);
        font-family: var(--font-mono);
        margin-bottom: 0;
    }

    .faq-question::before {
        content: '↘ ';
    }

    .faq-question + p {
        margin-top: 0;
    }
</style>