fix 404 styling

2021-07-19 16:30:36 -04:00 · 2021-07-19 16:30:36 -04:00 · d197e19142
commit d197e19142
parent 875d3f8e06
2 changed files with 13 additions and 5 deletions
--- 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;
 }
--- 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>