updated about page
This commit is contained in:
100
src/routes/meta/about/+page.svelte
Normal file
100
src/routes/meta/about/+page.svelte
Normal file
@@ -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>
|
||||
26
src/routes/meta/feeds/+page.svelte
Normal file
26
src/routes/meta/feeds/+page.svelte
Normal file
@@ -0,0 +1,26 @@
|
||||
<script lang="ts">
|
||||
import Banner2 from "$lib/banner2.svelte";
|
||||
import Content from "$lib/viewport/content.svelte";
|
||||
import LinkList, { type LinkEntry } from "$lib/lists/link-list.svelte";
|
||||
|
||||
let feeds: LinkEntry[] = [
|
||||
{
|
||||
text: "Project N5 devlog",
|
||||
link: "/projects/projectn5/devlog/feed.xml",
|
||||
},
|
||||
]
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Feeds | denizk0461</title>
|
||||
</svelte:head>
|
||||
|
||||
<Content>
|
||||
<Banner2
|
||||
title="Feeds"
|
||||
subtitle="XML feeds" />
|
||||
|
||||
<p>This is a list of RSS feeds I maintain on this website. You can subscribe to them by adding the link of any feed to an RSS reader of your liking.</p>
|
||||
|
||||
<LinkList entries={feeds} />
|
||||
</Content>
|
||||
19
src/routes/meta/privacy/+page.svelte
Normal file
19
src/routes/meta/privacy/+page.svelte
Normal file
@@ -0,0 +1,19 @@
|
||||
<script lang="ts">
|
||||
import Banner2 from "$lib/banner2.svelte";
|
||||
import Content from "$lib/viewport/content.svelte";
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Privacy & Cookies | denizk0461</title>
|
||||
</svelte:head>
|
||||
|
||||
<Content>
|
||||
<Banner2
|
||||
title="Information on Privacy & Cookies" />
|
||||
|
||||
<p>This page uses <b>no cookies</b> as of now. No data will be stored on your device while browsing this website. <b>No trackers</b> are used either – <b>no analytics</b>, not even a visit counter of any kind. Not by a third-party, and currently, none I built myself either.</p>
|
||||
|
||||
<p>The Godot and Unity projects on the <code>apps.denizk0461.dev</code> subdomain <i>may</i> cache compiled shaders on your device, I'm not sure. These files would only be used by your GPU to render visual effects for the game they were compiled for.</p>
|
||||
|
||||
<p>Last updated: 2025-09-10</p>
|
||||
</Content>
|
||||
180
src/routes/meta/uses/+page.svelte
Normal file
180
src/routes/meta/uses/+page.svelte
Normal file
@@ -0,0 +1,180 @@
|
||||
<script lang="ts">
|
||||
import Banner2 from "$lib/banner2.svelte";
|
||||
import Content from "$lib/viewport/content.svelte";
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Uses | denizk0461</title>
|
||||
</svelte:head>
|
||||
|
||||
<Content>
|
||||
<Banner2
|
||||
title="Uses"
|
||||
banner="/projects/banner.webp"
|
||||
bannerAlt="Closeup of the purple protagonist from Project N5"
|
||||
subtitle="A list of the hardware and software I use for my creative tasks" />
|
||||
|
||||
<div class="container">
|
||||
<div class="column">
|
||||
<h2>Hardware</h2>
|
||||
<ul>
|
||||
<li>Self-built tower PC
|
||||
<ul>
|
||||
<li>Components include a Fractal Pop Mini Air case, an AMD Ryzen 5600 CPU, an Nvidia RTX 3070 graphics card, and 2 TB of Samsung NVMe storage</li>
|
||||
<li>I also carried over the DVD drive from my old PC</li>
|
||||
<li>Three monitors are plugged into my PC: a 32in Samsung M7 2160p smart monitor, a 24in 1080p Samsung TV from 2014, and a 24in 1200p 16:10 Dell monitor</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Lenovo IdeaPad Pro 5-14AKP G10
|
||||
<ul>
|
||||
<li>Currently running Windows 11, but I'm planning to install Fedora KDE!</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Logitech MX Master 3S mouse
|
||||
<ul>
|
||||
<li>Don't buy this. I kind of like the mouse, but the rubber is clearly taking a toll from regular use</li>
|
||||
<li>Also, the left/right click buttons are cheap and WILL fail. I already replaced mine because the right click was far too unreliable (worked maybe 20% of the time). Replacing the microswitch requires soldering</li>
|
||||
<li>Also also, it only has a 125 Hz polling rate, which is pretty low, especially when using a 120+ Hz display</li>
|
||||
<li>As far as I read, the MX Master 4 is plagued by the same issues, except for the rubber, which was fortunately replaced with solid plastic</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Logitech MX Mechanical keyboard
|
||||
<ul>
|
||||
<li>I like this keyboard, despite the issues with the related mouse!</li>
|
||||
<li>I should maybe have gotten the non-numpad version, because it is quite wide...</li>
|
||||
<li>I do like having the numpad though</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Beyerdynamic DT 770 Pro headphones
|
||||
<ul>
|
||||
<li>Love these headphones. They're not the most stylish, but they sound <i>really</i> good</li>
|
||||
<li>They're best suited for indoor use though</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Anker Nano 100W USB-C charger
|
||||
<ul>
|
||||
<li>I carry this with me everywhere. Since virtually all my devices use USB-C nowadays, I can charge anything using just this small brick</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Bambu Lab A1 mini 3D printer
|
||||
<ul>
|
||||
<li>Very easy-to-use 3D printer! Produces good results too</li>
|
||||
<li>I don't really recommend it though. Bambu is pretty much the Apple of 3D printing; you'll be locked into their ecosystem</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Samsung Galaxy S20 FE
|
||||
<ul>
|
||||
<li>Bought this in 2021 and have no issues with it. Don't feel like I need a new phone anytime soon</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Samsung Galaxy Buds+
|
||||
<ul>
|
||||
<li>Reliable and good battery life despite their age, but one of the tips is starting to tear and the sound isn't that great anymore</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Sony DualSense controller
|
||||
<ul>
|
||||
<li>Gave away my PS5 but kept the controller. I like its weight and how it feels. USB-C is a big plus too</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h2>Software</h2>
|
||||
<ul>
|
||||
<li>Godot game engine
|
||||
<ul>
|
||||
<li>Switched over to this after the Unity runtime fee controversy in 2023</li>
|
||||
<li>It's so enjoyable to use, I recommend it to pretty much anyone who wants to get into gamedev</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Blender 3D modelling suite
|
||||
<ul>
|
||||
<li>I'm more and more getting into 3D modelling, and Blender is really good for this</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Obsidian markdown editor
|
||||
<ul>
|
||||
<li>Switched over from Notion because I disliked having all my notes in Notion's proprietary standard and stored only in their cloud</li>
|
||||
<li>Canvas is super cool for organising things in a pinboard style</li>
|
||||
<li>The kanban plugin makes for a great TODO list</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Visual Studio Code
|
||||
<ul>
|
||||
<li>Great as an all-rounder code editor</li>
|
||||
<li>This website is written using VS Code!</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Nextcloud
|
||||
<ul>
|
||||
<li>I self-host an instance as my personal cloud for syncing game assets and for tasks</li>
|
||||
<li>I've been using tasks to organise myself a lot – since 2015 or so</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>paint.net
|
||||
<ul>
|
||||
<li>A simple-to-use image editor that I've been using for a very long time</li>
|
||||
<li>Windows-only unfortunately</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Affinity image editing suite
|
||||
<ul>
|
||||
<li>For more sophisticated projects and for vector art, I use this instead</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>PCSX2 PlayStation 2 emulator
|
||||
<ul>
|
||||
<li>Shoutout to this amazing emulator – I use it to play Ratchet & Clank without needing my PS2</li>
|
||||
<li>This emulator got really good in recent years and nowadays runs even difficult-to-emulate games (such as Ratchet & Clank) perfectly even on my laptop</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Last updated: 2025-12-21</p>
|
||||
</Content>
|
||||
|
||||
<style>
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.column {
|
||||
margin: 0 16px;
|
||||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
li li {
|
||||
font-size: 0.9rem;
|
||||
margin-left: 16px;
|
||||
line-height: 1.2rem;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.column {
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
16
src/routes/meta/what-is-this/+page.svelte
Normal file
16
src/routes/meta/what-is-this/+page.svelte
Normal file
@@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
import Content from "$lib/viewport/content.svelte";
|
||||
import Banner2 from "$lib/banner2.svelte";
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>What is this space? | denizk0461</title>
|
||||
</svelte:head>
|
||||
|
||||
<Content>
|
||||
<Banner2
|
||||
title="What is this space?" />
|
||||
|
||||
|
||||
|
||||
</Content>
|
||||
Reference in New Issue
Block a user