added Small Projects page; added update about status markers on Projects page
This commit is contained in:
@@ -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",
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
21
src/routes/projects/small/+page.svelte
Normal file
21
src/routes/projects/small/+page.svelte
Normal 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>
|
||||||
Reference in New Issue
Block a user