whimsical-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From curc...@apache.org
Subject [whimsy] branch incubator-style updated: styleallthethings! error pages with Get Help links
Date Sun, 04 Jun 2017 20:07:56 GMT
This is an automated email from the ASF dual-hosted git repository.

curcuru pushed a commit to branch incubator-style
in repository https://gitbox.apache.org/repos/asf/whimsy.git

The following commit(s) were added to refs/heads/incubator-style by this push:
       new  9bc77bc   styleallthethings! error pages with Get Help links
9bc77bc is described below

commit 9bc77bc8815fd489c2592163be498ccf01fd8551
Author: Shane Curcuru <asf@shanecurcuru.org>
AuthorDate: Sun Jun 4 16:07:50 2017 -0400

    styleallthethings! error pages with Get Help links
---
 www/401.html | 119 ++++++++++++++++++++++++++++++++++++-----------------------
 www/404.html | 119 ++++++++++++++++++++++++++++++++++++-----------------------
 www/500.html | 118 ++++++++++++++++++++++++++++++++++++----------------------
 3 files changed, 220 insertions(+), 136 deletions(-)

diff --git a/www/401.html b/www/401.html
index 96a19b5..53ef3cf 100644
--- a/www/401.html
+++ b/www/401.html
@@ -2,54 +2,76 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <meta charset="utf-8"/>
-  <title>Apache Whimsy - 401 Error Page</title>
+  <title>401 - Unauthorized Error - Apache Whimsy</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" href="/assets/bootstrap-min.css"/>
 </head>
 <body>
-  <div class="header container-fluid">
-    <div class="row">
-      <div class="col-sm-3">
-        <h1><span class="label label-danger">401 Error</span></h1>
-      </div>
-      <div class="col-sm-2 col-xs-2">
-        <a href="/">
-          <img title="Whimsy logo" alt="Whimsy hat" src="https://whimsy.apache.org/whimsy.svg"
height="101"/>
+  <nav class="navbar navbar-default">
+    <div class="container-fluid">
+      <div class="navbar-header">
+        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar_collapse"
aria-expanded="false">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="navbar-brand" href="/">
+          <img title="Whimsy project home" alt="Whimsy hat logo" src="https://whimsy.apache.org/whimsy.svg"
height="30"/>
         </a>
       </div>
-      <div class="col-sm-6 col-xs-9 align-bottom">
-        <ul class="nav nav-tabs">
-          <li role="presentation">
-            <a href="https://github.com/apache/whimsy/">
-              Code
-            </a>
+      <div class="collapse navbar-collapse" id="navbar_collapse">
+        <ul class="nav navbar-nav">
+          <li>
+            <h1 class="navbar-btn"><span class="label label-danger">401 Error</span></h1>
           </li>
-          <li role="presentation">
-            <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">
-              Questions
-            </a>
+          <li>
+            <a href="https://github.com/apache/whimsy/">Code</a>
           </li>
-          <li role="presentation">
-            <a href="status/">
-              Server status
-            </a>
+          <li>
+            <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">Questions</a>
+          </li>
+          <li>
+            <a href="/technology">About Whimsy</a>
           </li>
-          <li role="presentation">
-            <a href="/technology">
-              About this site
+        </ul>
+        <ul class="nav navbar-nav navbar-right">
+          <li class="dropdown">
+            <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">
+              <img title="Apache Home" alt="Apache feather logo" src="https://www.apache.org/img/feather_glyph_notm.png"
height="30"/>
+              Apache
+              <span class="caret"></span>
             </a>
+            <ul class="dropdown-menu">
+              <li>
+                <a href="http://www.apache.org/licenses/">License</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/foundation/sponsorship.html">Donate</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/foundation/thanks.html">Thanks</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/security/">Security</a>
+              </li>
+              <li class="divider" role="separator"></li>
+              <li>
+                <a href="http://www.apache.org/">About The ASF</a>
+              </li>
+            </ul>
           </li>
         </ul>
       </div>
     </div>
-  </div>
-  
+  </nav>
   <div class="content container-fluid">
     <div class="row">
-      <div class="col-md-10 col-lg-10">
+      <div class="col-md-8">
         <div class="panel panel-danger">
           <div class="panel-heading">
-            <h1 class="panel-title">401 - Unauthorized</h1>
+            <h2 class="panel-title">
+              401 - Unauthorized
+            </h2>
           </div>
           <div class="panel-body">
             <p class="lead">Tsk, tsk, that's secret magician stuff.
@@ -62,38 +84,43 @@
               or check your <a href="https://id.apache.org/">Apache ID</a>.
             </p>
           </div>
