From 49fe07ef76414221aead06a384ba48c078d60fc3 Mon Sep 17 00:00:00 2001
From: Ax333l <main@axelen.xyz>
Date: Sun, 30 Oct 2022 21:34:55 +0100
Subject: [PATCH] feat: error page

---
 src/routes/+error.svelte | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/routes/+error.svelte

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..169fe35
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+  import Navigation from '$lib/components/atoms/NavButton.svelte';
+  import { page } from '$app/stores';
+
+  $: status = $page.status;
+</script>
+
+<section class="error">
+  <h1>{status}</h1>
+  {#if status == 500}
+	  <p>
+      {$page.error.message}
+    </p>
+  {:else if status == 404}
+    <p>
+      That page received a cease and desist letter from a multi-billion dollar tech company.
+    </p>
+    <br/>
+		<Navigation href="/" is_selected={() => true}>Home</Navigation>
+  {/if}
+</section>
+
+<style>
+.error {
+  padding-top: 5rem;
+  text-align: center;
+}
+
+h1 {
+  font-size: 10rem;
+  color: var(--accent-color);
+}
+p {
+  font-size: 5ch;
+  color: var(--white);
+}
+</style>