[silvatheme.silvacmsorg][wim] update 404 page

author:    wim
date:      Tue Jul 23 17:52:58 2013 +0200
revision:  684:0ec2770ec993 in silvatheme.silvacmsorg
branch:    
details:   https://hg.infrae.com/silvatheme.silvacmsorg?cmd=changeset;node=0ec2770ec993
modified:  src/silvatheme/silvacmsorg/static/css/silvacmsorg.css src/silvatheme/silvacmsorg/static/images/not-found.jpg src/silvatheme/silvacmsorg/templates_silvacmsorg/notfoundpage.cpt
added:     src/silvatheme/silvacmsorg/static/images/not-found.jpg
removed:   
log:       update 404 page

Subject: [silvatheme.silvacmsorg][wim] updated 404 stylin


author:    wim
date:      Tue Jul 23 19:03:49 2013 +0200
revision:  685:3dc0a3d9f43b in silvatheme.silvacmsorg
branch:    
details:   https://hg.infrae.com/silvatheme.silvacmsorg?cmd=changeset;node=3dc0a3d9f43b
modified:  src/silvatheme/silvacmsorg/static/css/silvacmsorg.css src/silvatheme/silvacmsorg/templates_silvacmsorg/notfoundpage.cpt
added:     
removed:   
log:       updated 404 stylin


diffstat:

 src/silvatheme/silvacmsorg/static/css/silvacmsorg.css             |   22 +++++
 src/silvatheme/silvacmsorg/static/images/not-found.jpg            |  Bin 
 src/silvatheme/silvacmsorg/templates_silvacmsorg/notfoundpage.cpt |   39 ++++++---
 3 files changed, 48 insertions(+), 13 deletions(-)

diffs (101 lines):

diff -r 5dd4c0412f40 -r 3dc0a3d9f43b src/silvatheme/silvacmsorg/static/css/silvacmsorg.css
--- a/src/silvatheme/silvacmsorg/static/css/silvacmsorg.css	Fri Jul 12 08:52:51 2013 +0200
+++ b/src/silvatheme/silvacmsorg/static/css/silvacmsorg.css	Tue Jul 23 19:03:49 2013 +0200
@@ -1715,6 +1715,28 @@
   text-shadow: none;
 }
 
+/* 404 not found page */
+
+.not-found {
+  background: url("../images/not-found.jpg") no-repeat bottom center;
+  padding-bottom: 380px;
+}
+
+.not-found .two-column .column {
+  width: 48%;
+  padding-right: 2%;
+  float: left;
+}
+
+.not-found h2 {
+  border-bottom: 1px solid;
+  padding-bottom: 10px;
+}
+
+.not-found h4 {
+  padding-bottom: 10px;
+}
+
 /* --- package activity --- */
 
 /* main content area */
diff -r 5dd4c0412f40 -r 3dc0a3d9f43b src/silvatheme/silvacmsorg/static/images/not-found.jpg
Binary file src/silvatheme/silvacmsorg/static/images/not-found.jpg has changed
diff -r 5dd4c0412f40 -r 3dc0a3d9f43b src/silvatheme/silvacmsorg/templates_silvacmsorg/notfoundpage.cpt
--- a/src/silvatheme/silvacmsorg/templates_silvacmsorg/notfoundpage.cpt	Fri Jul 12 08:52:51 2013 +0200
+++ b/src/silvatheme/silvacmsorg/templates_silvacmsorg/notfoundpage.cpt	Tue Jul 23 19:03:49 2013 +0200
@@ -1,15 +1,36 @@
 <tal:error>
 
-  <h1>The page you requested is not available</h1>
+<div class="not-found">
+
+  <h1>We're sorry, the page you requested is not available</h1>
 
   <h2>[Error 404]</h2>
 
-  <h3>...but maybe we can help you.</h3>
+  <h3>...but maybe we can help you!</h3>
 
   <div class="two-column">
 
+    <div class="column">
+      <h4>You may not be able to find this page because of:</h4>
+      <ol>
+        <li>a <strong>mistyped address</strong> (URL), try double checking the spelling.</li>
+        <li>an <strong>out-of-date bookmark/favorite.</strong></li>
+        <li>a search engine that has an <strong>out-of-date listing</strong> for our page.</li>
+        <li>a page that <strong>no longer exists.</strong></li>
+      </ol>
+    </div>
+
+    <div class="column" tal:condition="not: view.suggestions">
+      <h4>Still not finding what you are looking for?</h4>
+      <p>
+        <strong><a href="${layout.root_url}/support/contact.html">Contact</a></strong> us and
+           we'll help you in finding the information you are looking
+           for.
+      </p>
+    </div>
+
     <div class="column" tal:condition="view.suggestions">
-      <p>We think you will find one of the following links useful:</p>
+      <h4>We think you will find one of the following links useful:</h4>
       <ul class="truncate-list">
         <li tal:repeat="suggestion view.suggestions">
           <a href="${suggestion.url}"
@@ -18,16 +39,6 @@
       </ul>
     </div>
 
-    <div class="column">
-      <p>You may not be able to find this page because of:</p>
-      <ol>
-        <li>An <strong>out-of-date bookmark/favorite</strong></li>
-        <li>A search engine that has an <strong>out-of-date listing</strong> for our page</li>
-        <li>A <strong>mistyped address</strong> (URL)</li>
-        <li>A page that <strong>no longer exists</strong></li>
-      </ol>
-    </div>
-
   </div>
 
   <div class="search-box">
@@ -40,4 +51,6 @@
     </form>
   </div>
 
+</div>
+
 </tal:error>