src/routes/+layout.svelte

@@ -48,6 +48,7 @@
 	];
 </script>
 
+<div class="flex flex-col min-h-screen">
 	<header class="flex justify-between items-center gap-4 py-4 px-4">
 		<a href={resolve('/')} class="text-2xl font-bold">Stan Runge</a>
 		<nav class="flex flex-wrap justify-center gap-4" aria-label="Social links">
@@ -62,4 +63,16 @@
 		</nav>
 	</header>
 
+	<main class="flex-1">
 		{@render children()}
+	</main>
+
+	<footer class="flex justify-center py-8 bg-gray-200">
+		<p>
+			Hosted on <a
+				class="underline text-blue-500"
+				href="https://git.stanrunge.dev/stan/personal-website">my git server :)</a
+			>
+		</p>
+	</footer>
+</div>

src/routes/projects/animaldex/+page.svelte

@@ -63,7 +63,8 @@
 		const initMap = (center: [number, number], zoom: number) => {
 			map = new Map({
 				container: mapContainer,
-				style: 'https://api.maptiler.com/maps/satellite/style.json?key=' + env.PUBLIC_MAPTILER_API_KEY,
+				style:
+					'https://api.maptiler.com/maps/satellite/style.json?key=' + env.PUBLIC_MAPTILER_API_KEY,
 				center,
 				zoom
 			});

src/routes/projects/animaldex/register/+page.svelte

@@ -73,7 +73,8 @@
 
 		map = new Map({
 			container: mapContainer,
-			style: 'https://api.maptiler.com/maps/satellite/style.json?key=' + env.PUBLIC_MAPTILER_API_KEY,
+			style:
+				'https://api.maptiler.com/maps/satellite/style.json?key=' + env.PUBLIC_MAPTILER_API_KEY,
 			center: [lng!, lat!],
 			zoom: 15
 		});