frontend: Redesign 4xx page.

zulip · Jun 19, 2017 · 30e8e9e · 30e8e9e
1 parent 4487899
commit 30e8e9e
Show file tree

Hide file tree

Showing 3 changed files with 5,627 additions and 23 deletions.
diff --git a/static/html/404.html b/static/html/404.html
@@ -8,36 +8,21 @@
         <!-- NB: Relies on the fact that PipelineCachedStorage also includes
         a copy of the file with no hash in the name.
         This file will not load in dev unless you set DEBUG = False. -->
-        <link href="/static/min/portico.css" rel="stylesheet">
+        <link href="/static/styles/portico.css" rel="stylesheet">
     </head>
 
-    <body>
-
+    <body id="error_page">
         <div class="container">
-
-            <div class="navbar">
-                <ul class="nav pull-right">
-                    <li><a href="/accounts/login/?next=/">Log in</a></li>
-                </ul>
-            </div>
             <div class="row-fluid">
-                <div class="span2"></div>
-                <div class="span10">
-                    <div class="title">
-                        <a class="title" href="/">Zulip</a>
-                        <span class="for_you"> got a bit lost there.</span>
+                <img src="../images/400art.svg"/>
+                <div class="errorbox">
+                    <div class="errorcontent">
+                        <h1 class="lead">404. Page Not Found</h1>
+                        <p>The page might be temporarily unavailable, or maybe it has been permanently removed (sorry!).</p>
+                        <p>We know this is stressful, but we still love you.</p>
                     </div>
-
-                    <br/>
-                    <p class="lead">404: Page not found.</p>
-                    <br/>
-
-                    <p>We know this is stressful, but we still love you.</p>
-
-                    <p>If you'd like, you can <a href="mailto:zulip-devel@googlegroups.com?Subject=404%20error%20on%20%7Bwhich%20URL%3F%7D&Body=Hi%20there%21%0A%0AI%20was%20trying%20to%20do%20%7Bwhat%20were%20you%20trying%20to%20do%3F%7D%20at%20around%20%7Bwhen%20was%20this%3F%7D%20when%20I%20got%20a%20404%20error%20while%20accessing%20%7Bwhich%20URL%3F%7D.%0A%0AThanks!%0A%0ASincerely%2C%20%0A%0A%7BYour%20name%7D">drop us a line</a> to let us know what happened.</p>
                 </div>
             </div>
-
         </div>
 
     </body>