add images to posts

src/routes/posts/[slug]/+page.svelte

@@ -14,6 +14,16 @@
 		<p class="text-gray-600">{data.metadata.date}</p>
 	</header>
 
+	{#if data.metadata.image}
+		<div class="mb-8 -mx-4 md:mx-0">
+			<img
+				src={data.metadata.image}
+				alt={data.metadata.title}
+				class="w-full rounded-lg"
+			/>
+		</div>
+	{/if}
+
 	<div
 		class="prose-headings:font-semibold prose-a:text-electric-violet-800 prose-a:no-underline hover:prose-a:underline"
 	>

src/routes/posts/homelab-journey.md

@@ -2,6 +2,7 @@
 title: "How It's Made - The Homelab (if I can call it that)"
 date: "2025-12-22"
 excerpt: "How I bought an office PC at a protest and turned it into  t h e  c l o u d  over the course of a weekend."
+image: "/images/posts/homelab-hp-prodesk.jpeg"
 ---
 
 ## Set And Setting