diff --git a/src/components/Todo.astro b/src/components/Todo.astro
deleted file mode 100644
index e69de29..0000000
diff --git a/src/layouts/Todo.astro b/src/layouts/Todo.astro
new file mode 100644
index 0000000..b484fc0
--- /dev/null
+++ b/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>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 4866715..f1f9468 100644
--- a/src/pages/blog.astro
+++ b/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 />
diff --git a/src/pages/legal.mdx b/src/pages/legal.mdx
index 28a8f0e..c118d04 100644
--- a/src/pages/legal.mdx
+++ b/src/pages/legal.mdx
@@ -1,5 +1,3 @@
 ---
-layout: ../layouts/markdown
+layout: ../layouts/Markdown.astro
 ---
-
-# TODO
\ No newline at end of file