From f1d7154f2bf2d1d90d06716d1af3f1c1a539d0ad Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Fri, 7 Apr 2023 17:09:36 +0200
Subject: [PATCH] feat: add 404 error page

---
 src/content/404/haiku.mdx |  3 +++
 src/pages/404.astro       | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 src/content/404/haiku.mdx
 create mode 100644 src/pages/404.astro

diff --git a/src/content/404/haiku.mdx b/src/content/404/haiku.mdx
new file mode 100644
index 0000000..26473fc
--- /dev/null
+++ b/src/content/404/haiku.mdx
@@ -0,0 +1,3 @@
+You searched for something.
+It might have once been here.
+But now it’s gone.
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..5ea658a
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,33 @@
+---
+import GridLayout from '../layouts/GridLayout.astro';
+
+import PageTitle from '../components/PageTitle.astro';
+import { Verse } from '../components';
+
+import { Content as Haiku } from '../content/404/haiku.mdx';
+import { mapping } from '../mdx-components';
+---
+
+<GridLayout title="Error 404" grid="wide" class="grid" innerGrid>
+	<PageTitle grid="wide" innerGrid>Not Found.</PageTitle>
+	<Verse
+		class="z-10 col-start-1 col-end-17 row-start-2 text-3 italic mbe-10 mbs-10 md:col-start-3 md:col-end-9"
+	>
+		<Haiku components={mapping} />
+	</Verse>
+	<span
+		aria-hidden="true"
+		class="col-start-10 col-end-13 row-start-1 row-end-3 text-9 font-black text-black/[0.05] dark:text-white/[0.05]"
+		role="img"
+	>
+		404
+	</span>
+</GridLayout>
+
+<style>
+	span {
+		line-height: 0.6;
+		user-select: none;
+		writing-mode: vertical-lr;
+	}
+</style>