added Small Projects page; added update about status markers on Projects page

This commit is contained in:
2026-02-25 19:34:32 +01:00
parent 5a0a8b25c4
commit 90071ee33d
3 changed files with 32 additions and 0 deletions

View File

@@ -1,6 +1,12 @@
import { type UpdateEntry } from "$lib/components/update-entry.svelte"; import { type UpdateEntry } from "$lib/components/update-entry.svelte";
export const entries: UpdateEntry[] = [ export const entries: UpdateEntry[] = [
{
date: "2026-02-25",
time: "19:33",
content: "Added cool status markers to the projects page that show whether a project is currently active.",
link: "/projects",
},
{ {
date: "2026-02-21", date: "2026-02-21",
time: "16:25", time: "16:25",

View File

@@ -17,6 +17,10 @@
bannerAlt="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." bannerAlt="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."
subtitle="Things I have worked on" /> subtitle="Things I have worked on" />
<p>Welcome to my projects page! Here I show off all the things I have done. Projects are ordered by general topic, sorted reverse-chronologically, and have a status marker assigned that shows whether they are active or not. have fun browsing~!</p>
<p>The projects page also has <a href="small">a sister page</a> where I document some of my smaller projects, if that interests you.</p>
<TableOfContents /> <TableOfContents />
<h2 id="games">Games</h2> <h2 id="games">Games</h2>
@@ -116,6 +120,7 @@
background-color: color-mix(in srgb, var(--color-status) 6%, transparent); background-color: color-mix(in srgb, var(--color-status) 6%, transparent);
border: var(--border-style) var(--border-dash-size) var(--color-status); border: var(--border-style) var(--border-dash-size) var(--color-status);
padding: 2px 8px; padding: 2px 8px;
backdrop-filter: blur(var(--blur-radius-background));
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 1.0rem; font-size: 1.0rem;

View File

@@ -0,0 +1,21 @@
<script>
import Banner2 from "$lib/banner2.svelte";
import Content from "$lib/viewport/content.svelte";
</script>
<svelte:head>
<title>Small Projects | denizk0461</title>
</svelte:head>
<Content>
<Banner2
title="My Small Projects"
subtitle="the ones that don't get the spotlight"
banner=""
bannerAlt="" />
<p>Not all of my projects are big, month-long endeavours. Some of them are short and sweet. Sometimes, they're even more rewarding than the bigger ones, because you end up with a finished 'thing' much quicker! And because I like my small projects just as much as my bigger ones, I figured it would be nice to give them a space on my website as well.</p>
<p>Or at least I would... if you had come here a bit later. There's nothing here yet.</p>
</Content>