update _errors/404.html template to match site's CSS/styling.

The original 404 page was the default one generated by the caveman2 project generator. This change brings the template more in line with the design/looks of the ritherdon-archive design language.
1 year ago · 06d0de4562
1 changed files with 29 additions and 45 deletions
--- a/templates/_errors/404.html
+++ b/templates/_errors/404.html
@ -1,47 +1,31 @@
 <!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>404 NOT FOUND</title>
-  <style type="text/css">
-html {
-  height: 100%;
-}
-
-body {
-  height: 100%;
-  font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
-  background-color: #DFDFDF;
-}
-
-#main {
-  display: table;
-  width: 100%;
-  height: 100%;
-}
-
-.error {
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
-}
-
-.error .code {
-  font-size: 1600%;
-  font-weight: bold;
-}
-
-.error .message {
-  font-size: 400%;
-}
-  </style>
-</head>
-<body>
-  <div id="main">
-    <div class="error">
-      <div class="code">404</div>
-      <div class="message">NOT FOUND</div>
-    </div>
-  </div>
-</body>
+<html style="height:100%;">
+    <head>
+        <meta charset="utf-8">
+        <title>404 Not Found</title>
+        <meta name="viewport"
+	      content="width=device-width, initial-scale=1">
+        <meta http-equiv="X-UA-Compatible"
+	      content="IE=edge">
+        <meta name="viewport"
+	      content="width=device-width, initial-scale=1">
+        <link rel="stylesheet"
+	      type="text/css"
+	      media="screen"
+	      href="/css/main.css">
+        <link rel="icon"
+	      href="/images/favicon.png"
+	      type="image/x-icon">
+        {% lisp (insert-snippet "site-wide-snippet.html") %}
+    </head>
+    <body style="height:100%;">
+        <div class="fe-404">
+            <img src="/images/alerts/confused-cat.png"
+                 alt="Confused Cat"/>
+            <h1>404 Not Found</h1>
+            <p><a href="/" title="Click here to return to the home page.">
+                Return to Home
+            </a></p>
+        </div>
+    </body>
 </html>