diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..bcee02e
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,15 @@
+<script>
+	import { page } from '$app/stores'
+</script>
+
+<div class="error">
+	<h1>{$page.status}: {$page.error?.message}</h1>
+</div>
+
+<style>
+	.error {
+		height: 50vh;
+		display: grid;
+		place-content: center;
+	}
+</style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 74b588d..b5022b5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -14,12 +14,13 @@
 		</div>
 		<div id="content">
 			<slot />
+			<Footer />
 		</div>
 	</div>
 {:else}
 	<slot />
+	<Footer />
 {/if}
-<Footer />
 
 <style>
 	:global(.navbar-link) {