<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 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!</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). 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>

    <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-29</i></p>
</Content>