fix: build errors and merging projects and homepage

src/routes/+page.svelte

@@ -1,5 +1,9 @@
-<div class="text-center py-4 font-bold text-l">
-	<a href="/blog">Blog</a>
+<script lang="ts">
+	import { resolve } from '$app/paths';
+</script>
+
+<div class="text-center py-2 font-bold text-xl">
+	<a href={resolve('/blog')}>Blog</a>
 </div>
 
 <div class="flex justify-around py-8">
@@ -34,10 +38,16 @@
 		</div>
 	</div>
 
-	<div class="pt-32">
-		<h1 class="font-black text-center text-4xl">Stan Runge</h1>
-		<img src="./quantum-chair.png" alt="stan runge" />
-		<p class="italic text-sm text-center">
+	<div class="pt-32 px-8">
+		<h1 class="font-black text-center text-4xl py-6">Stan Runge</h1>
+		<enhanced:img
+			class="rounded-2xl"
+			src="$lib/assets/stan.jpg?enhanced"
+			alt="stan runge"
+			sizes="(min-width: 768px) 760px, 90vw"
+			fetchpriority="high"
+		/>
+		<p class="italic text-sm text-center py-2">
 			me preparing for my presentation about <a href="https://arxiv.org/abs/2209.08167"
 				>quantum vision transformers</a
 			>
@@ -72,15 +82,15 @@
 				<p class="font-bold text-xl">infra</p>
 				<p>server, project deployments and dev config as code with setup script</p>
 			</div>
-			<a href="/projects/animaldex">
+			<a href={resolve('/projects/animaldex')}>
 				<p class="font-bold text-xl">animaldex</p>
 				<p>world map with pets & other animals around the neighborhood 😼</p>
 			</a>
-			<a href="/projects/catch-em-all">
+			<a href={resolve('/projects/catch-em-all')}>
 				<p class="font-bold text-xl">catch em all</p>
 				<p>table of all 1025 pokemon across 38 games with checkboxes for catching them all</p>
 			</a>
-			<a href="/projects/spotify-beatmap-finder">
+			<a href={resolve('/projects/spotify-beatmap-finder')}>
 				<p class="font-bold text-xl">spotify osu! map finder</p>
 				<p>small tool for finding osu! maps using a spotify url of a song or playlist</p>
 			</a>
@@ -94,4 +104,3 @@
 		</div>
 	</div>
 </div>
-