From e55b305bca23f7658a965718c1c02811bd2e4cac Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Thu, 26 Apr 2012 19:51:16 -0700
Subject: [PATCH] better 404 page.  with kittens.

---
 app/assets/images/buttons/star_faved.png     | Bin 3549 -> 0 bytes
 app/assets/images/buttons/star_not_faved.png | Bin 3423 -> 0 bytes
 public/404.html                              |  79 +++++++++++++++----
 3 files changed, 64 insertions(+), 15 deletions(-)
 delete mode 100644 app/assets/images/buttons/star_faved.png
 delete mode 100644 app/assets/images/buttons/star_not_faved.png

diff --git a/app/assets/images/buttons/star_faved.png b/app/assets/images/buttons/star_faved.png
deleted file mode 100644
index 12db38bd4a7a4a1b8b91b1aba4003d1620f461fd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3549
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

diff --git a/app/assets/images/buttons/star_not_faved.png b/app/assets/images/buttons/star_not_faved.png
deleted file mode 100644
index 81314b508bb9d0bfd9d8af8f324595a8419cfa2e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3423
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
QbL+o61UDaCIfk0@FYXt~82|tP

diff --git a/public/404.html b/public/404.html
index 0357e6bda7..5e5e5f4b0e 100644
--- a/public/404.html
+++ b/public/404.html
@@ -3,27 +3,76 @@
 <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;
+    @font-face{font-family:Roboto;src:url(https://s3.amazonaws.com/joindiaspora/fonts/Roboto-Regular.ttf)}
+    @font-face{font-family:Roboto-BoldCondensed;src:url(https://s3.amazonaws.com/joindiaspora/fonts/Roboto-BoldCondensed.ttf)}
+
+    body,
+    html {
+      height: 100%;
+    }
+
+    body {
+      margin-bottom: 0;
+      padding-bottom: 0;
+      margin-top: 10%;
+      background-color: #fff;
+      color: #666;
+      text-align: center;
+      font-family: Roboto, Helvetica, Arial, sans-serif;
+      background-image: url(https://joindiaspora.s3.amazonaws.com/assets/pattern-4deadcd0b3ee298c791c9055bdef3377.png);
+      text-shadow: 0 1px 0 #fff;
+    }
+
+    #big-number {
+      font-family: Roboto-BoldCondensed, Helvetica, Arial, sans-serif;
+      font-size: 250px;
+      text-shadow: 0 2px 0 #fff, 0 -1px 0 #999;
+      color: #ddd;
+    }
+
+    a {
+      text-decoration : none;
+      color : rgb(42,156,235);
+    }
+
+    a:hover {
+      text-decoration : underline;
+    }
+
+    .transparent {
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+      filter: alpha(opacity=80);
+      -moz-opacity: 0.8;
+      -khtml-opacity: 0.8;
+      opacity: 0.8;
+    }
+
+    #cat-footer {
+      width: 100%;
+      position: fixed;
+      text-align: center;
+      bottom : -8px;
+      left : 0;
     }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; text-align:center; }
+
   </style>
 </head>
 
 <body>
   <!-- This file lives in public/404.html -->
-  <h1> 404: Not Found </h1>
-  <a href="javascript:history.go(-1)">
-    <img src="/assets/404.png"/>
+  <div id="big-number" class="transparent">
+    404
+  </div>
+
+  These are not the kittens you're looking for.  Move along.
+  <br/>
+  <br/>
+  <a href="/">
+    Go Back?
   </a>
-  <h1>
-    <a href="/"> Go Back </a>
-  </h1>
+
+  <div id="cat-footer" class="transparent">
+    <img src="https://s3.amazonaws.com/joindiaspora/peeping-tom.png">
+  </div>
 </body>
 </html>
-- 
GitLab