404 Page redesign

2020-04-15 23:24:51 +02:00
parent 7382758270
commit 0f58a77354
2 changed files with 22 additions and 4 deletions
@@ -4,13 +4,27 @@
  <head>
    {{ partial "docs/html-head" . }}
    {{ partial "docs/inject/head" . }}
+
+    <style>
+      .not-found {
+        text-align: center;
+      }
+      .not-found h1 {
+        margin: .25em 0 0 0;
+        opacity: .25;
+        font-size: 40vmin;
+      }
+    </style>
  </head>

  <body>
-    <main class="flex justify-center">
+    <main class="flex justify-center not-found">
      <div>
-        <h1>404 Not Found</h1>
-        <a href="{{ "/" | relURL }}">Go Home</a>
+        <h1>404</h1>
+        <h2>Page Not Found</h2>
+        <h3>
+          <a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
+        </h3>
      </div>
    </main>

@@ -18,4 +32,4 @@
    {{ template "_internal/google_analytics_async.html" . }}
  </body>

-</html>
+  </html>