add projects page

src/routes/projects/+page.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+
+	const projects = [
+		{
+			name: 'Animaldex',
+			href: '/projects/animaldex',
+			description: 'World map with pets & other animals around the neighborhood'
+		},
+		{
+			name: 'CatchEmAll',
+			href: '/projects/catch-em-all',
+			description: 'Table of all 1025 pokemon across 38 games with checkboxes for catching them all'
+		},
+		{
+			name: 'Derby Lens',
+			href: '/projects/derby',
+			description: 'Experimental win-probability model for the Duindigt Derby R 2026 with scenario sliders'
+		},
+		{
+			name: 'CS Prices',
+			href: '/projects/cs-prices',
+			description: 'Dashboard for CS2 skin price histories, trends and predictions'
+		},
+		{
+			name: 'Spotify Beatmap Finder',
+			href: '/projects/spotify-beatmap-finder',
+			description: 'Search for osu! beatmaps with Spotify songs/albums/playlists'
+		}
+	];
+</script>
+
+<div class="text-center">
+	<h1 class="text-2xl font-bold underline py-8">Projects ({projects.length})</h1>
+
+	<ul class="flex flex-col gap-4 items-center">
+		{#each projects as project (project.name)}
+			<a class="border min-w-160 py-2 text-center rounded-lg" href={resolve(project.href)}>
+				<h1 class="font-bold text-xl">
+					{project.name}
+				</h1>
+				<p>{project.description}</p>
+			</a>
+		{/each}
+	</ul>
+</div>