From bbd1b7030607df8d709b710df8ef3c5a69fc9140 Mon Sep 17 00:00:00 2001 From: denizk0461 Date: Tue, 14 Apr 2026 10:33:53 +0200 Subject: [PATCH] edited text blurb and minor things on main page --- src/lib/banner2.svelte | 2 ++ src/lib/lists/blog-gallery.svelte | 2 ++ src/routes/+layout.svelte | 25 +++++++++++++++++++++---- src/routes/+page.svelte | 26 +++++++++++--------------- src/routes/blog/+page.svelte | 20 +++++++++++--------- src/routes/projects/+page.svelte | 22 +++++++++++----------- 6 files changed, 58 insertions(+), 39 deletions(-) diff --git a/src/lib/banner2.svelte b/src/lib/banner2.svelte index 0684b8e..5980827 100644 --- a/src/lib/banner2.svelte +++ b/src/lib/banner2.svelte @@ -115,6 +115,8 @@ flex-direction: row; flex-wrap: wrap; margin-bottom: 4px; + + --color-tag-filters-bg: var(--color-background-highlight-alt); } .date-container { diff --git a/src/lib/lists/blog-gallery.svelte b/src/lib/lists/blog-gallery.svelte index 41077cf..8e57b1c 100644 --- a/src/lib/lists/blog-gallery.svelte +++ b/src/lib/lists/blog-gallery.svelte @@ -119,6 +119,8 @@ gap: 4px; flex-direction: row; flex-wrap: wrap; + + --color-tag-filters-bg: var(--color-background-highlight-alt); } @media screen and (max-width: 900px) { diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 19090a7..ee64763 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -460,7 +460,7 @@ .post-tag { font-family: var(--font-mono); font-size: 0.8rem; - background-color: var(--color-background-highlight-alt); + background-color: var(--color-tag-filters-bg); margin: 0; padding: 4px; border-radius: 8px; @@ -468,13 +468,29 @@ font-weight: 600; } + /* container for all tag stuff that only holds the colour */ + .tag-filters { + --color-tag-filters: var(--color-highlight); + --color-tag-filters-bg: var(--color-background-highlight); + --color-tag-filters-bg-hover: var(--color-background-highlight-hover); + --color-tag-filters-text: var(--color-text-highlight); + --color-tag-filters-text-active: var(--color-text-dark); + } + .tag-filters-alt { + --color-tag-filters: var(--color-highlight-alt); + --color-tag-filters-bg: var(--color-background-highlight-alt); + --color-tag-filters-bg-hover: var(--color-background-highlight-hover-alt); + --color-tag-filters-text: var(--color-text-highlight-alt); + --color-tag-filters-text-active: var(--color-text); + } + .tag-filter-header { font-family: var(--font-mono); font-size: 0.9rem; /* margin-left: 10px; margin-right: 10px; */ margin: 12px 10px 4px; - color: var(--color-text-highlight-alt); + color: var(--color-tag-filters-text); } .tag-filter-container { @@ -495,11 +511,12 @@ } .tag-filter-selected { - background-color: var(--color-highlight-alt); + color: var(--color-tag-filters-text-active); + background-color: var(--color-tag-filters); } .tag-filter:hover { - background-color: var(--color-background-highlight-hover-alt); + background-color: var(--color-tag-filters-bg-hover); } @media screen and (max-width: 600px) { diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 059f48d..5b670d1 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -37,14 +37,14 @@ const galleryTopRow: GalleryRowEntry[] = [ { title: "Homesick – devlog", - description: `My active Godot game project about finding yourself in an unfamiliar future. latest update: ${latestDevlogDate}`, + description: `my active Godot game project about finding yourself in an unfamiliar future. latest update: ${latestDevlogDate}`, img: "projects/projectn5/banner2.webp", altText: "The protagonist Laura standing on a floating platform in the purple test level. Ziplines are all around her and the text 'When this text is spinning, the game is not paused' is frozen in the sky.", link: "projects/projectn5", }, { title: "Projects", - description: "[updated] An overview of all my projects!", + description: "[updated] an overview of all my projects!", img: "projects/banner.webp", altText: "An upside-down New 3DS XL lying open on a desk with a small USB-C breakout board attached to it, and a USB-C cable plugged in. The 3DS is glowing to indicate that it is charging.", link: "projects", @@ -54,21 +54,21 @@ const galleryBottomRow: GalleryRowEntry[] = [ { title: "Creative Feed", - description: `The small things I make find a home here`, + description: `the small things I make find a home here.`, img: "feed/banner.webp", altText: "A blue screen with the text 'how do you do art ? 1. face your fears 2. become your heroes'. The 'art' looks to have been edited in. The music artist Porter Robinson is standing in the bottom right corner.", link: "feed", }, { title: "Blog", - description: `A place where I write about random things. latest post: ${latestBlogDate}`, + description: `a place where I write about random things. latest post: ${latestBlogDate}`, img: "blog/robert.webp", altText: "View at a tram bridge rising and then curving to the left.", link: "blog", }, { title: "Files", - description: "Find things I've put for download on my copyparty instance", + description: "find things I've put for download on my copyparty instance.", img: "main/hypertext.webp", altText: "Screenshot of Hypertext Unity level. Crates are strewn across the floor, Waluigi is flying in front of the camera, and text such as 'COME AND TRY OUR ALL-NEW BLENDER' and 'omg! it's the brandenbur ger tor!' is displayed.", link: "https://files.natconf.dev/public/", @@ -91,24 +91,20 @@
Pixelated mirror selfie of the website creator wearing a green shirt, fitting the website theme. The face is obscured. -

Hi! I'm Deniz. Welcome to my website! I keep rewriting this introduction because I'm REALLY bad at this type of stuff.

+

Hi! I'm Deniz. Welcome to my website! This is my little sanctuary where I post about all my creative projects as well as some of my thoughts.

-

I made this website because I really don't like modern social media and I wanted a more creative way of expressing myself without giving in to the attention economy or submitting all my data including my soul to some megacorp. That's why you'll find a bunch of stuff here that interests me: programming, gamedev, 3D modelling, electronic music, drawing, electronics and microcontroller programming, Linux and self-hosting, and probably some other stuff too. I am currently developing at least one game and I am also posting random things on my blog, both of which you can find linked above and below.

+

I made this website because I dislike modern social media and I wanted a more liberating and creative way of expressing myself without giving in to the attention economy by submitting all of my data including my soul to some megacorp. That's why you'll find a mix of all kinds of things that interest me here: programming, gamedev, 3D modelling, electronic music, drawing, electronics and microcontroller programming, Linux and self-hosting, and probably some other stuff too. I am currently developing at least one game and I also post on the projects and feed pages, depending on which page is more suitable for a given project.

-

I listen to A LOT of music (fav artists: acloudyskye, Jaron, Jane Remover) and I enjoy dabbling around in Godot, Blender, and Krita. I also use Fedora KDE... btw. Want to know more about me and this website? Firstly, why? But also, here!

- -

irl I am from πŸ‡©πŸ‡ͺ Northern Germany and studying to become a secondary school teacher.

+

I listen to a lot of music. My favourite artists are acloudyskye, Jaron, Jane Remover, but you can find my current rotation here. I also enjoy dabbling around in cool FOSS tools like Godot, Blender, and Krita which I use under Fedora KDE. If you want to know more about me and this website, go here!

+ +

irl I am from πŸ‡©πŸ‡ͺ Northern Germany and studying to become a secondary school teacher, but between you and me; I may end up doing something else :).

heads-up

-

This website works best on Firefox and other Gecko-based browsers! It is also nearly 100% mobile-friendly!

- -

All pages are functional without JavaScript but I recommend you enable it (some elements won't work without it)!

- -

Links may change but I will set up redirects, promise.

+

This website works best on Firefox and other Gecko-based browsers! It is also nearly 100% mobile-friendly! All pages are largely functional without JavaScript but I recommend you enable it (some elements won't work without it)! Links may change but I will set up redirects, promise.

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte index 2b0d037..fefaf63 100644 --- a/src/routes/blog/+page.svelte +++ b/src/routes/blog/+page.svelte @@ -32,15 +32,17 @@ bannerAlt="View at a tram bridge rising and then curving to the left." /> -

# filter posts by tag:

-
- {#each Object.values(BlogPostTag) as tag} - {#if tag == filter} - - {:else} - - {/if} - {/each} +
+

# filter posts by tag:

+
+ {#each Object.values(BlogPostTag) as tag} + {#if tag == filter} + + {:else} + + {/if} + {/each} +
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index 65f7273..4162b64 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -40,18 +40,18 @@

Welcome to my πŸ’«newπŸ’« projects page! Here I show off all the things I have done. Projects are ordered reverse-chronologically and have some other neat information displayed. have fun browsing~!

-

I'll add some more of my past projects, new projects, and more details about individual projects. Maybe I'll also split the content into pages.

- -

# filter projects by category:

-
- {#each Object.values(ProjectCategory) as tag} - {#if tag == filter} - - {:else} - - {/if} - {/each} +
+

# filter projects by category:

+
+ {#each Object.values(ProjectCategory) as tag} + {#if tag == filter} + + {:else} + + {/if} + {/each} +