Make sure svelte can resolve all 'dynamic' pages

src/lib/components/Nav-Button.svelte

@@ -17,7 +17,7 @@
 		   {invertColors ? 'text-blue' : 'text-white'}
 		   {invertColors ? 'hover:text-white' : 'hover:text-blue'}
 		   {invertColors ? 'hover:bg-blue' : 'hover:bg-white'}
-		   {disabled ? 'opacity-50 pointer-events-none' : ''}"
+		   {disabled ? 'opacity-75 pointer-events-none' : ''}"
 >
 	<Icon {icon} class="text-4xl mr-2" />
 	<p>{label}</p>

src/routes/+layout.svelte

@@ -34,7 +34,7 @@
 			href={route.href}
 			icon={route.icon}
 			label={route.label}
-			invertColors={false}
+			invertColors={$page.url.pathname != '/'}
 			disabled={$page.url.pathname == route.href}
 		/>
 	{/each}

src/routes/blog/[slug]/+page.server.ts

@@ -0,0 +1,19 @@
+import type { EntryGenerator } from './$types';
+import { SlugFromPath } from '$lib/slugFromPath';
+
+export const entries: EntryGenerator = async () => {
+	const modules = import.meta.glob(`/src/blogs/*.{md,svx,svelte.md}`);
+	const postPromises = Object.entries(modules).map(([path, resolver]) =>
+		resolver().then(
+			(post) =>
+				({
+					slug: SlugFromPath(path),
+					...(post as unknown as App.MdsvexFile).metadata
+				}) as App.BlogPost
+		)
+	);
+
+	const posts = await Promise.all(postPromises);
+	return posts;
+};
+export const prerender = true;