Add 404 error page

JCapucho · Jul 20, 2023 · 9821172 · 9821172
1 parent e6da1b5
commit 9821172
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/components/Link.astro b/src/components/Link.astro
@@ -7,6 +7,6 @@ export interface Props {
 const { href } = Astro.props;
 ---
 
-<a href={href} class="border-b border-accent2 text-accent hover:bg-accent2/50">
+<a href={href} class="link">
   <slot />
 </a>
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -0,0 +1,17 @@
+---
+import Link from "@/components/Link.astro";
+import Layout from "../layouts/Layout.astro";
+---
+
+<Layout title="404">
+  <article class="text-lg">
+    <h1 class="text-xl">404 - Page Not Found</h1>
+    <br />
+    <p>
+      This shouldn't happen, if a link in this site redirected to here please
+      contact me so that I can fix it.
+    </p>
+    <br />
+    <Link href="/">&lt;- Return to homepage</Link>
+  </article>
+</Layout>