taking a stab a making error pages more presentable.

cyberarm · cyberarm · commit dc665a276e2b · 2011-10-27T21:54:01.000-05:00
diff --git a/public/404.html b/public/404.html
@@ -2,25 +2,42 @@
 <html>
 <head>
   <title>The page you were looking for doesn't exist (404)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
+  <style>
+   body {
+     background-color: white;
+   }
+   .head {
+     background-color: #253e59;
+     width: 100%;
+     /*height: 3em;*/
     }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+   #content {
+     background-color: white;
+     text-align: center;
+     border-top-color: #693;
+     border-color: #999;
+     border-style: solid;
+     border-width: 1px;
+    }
+    a {
+     color: white;
+     font-weight: bold;
+     border-radius: 1em;
+     font-size: 2em;
+     text-decoration: none;
+    }
+
   </style>
 </head>
 
 <body>
-  <!-- This file lives in public/404.html -->
-  <div class="dialog">
-    <h1>The page you were looking for doesn't exist.</h1>
-    <p>You may have mistyped the address or the page may have moved.</p>
+  <div class="head">
+    <a href="http://hackety-hack.com"><img height="50px" src="http://hackety-hack.com/assets/logo-star.png" /></a> <a href="http://hackety-hack.com/questions">Questions</a>
   </div>
+    <div id="content">
+      <h2>The page you were looking for doesn't exist.</h2>
+      <p>You may have mistyped the address, the page may have moved or been deleted.</p>
+    </div>
+
 </body>
 </html>
