102 lines
7.4 KiB
Svelte
102 lines
7.4 KiB
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>",
|
||
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>). For this, I use <a href="https://mdsvex.pngwn.io/">mdsvex</a> by pngwn. 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-02-01</i></p>
|
||
</Content> |