From 55952c54cfde13268377fa34df701a8567ea8f65 Mon Sep 17 00:00:00 2001
From: Anthony Wang <ta180m@pm.me>
Date: Tue, 28 Dec 2021 12:42:06 -0600
Subject: [PATCH] Move custom theme layouts to this repo

---
 layouts/404.html             | 22 ++++++++++++++++++++++
 layouts/partials/footer.html |  3 +++
 2 files changed, 25 insertions(+)
 create mode 100644 layouts/404.html
 create mode 100644 layouts/partials/footer.html

diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 00000000..91056b74
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,22 @@
+{{ define "main"}}
+
+<div class="text-404">
+  <h1 class="error-emoji"></h1>
+  <h2>
+      404 ... You've reached an imaginary page!
+  </h2>
+  <h3>
+      Please <a href="https://old.reddit.com/r/learnmath/comments/s4rt0/why_does_multiplying_by_i_correspond_to_90_degree/">rotate your computer 90 degrees</a> and try again.
+  </h3>
+</div>
+<script>
+  const errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
+  const emojiArray = [
+    '\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
+    '(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
+  ];
+  const errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
+  errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
+</script>
+
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 00000000..6b896018
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,3 @@
+<footer class="footer">
+    <span>{{ .Site.Params.Footer }}</span>
+</footer>