add todo component cuz

Signed-off-by: Ash Entwisle <ash.entwisle@protonmail.com>

src/layouts/Todo.astro

@@ -0,0 +1,25 @@
+---
+// import Error from "../components/Error.astro"; //! TODO: sort this out
+import Boilerplate from "./Boilerplate.astro";
+import Error from "../components/Error.astro";
+
+// use styles.scss
+import "../styles.scss";
+
+const keywords: string[] = [];
+---
+
+<Boilerplate
+  title="502"
+  description="Page not yet avaliable"
+  keywords={keywords}
+>
+  <Error code="502">
+    <p class="text-xl p-250">
+      Sorry, the page `<code>{Astro.url}</code>` does not yet exist, but it is
+      soon to be added. Click <a href="/" class="text-hue_4a hover:text-hue_4b"
+        >here</a
+      > to go back to the homepage.
+    </p>
+  </Error>
+</Boilerplate>

src/pages/blog.astro

@@ -1,31 +1,4 @@
 ---
-import Boilerplate from "../layouts/Boilerplate.astro";
-import Todo from "../components/Todo.astro";
-
-const keywords = [
-  "hull",
-  "computer",
-  "science",
-  "society",
-  "hcss",
-  "hcssoc",
-  "hull",
-  "university",
-  "students",
-  "student",
-  "union",
-  "hull",
-  "css",
-  "society",
-  "computer",
-  "Blog"
-];
+import Todo from "../layouts/Todo.astro";
 ---
-
-<Boilerplate
-  title="Hull Computer Science Society Blog"
-  description="This is the Blog for the Hull Computer Science Society"
-  keywords={keywords}
->
-  <Todo />
-</Boilerplate>
+<Todo />

src/pages/legal.mdx

@@ -1,5 +1,3 @@
 ---
-layout: ../layouts/markdown
+layout: ../layouts/Markdown.astro
 ---
-
-# TODO