post basic support

src/lib/md_layout.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	// You can import components or define shared logic here
+</script>
+
+<!-- This renders the content of the current page (e.g., an .svx file) -->
+<slot />
+
+<footer>&copy; 2026 My Site</footer>

src/lib/nav.svelte

@@ -0,0 +1,30 @@
+<script lang="ts" module>
+	export { NavBar };
+</script>
+
+{#snippet NavBar()}
+	<nav class="nav">
+		<a href="/">Home</a>
+	</nav>
+{/snippet}
+
+<style>
+	nav {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-around;
+		width: 100%;
+		height: 32px;
+		background-color: var(--accent-2);
+		border: 3px, outset, var(--accent-3);
+		font-size: 18px;
+		a {
+			padding: 5px;
+			color: #9f8083;
+		}
+		a:hover {
+			color: #043b2f;
+		}
+	}
+</style>

src/lib/web_buttons/webButtons.svelte

@@ -1,12 +1,13 @@
 <script lang="ts" module>
 	import json from "./dic.json";
 	const imageModules = import.meta.glob(
-		"./imgs/*.{avif,AVIF,heif,HEIF,jpeg,JPEG,jpg,JPG,png,PNG,tiff,TIFF,webp,WEBP}",
+		"./imgs/*.{avif,AVIF,heif,HEIF,jpeg,gif,GIF,JPEG,jpg,JPG,png,PNG,tiff,TIFF,webp,WEBP}",
 		{
 			eager: true,
 			import: "default",
 			query: {
 				enhanced: true,
+				format: "gif",
 			},
 		},
 	);

src/routes/+layout.svelte

@@ -3,6 +3,7 @@
 	import { SidebarLeft } from "$lib/sidebar/sidebar_left.svelte";
 	import { SidebarRight } from "$lib/sidebar/sidebar_right.svelte";
 	import { WebButtons } from "$lib/web_buttons/webButtons.svelte";
+	import { NavBar } from "$lib/nav.svelte";
 	let { children } = $props();
 	export const prerender = true;
 </script>
@@ -15,10 +16,8 @@
 <div class="container">
 	<header>
 		<h1>Doloro's corner of the internet</h1>
-		<nav class="nav">
-			<a href="/">Home</a>
-		</nav>
 	</header>
+	{@render NavBar()}
 	<div class="body_of_funny_content">
 		{@render SidebarLeft()}
 		<div class="actual-content">

src/routes/posts/+page.md

@@ -0,0 +1,5 @@
+---
+title: meow
+---
+
+meow