Add secret cluster page

src/lib/components/Image.svelte

@@ -7,14 +7,14 @@
 	const path = `/src/lib/assets/${src}`;
 
 	const images: { [key in Size]: string } = {
-		original: import.meta.glob<{ default: string }>("$lib/assets/*", {
+		original: import.meta.glob<{ default: string }>("$lib/assets/**", {
 			eager: true,
 		})[path]?.default!,
-		thumbnail: import.meta.glob<{ default: string }>("$lib/assets/*", {
+		thumbnail: import.meta.glob<{ default: string }>("$lib/assets/**", {
 			query: "?w=320&format=webp&quality=80",
 			eager: true,
 		})[path]?.default!,
-		fullwidth: import.meta.glob<{ default: string }>("$lib/assets/*", {
+		fullwidth: import.meta.glob<{ default: string }>("$lib/assets/**", {
 			query: "?w=960&format=webp&quality=80",
 			eager: true,
 		})[path]?.default!,

src/routes/cluster/+page.server.ts

@@ -0,0 +1,8 @@
+import { hostname } from "os";
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = async () => {
+	return {
+		hostname: hostname(),
+	};
+};

src/routes/cluster/+page.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import Image from "$lib/components/Image.svelte";
+	import type { PageData } from "./$types";
+
+	export let data: PageData;
+</script>
+
+This page is being served by {data.hostname} in my homelab Kubernetes cluster. Try
+refreshing the page to see if you get a different node.
+
+<Image src={`nodes/${data.hostname}.png`} alt={data.hostname} />