-        </div>      
+        </div>
       </div>
-    </div>
-  </div>
-  
-  <div class="footer container-fluid">
-    <div class="row">
-      <div class="col-md-10 col-lg-10">
-        <div class="panel panel-default">
+      <div class="col-md-4">
+        <div class="panel panel-info">
           <div class="panel-heading">
-            <h3 class="panel-title">Related Apache Resources</h3>
+            <h3 class="panel-title">
+              Get Help!
+            </h3>
           </div>
           <div class="panel-body">
             <ul>
               <li>
-                <a href="https://infra.apache.org/">Apache Infra Team Projects</a>
+                <a href="mailto:dev@whimsical.apache.org?subject=[401] Not Authorized
- help with:">Email dev@whimsical List</a>
               </li>
               <li>
-                <a href="https://projects.apache.org/">Other Apache Projects</a>
+                <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">Read
our Mailing List</a>
               </li>
               <li>
-                <a href="https://reference.apache.org/">Apache Infra Reference Library</a>
-              </li>
-              <li>
-                <a href="https://www.apache.org/dev">Apache Developer How-Tos</a>
+                <a href="https://github.com/apache/whimsy/tree/master/www">See The
Website Code</a>
               </li>
             </ul>
           </div>
         </div>
       </div>
     </div>
+    <div class="footer container-fluid" style="background-color: #f5f5f5; padding: 10px;">
+      <p class="center">
+        Copyright © 2017, the Apache Software Foundation. Licensed under the 
+        <a rel="license" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License,
Version 2.0</a>
+        <br/>
+        Apache®, the names of Apache projects, and the multicolor feather logo are 
+        <a href="https://www.apache.org/foundation/marks/list/">registered trademarks
or trademarks</a>
+        of the Apache Software Foundation in the United States and/or other countries.
+      </p>
+    </div>
   </div>
-  <script src="js/bootstrap.min.js" lang="text/javascript"></script>
+  <script src="/assets/jquery-min.js?1495656067"></script>
+  <script src="/assets/bootstrap-min.js?1495656067"></script>
 </body>
 </html>
diff --git a/www/404.html b/www/404.html
index 19c1d20..f70f600 100644
--- a/www/404.html
+++ b/www/404.html
@@ -2,54 +2,76 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <meta charset="utf-8"/>
-  <title>Apache Whimsy - 404 Error Page</title>
+  <title>404 - Not Found Error - Apache Whimsy</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" href="/assets/bootstrap-min.css"/>
 </head>
 <body>
-  <div class="header container-fluid">
-    <div class="row">
-      <div class="col-sm-3">
-        <h1><span class="label label-danger">404 Error</span></h1>
-      </div>
-      <div class="col-sm-2 col-xs-2">
-        <a href="/">
-          <img title="Whimsy logo" alt="Whimsy hat" src="https://whimsy.apache.org/whimsy.svg"
height="101"/>
+  <nav class="navbar navbar-default">
+    <div class="container-fluid">
+      <div class="navbar-header">
+        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar_collapse"
aria-expanded="false">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="navbar-brand" href="/">
+          <img title="Whimsy project home" alt="Whimsy hat logo" src="https://whimsy.apache.org/whimsy.svg"
height="30"/>
         </a>
       </div>
-      <div class="col-sm-6 col-xs-9 align-bottom">
-        <ul class="nav nav-tabs">
-          <li role="presentation">
-            <a href="https://github.com/apache/whimsy/">
-              Code
-            </a>
+      <div class="collapse navbar-collapse" id="navbar_collapse">
+        <ul class="nav navbar-nav">
+          <li>
+            <h1 class="navbar-btn"><span class="label label-danger">404 Error</span></h1>
           </li>
-          <li role="presentation">
-            <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">
-              Questions
-            </a>
+          <li>
+            <a href="https://github.com/apache/whimsy/">Code</a>
           </li>
-          <li role="presentation">
-            <a href="status/">
-              Server status
-            </a>
+          <li>
+            <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">Questions</a>
+          </li>
+          <li>
+            <a href="/technology">About Whimsy</a>
           </li>
-          <li role="presentation">
-            <a href="/technology">
-              About this site
+        </ul>
+        <ul class="nav navbar-nav navbar-right">
+          <li class="dropdown">
+            <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">
+              <img title="Apache Home" alt="Apache feather logo" src="https://www.apache.org/img/feather_glyph_notm.png"
height="30"/>
+              Apache
+              <span class="caret"></span>
             </a>
