From b796aaa29410fdf8b9d9a96ef3ec1821b55bc9c5 Mon Sep 17 00:00:00 2001
From: Tyler Perkins <tperki17@kent.edu>
Date: Tue, 19 Sep 2023 20:11:17 -0400
Subject: [PATCH] Add 404 and 500 pages

---
 layouts/404.html                | 16 ++++++++++++++++
 layouts/500.html                | 16 ++++++++++++++++
 static/css/styles.css           | 14 ++++++++++++--
 themes/clortox/layouts/404.html |  0
 4 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 layouts/404.html
 create mode 100644 layouts/500.html
 delete mode 100644 themes/clortox/layouts/404.html

diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..556d8c6
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,16 @@
+{{ define "main" }}
+    <div class="centered top-fade" style="height:100vh">
+        <div class="intro-content">
+            <h1 data-value="command not found" data-show="error-message" class="typewriter"></h1>
+            <div id="error-message">
+                <p data-value="Page not found, sorry about that"></p>
+            </div>
+            <div class="link-block">
+                <a href="javascript:history.back()">&lt;--&nbsp;Go back</a>
+                <p>&nbsp;|&nbsp;</p>
+                <a href="{{ .Site.BaseURL }}">Home&nbsp;--&gt;</a>
+            </div>
+        </div>
+    </div>
+
+{{ end }}
diff --git a/layouts/500.html b/layouts/500.html
new file mode 100644
index 0000000..17c5705
--- /dev/null
+++ b/layouts/500.html
@@ -0,0 +1,16 @@
+{{ define "main" }}
+    <div class="centered top-fade" style="height:100vh">
+        <div class="intro-content">
+            <h1 data-value="kernel panic!" data-show="error-message" class="typewriter"></h1>
+            <div id="error-message">
+                <p data-value="Error on our side, my bad"></p>
+            </div>
+            <div class="link-block">
+                <a href="javascript:history.back()">&lt;--&nbsp;Go back</a>
+                <p>&nbsp;|&nbsp;</p>
+                <a href="{{ .Site.BaseURL }}">Home&nbsp;--&gt;</a>
+            </div>
+        </div>
+    </div>
+
+{{ end }}
diff --git a/static/css/styles.css b/static/css/styles.css
index 2b81b96..62deead 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -185,6 +185,12 @@ html {
     object-fit: contain;
 }
 
+.link-block {
+    display: inline-flex;
+    align-items: center;
+
+}
+
 article > a {
     text-decoration: none;
     display: flex;
@@ -198,13 +204,17 @@ article > a {
 
 article > a:hover {
     background: black;
+    transition: background 200ms linear;
 }
 
 .post {
-    margin-right: 10vw;
-    margin-left: 10vw;
+    margin-right: 7vw;
+    margin-left: 7vw;
     margin-top: 3vh;
     margin-bottom: 1vh;
+    padding: 3vh 3vw;
+    background-color: rgba(11,11,12,0.4);
+    border-radius: 5px;
 }
 
 img {
diff --git a/themes/clortox/layouts/404.html b/themes/clortox/layouts/404.html
deleted file mode 100644
index e69de29..0000000