fix 404 styling

LostBirdx · Jul 19, 2021 · d197e19 · d197e19
1 parent 875d3f8
commit d197e19
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/assets/base.scss b/assets/base.scss
@@ -231,4 +231,8 @@ a[href^="/"] {
     border: var(--outlinegray) 1px solid;
     border-radius: 5px
   }
+}
+
+.centered {
+  margin-top: 30vh;
 }
diff --git a/layouts/404.html b/layouts/404.html
@@ -3,16 +3,20 @@
 {{ partial "head.html" . }}
 
 <body>
-<div>
+<div class="singlePage">
     {{partial "darkmode.html" .}}
-    <div>
+    <div class="centered">
         <h1>404.</h1>
         <h3>Hey! You look a little lost.</h3>
-        <ul id="sub-nav">
-            <li><a href="/">↳ Let's get you home.</a></li>
-        </ul>
+        <a href="/">↳ Let's get you home.</a>
     </div>
 </div>
+
+{{- with resources.Get "darkmode.js" | minify -}}
+<script>
+  {{.Content | safeJS }}
+</script>
+{{- end -}}
 </body>
 
 </html>