+            <ul class="dropdown-menu">
+              <li>
+                <a href="http://www.apache.org/licenses/">License</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/foundation/sponsorship.html">Donate</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/foundation/thanks.html">Thanks</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/security/">Security</a>
+              </li>
+              <li class="divider" role="separator"></li>
+              <li>
+                <a href="http://www.apache.org/">About The ASF</a>
+              </li>
+            </ul>
           </li>
         </ul>
       </div>
     </div>
-  </div>
-  
+  </nav>
   <div class="content container-fluid">
     <div class="row">
-      <div class="col-md-10 col-lg-10">
+      <div class="col-md-8">
         <div class="panel panel-danger">
           <div class="panel-heading">
-            <h1 class="panel-title">404 - Not Found</h1>
+            <h2 class="panel-title">
+              404 - Not Found
+            </h2>
           </div>
           <div class="panel-body">
             <p class="lead">Whatever you're looking for is not there.  
@@ -57,38 +79,43 @@
               probably try another <a href="https://whimsy.apache.org/">magic link</a>.
             </p>
           </div>
-        </div>      
+        </div>
       </div>
-    </div>
-  </div>
-  
-  <div class="footer container-fluid">
-    <div class="row">
-      <div class="col-md-10 col-lg-10">
-        <div class="panel panel-default">
+      <div class="col-md-4">
+        <div class="panel panel-info">
           <div class="panel-heading">
-            <h3 class="panel-title">Related Apache Resources</h3>
+            <h3 class="panel-title">
+              Get Help!
+            </h3>
           </div>
           <div class="panel-body">
             <ul>
               <li>
-                <a href="https://infra.apache.org/">Apache Infra Team Projects</a>
+                <a href="mailto:dev@whimsical.apache.org?subject=[404] Help finding:">Email
dev@whimsical List</a>
               </li>
               <li>
-                <a href="https://projects.apache.org/">Other Apache Projects</a>
+                <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">Read
our Mailing List</a>
               </li>
               <li>
-                <a href="https://reference.apache.org/">Apache Infra Reference Library</a>
-              </li>
-              <li>
-                <a href="https://www.apache.org/dev">Apache Developer How-Tos</a>
+                <a href="https://github.com/apache/whimsy/tree/master/www">See The
Website Code</a>
               </li>
             </ul>
           </div>
         </div>
       </div>
     </div>
+    <div class="footer container-fluid" style="background-color: #f5f5f5; padding: 10px;">
+      <p class="center">
+        Copyright © 2017, the Apache Software Foundation. Licensed under the 
+        <a rel="license" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License,
Version 2.0</a>
+        <br/>
+        Apache®, the names of Apache projects, and the multicolor feather logo are 
+        <a href="https://www.apache.org/foundation/marks/list/">registered trademarks
or trademarks</a>
+        of the Apache Software Foundation in the United States and/or other countries.
+      </p>
+    </div>
   </div>
-  <script src="js/bootstrap.min.js" lang="text/javascript"></script>
+  <script src="/assets/jquery-min.js?1495656067"></script>
+  <script src="/assets/bootstrap-min.js?1495656067"></script>
 </body>
 </html>
diff --git a/www/500.html b/www/500.html
index d4fcaf2..3e12c7e 100644
--- a/www/500.html
+++ b/www/500.html
@@ -2,54 +2,76 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <meta charset="utf-8"/>
-  <title>Apache Whimsy - 500 Error Page</title>
+  <title>500 - Internal Server Error - Apache Whimsy</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" href="/assets/bootstrap-min.css"/>
 </head>
 <body>
-  <div class="header container-fluid">
-    <div class="row">
-      <div class="col-sm-3">
-        <h1><span class="label label-danger">500 Error</span></h1>
-      </div>
-      <div class="col-sm-2 col-xs-2">
-        <a href="/">
-          <img title="Whimsy logo" alt="Whimsy hat" src="https://whimsy.apache.org/whimsy.svg"
height="101"/>
+  <nav class="navbar navbar-default">
+    <div class="container-fluid">
+      <div class="navbar-header">
+        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar_collapse"
aria-expanded="false">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="navbar-brand" href="/">
+          <img title="Whimsy project home" alt="Whimsy hat logo" src="https://whimsy.apache.org/whimsy.svg"
height="30"/>
         </a>
       </div>
-      <div class="col-sm-6 col-xs-9 align-bottom">
-        <ul class="nav nav-tabs">
-          <li role="presentation">
-            <a href="https://github.com/apache/whimsy/">
-              Code
-            </a>
+      <div class="collapse navbar-collapse" id="navbar_collapse">
+        <ul class="nav navbar-nav">
+          <li>
+            <h1 class="navbar-btn"><span class="label label-danger">500 Error</span></h1>
           </li>
-          <li role="presentation">
-            <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">
-              Questions
-            </a>
+          <li>
+            <a href="https://github.com/apache/whimsy/">Code</a>
           </li>
-          <li role="presentation">
-            <a href="status/">
-              Server status
-            </a>
+          <li>
+            <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">Questions</a>
+          </li>
+          <li>
+            <a href="/technology">About Whimsy</a>
           </li>
-          <li role="presentation">
-            <a href="/technology">
-              About this site
+        </ul>
+        <ul class="nav navbar-nav navbar-right">
+          <li class="dropdown">
+            <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">
+              <img title="Apache Home" alt="Apache feather logo" src="https://www.apache.org/img/feather_glyph_notm.png"
height="30"/>
+              Apache
+              <span class="caret"></span>
             </a>
+            <ul class="dropdown-menu">
+              <li>
+                <a href="http://www.apache.org/licenses/">License</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/foundation/sponsorship.html">Donate</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/foundation/thanks.html">Thanks</a>
+              </li>
+              <li>
+                <a href="http://www.apache.org/security/">Security</a>
+              </li>
+              <li class="divider" role="separator"></li>
+              <li>
+                <a href="http://www.apache.org/">About The ASF</a>
+              </li>
+            </ul>
           </li>
         </ul>
       </div>
     </div>
-  </div>
-  
+  </nav>
   <div class="content container-fluid">
     <div class="row">
-      <div class="col-md-10 col-lg-10">
+      <div class="col-md-8">
         <div class="panel panel-danger">
           <div class="panel-heading">
-            <h1 class="panel-title">500 - Internal Server Error</h1>
+            <h2 class="panel-title">
+              500 - Internal Server Error
+            </h2>
           </div>
           <div class="panel-body">
             <p class="lead">The server is having problems responding to that URL, sorry!
@@ -60,38 +82,46 @@
               <a href="https://whimsy.apache.org/members/log/"><code>/members/log</code></a>
             </p>
           </div>
-        </div>      
+        </div>
       </div>
-    </div>
-  </div>
-  
-  <div class="footer container-fluid">
-    <div class="row">
-      <div class="col-md-10 col-lg-10">
-        <div class="panel panel-default">
+      <div class="col-md-4">
+        <div class="panel panel-info">
           <div class="panel-heading">
-            <h3 class="panel-title">Related Apache Resources</h3>
+            <h3 class="panel-title">
+              Get Help!
+            </h3>
           </div>
           <div class="panel-body">
             <ul>
               <li>
-                <a href="https://infra.apache.org/">Apache Infra Team Projects</a>
+                <a href="https://whimsy.apache.org/members/log/">Members/Committers
Check Error Logs First</a>
               </li>
               <li>
-                <a href="https://projects.apache.org/">Other Apache Projects</a>
+                <a href="mailto:dev@whimsical.apache.org?subject=[500] server broken:">Email
dev@whimsical List</a>
               </li>
               <li>
-                <a href="https://reference.apache.org/">Apache Infra Reference Library</a>
+                <a href="https://lists.apache.org/list.html?dev@whimsical.apache.org">Read
our Mailing List</a>
               </li>
               <li>
-                <a href="https://www.apache.org/dev">Apache Developer How-Tos</a>
+                <a href="https://github.com/apache/whimsy/tree/master/www">See The
Website Code</a>
               </li>
             </ul>
           </div>
         </div>
       </div>
     </div>
+    <div class="footer container-fluid" style="background-color: #f5f5f5; padding: 10px;">
+      <p class="center">
+        Copyright © 2017, the Apache Software Foundation. Licensed under the 
+        <a rel="license" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License,
Version 2.0</a>
+        <br/>
+        Apache®, the names of Apache projects, and the multicolor feather logo are 
+        <a href="https://www.apache.org/foundation/marks/list/">registered trademarks
or trademarks</a>
+        of the Apache Software Foundation in the United States and/or other countries.
+      </p>
+    </div>
   </div>
-  <script src="js/bootstrap.min.js" lang="text/javascript"></script>
+  <script src="/assets/jquery-min.js?1495656067"></script>
+  <script src="/assets/bootstrap-min.js?1495656067"></script>
 </body>
 </html>

-- 
To stop receiving notification emails like this one, please contact
['"commits@whimsical.apache.org" <commits@whimsical.apache.org>'].

Mime
View raw message