[static-web] Add gnome themed 500 error page

From: Andrea Veri <av src gnome org>
To: commits-list gnome org
Cc:
Subject: [static-web] Add gnome themed 500 error page
Date: Mon, 6 Oct 2014 10:28:12 +0000 (UTC)
commit 370b0d6ebf9e35159c96a8442bd1dc320d8f2e45
Author: Magdalen Berns <m berns thismagpie com>
Date:   Mon Oct 6 03:36:46 2014 +0100

    Add gnome themed 500 error page
    
    This could be used system-wide to allow users to see
    status of GNOME's infrastructure instead of being
    redirected to a page which tells users to contact
    gnome-systemadmin without letting them check at
    status.gnome.org
    
    Signed-off-by: Andrea Veri <av gnome org>

 error/500.html  |  123 +++++++++++++++++
 error/grass.css |  404 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 527 insertions(+), 0 deletions(-)
---
diff --git a/error/500.html b/error/500.html
new file mode 100644
index 0000000..0bd68b0
--- /dev/null
+++ b/error/500.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" 
content="text/html; charset=UTF-8">
+  <title>500-Error</title>
+  <meta name="robots" content="noindex, nofollow">
+  <link rel="stylesheet" type="text/css" href="./grass.css">
+  <link rel="shortcut icon" href="https://static.gnome.org/img/logo/foot-16.png";>
+  </head>
+  <body>
+  <div id="global_domain_bar">
+    <div class="maxwidth">
+           <div class="tab">
+             <a class="root" href="https://www.gnome.org/";>GNOME.org</a>
+           </div>
+    </div>
+  </div>
+  <div id="page">
+      <div id="logo_bar" class="container_12">
+        <div id="logo" class="grid_3">
+          <a title="Go to home page" href="https://gnome.org/";><img 
src="http://www.gnome.org/wp-content/themes/gnome-grass/images/gnome-logo.png"; alt="GNOME: 500 Error"></a>
+        </div>
+      </div>
+      </div>
+      <div id="container" class="one_column">
+      <iframe src="https://status.gnome.org/"; seamless width=1000 height=1070 ><h1>500 Error</h1></iframe>
+      </div>
+    <div id="footer_community"></div>
+
+    <div id="footer_grass"></div>
+
+    <div id="footer">
+      <div class="container_13" id="container_12">
+        <div class="links grid_9">
+          <div class="menu-footer-container">
+            <ul id="menu-footer" class="menu">
+              <li id="menu-item-1048" class="menu-item menu-item-type-custom menu-item-object-custom 
current-menu-item current_page_item menu-item-1048">
+              <a href="https://git.gnome.org/";>The GNOME Project</a>
+
+                <ul class="sub-menu">
+                  <li id="menu-item-1049" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-1049">
+                  <a href="https://www.gnome.org/about/";>About Us</a></li>
+
+                  <li id="menu-item-1050" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-1050">
+                  <a href="https://www.gnome.org/get-involved/";>Get Involved</a></li>
+
+                  <li id="menu-item-1051" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-1051">
+                  <a href="https://www.gnome.org/teams/";>Teams</a></li>
+
+                  <li id="menu-item-1053" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-1053">
+                  <a href="https://www.gnome.org/support-gnome/";>Support GNOME</a></li>
+
+                  <li id="menu-item-1054" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-1054">
+                  <a href="https://www.gnome.org/contact/";>Contact Us</a></li>
+
+                  <li id="menu-item-2246" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-2246">
+                  <a href="https://www.gnome.org/foundation/";>The GNOME Foundation</a></li>
+                </ul>
+              </li>
+
+              <li id="menu-item-1047" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1047">
+                <a href="https://git.gnome.org/browse/gnome-web-www/tree/theme/images#";>Resources</a>
+
+                <ul class="sub-menu">
+                  <li id="menu-item-1055" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1055">
+                  <a href="https://developer.gnome.org/";>Developer Center</a></li>
+
+                  <li id="menu-item-1056" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1056">
+                  <a href="https://help.gnome.org/";>Documentation</a></li>
+
+                  <li id="menu-item-1057" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1057">
+                  <a href="https://wiki.gnome.org/";>Wiki</a></li>
+
+                  <li id="menu-item-1058" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1058">
+                  <a href="https://mail.gnome.org/mailman/listinfo";>Mailing Lists</a></li>
+
+                  <li id="menu-item-1059" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1059">
+                  <a href="https://wiki.gnome.org/GnomeIrcChannels";>IRC Channels</a></li>
+
+                  <li id="menu-item-1060" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1060">
+                  <a href="https://bugzilla.gnome.org/";>Bug Tracker</a></li>
+
+                  <li id="menu-item-1061" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1061">
+                  <a href="https://git.gnome.org/browse/";>Development Code</a></li>
+
+                  <li id="menu-item-1062" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1062">
+                  <a href="https://wiki.gnome.org/Jhbuild";>Build Tool</a></li>
+                </ul>
+              </li>
+
+              <li id="menu-item-1046" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1046">
+                <a href="https://git.gnome.org/news";>News</a>
+
+                <ul class="sub-menu">
+                  <li id="menu-item-1063" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-1063">
+                  <a href="https://www.gnome.org/press/";>Press Releases</a></li>
+
+                  <li id="menu-item-1064" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1064">
+                  <a href="https://www.gnome.org/start/stable";>Latest Release</a></li>
+
+                  <li id="menu-item-1065" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1065">
+                  <a href="https://planet.gnome.org/";>Planet GNOME</a></li>
+
+                  <li id="menu-item-1067" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1067">
+                  <a href="https://news.gnome.org/";>Development News</a></li>
+
+                  <li id="menu-item-1068" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1068">
+                  <a href="https://identi.ca/gnome";>Identi.ca</a></li>
+
+                  <li id="menu-item-1069" class="menu-item menu-item-type-custom menu-item-object-custom 
menu-item-1069">
+                  <a href="https://twitter.com/gnome";>Twitter</a></li>
+                </ul>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div id="footnotes" class="grid_9">
+  <p>Copyright © 2004-2013, <a href="https://www.gnome.org/";>The GNOME Project</a>.</p>
+  <br>
+    <small><p>Hosted by <a href="http://www.redhat.com/";>Red Hat</a>. </small>
+  </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/error/grass.css b/error/grass.css
new file mode 100644
index 0000000..8c8572a
--- /dev/null
+++ b/error/grass.css
@@ -0,0 +1,404 @@
+
+table#header td.logo {
+    display: none
+}
+
+body {
+       padding: 0;
+  background: url(https://static.gnome.org/img/html-bg.png) repeat-x scroll 0 10px #FFFFFF;
+  height: 100%;
+  margin-bottom: 0;
+  color: #2E3436;
+  font-family: Cantarell,'Droid Sans',Ubuntu,'DejaVu Sans',Arial,sans-serif;
+  font-size: 14px;
+  line-height: 1.6;
+  width: 100%;
+}
+
+#page {
+    width: 960px;
+    margin: auto;
+} 
+
+a, a:visited, a:hover, table.list td a:hover {
+    color: #3465A4;
+}
+
+
+#gnome-header {
+  background: url(https://static.gnome.org/img/gnome-logo.png) 20px 12px no-repeat;
+  margin-top: 40px;
+}
+
+
+/* Move the title over, since our icon is smaller. And move things up a bit */
+#gnome-header h1 {
+       margin: 0;
+       margin-left: 250px;
+       padding-top: 47px;
+       font-size: 200%;
+       color: #3F4448;
+}
+/* global domain bar */
+#global_domain_bar .maxwidth {
+    position: relative;
+}
+
+.maxwidth {
+    margin: 0 auto;
+    width: 940px;
+}
+
+#global_domain_bar .tab {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-radius: 5px 5px 5px 5px;
+    box-shadow: 0 4px 2px -2px #8FB3D9;
+    float: right;
+    font-size: 9px;
+    line-height: 16px;
+    padding: 4px;
+    margin-top: -17px;
+    right: 0;
+    white-space: nowrap;
+}
+
+#global_domain_bar .tab a.root:last-child {
+    border-right: 0 none;
+    margin-right: 0;
+    padding-right: 0;
+}
+
+#global_domain_bar .tab a.root {
+    background: url(https://static.gnome.org/img/favicon.png) no-repeat scroll 0 0 #FFFFFF;
+    border-right: 1px solid #CCCCCC;
+    color: #555753;
+    font-weight: bold;
+    margin-right: 3px;
+    padding-left: 18px;
+    padding-right: 6px;
+    text-decoration: none;
+}
+
+
+/* Kill some space in the header, and mark it clear: both so it goes
+ * underneath the float: left GNOME header. (Not completely sure why the
+ * GNOME header is float: left
+ */
+table#header {
+    margin-top: 7em;
+    clear: both;
+}
+
+/* Drop the font size for the heading down */
+table#header td.main {
+       font-size: 250%;
+}
+
+/* When we killed the body padding, this cell is at the screen edge, move it back */
+table#header td.right {
+    padding-right: 4px;
+}
+
+/* kill some more vertical space in the header */
+table.tabs {
+    margin-top: 0em;
+}
+
+
+/* Footer Grass & community */
+#footer_grass {
+    background: url(https://static.gnome.org/img/grass.png) repeat-x scroll top transparent;
+    height: 39px;
+    margin-top: -33px;
+    bottom: 0;
+}
+
+#footer_community {
+    background: url(https://static.gnome.org/img/footer_arts/community.png) center no-repeat;
+    height: 180px;
+    bottom: 0; 
+}
+
+/* FOOTER  */
+
+#footer div.links > div > ul > li {
+    float: left;
+    margin: 0 40px 10px 0;
+}
+
+#footer ul li {
+    margin: 0;
+    padding: 0;
+}
+
+#footer p {
+       color: #3F4448;
+       margin: 0em;
+}
+
+#footer #footnotes {
+ /*   font-size: 9px;*/
+    margin-top: 4px;
+}
+
+#footer #footnotes small {
+       font-size: 88%;
+}
+#footer ul.menu > li > a {
+    font-weight: bold;
+}
+
+#footer div.links div a, #footer div.links div strong {
+    display: block;
+    text-decoration: none;
+}
+
+#footer .links a {
+    -moz-transition: background-color 100ms ease-in 0s;
+    color: inherit;
+}
+
+#footer {
+    background: none repeat scroll 0 0 #D3D7CF;
+    clear: left;
+    color: #555753;
+    padding: 14px 0 230px;
+    margin: auto;
+}
+
+#footer {
+    font-size: 12px;
+    line-height: 1.4em;
+}
+
+#footer ul {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0;
+}
+
+#footer li {
+       display: inline;
+       padding: 0 0;
+}
+
+#footer a {
+       color: #3465a4;
+       text-decoration: none;
+}
+
+#footer div.links div a:hover{
+    display: block;
+    text-decoration: underline;
+}
+
+/* Make the branch/tag decoration a little smaller */
+a.branch-deco, a.tag-deco {
+    display: inline-block;
+    font-size: 90%;
+    padding: 1px 0.25em;
+}
+
+
+/*top bar*/
+
+
+
+#top_bar ul {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0 5px;
+}
+
+#top_bar ul li {
+    display: inline;
+    margin: 0 5px 0 0;
+}
+
+#top_bar a {
+    -moz-transition: background 100ms linear 0s;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    outline: 0 none;
+    padding: 4px 14px;
+    text-decoration: none;
+    text-shadow: 0 1px 0 #000000;
+}
+
+#top_bar a:hover {
+    background: #64696d;
+    background: rgba(100%, 100%, 100%, 0.2);
+}
+
+#top_bar a:focus {
+    background: rgba(100%, 100%, 100%, 0.15);
+}
+
+#top_bar a:active, #top_bar li.current-menu-item a, #top_bar li.current-page-ancestor a {
+    background: #1c2021 url("images/top_bar-item-bg.png") top repeat-x;
+    -moz-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+    -webkit-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+    box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+}
+
+.hidden {
+    display: none;
+}
+
+#top_bar input {
+    -moz-border-bottom-colors: none;
+    -moz-border-image: none;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    background: url("https://mail.gnome.org/css/search-icon.png";) no-repeat scroll 8px center transparent;
+    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.3);
+    border-style: none none none solid;
+    border-width: 0 0 0 1px;
+    color: #FFFFFF;
+    font: inherit;
+    margin: -8px 0 -8px -8px;
+    outline: medium none;
+    padding: 8px 8px 8px 28px;
+    width: 150px;
+}
+
+input:-moz-read-write, textarea:-moz-read-write {
+    -moz-user-modify: read-write !important;
+}
+
+#top_bar {
+    background: url("https://mail.gnome.org/css/top_bar-bg.png";) repeat-x scroll top #2E3436;
+    border-radius: 6px 6px 6px 6px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    font-size: 13px;
+    line-height: normal;
+    margin-top: 48px;
+    position: relative;
+    margin-left: 216px;
+}
+
+.container_12, .container_16 {
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+    margin-top: 20px;
+}
+
+.container_13 {
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+}
+
+.container_13 .grid_9 {
+    width: 700px;
+}
+
+.container_12 .grid_9 {
+    width: 650px;
+}
+
+.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, 
.grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
+    display: inline;
+    float: left;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+
+table.tabs td.form input, table.tabs td.form select {
+    font-size: 90%;
+}
+input, textarea {
+    border: 25px solid #6F6F6F;
+}
+button, input[type="reset"], input[type="button"], input[type="submit"] {
+    -moz-appearance: button;
+    -moz-binding: none;
+    -moz-box-sizing: border-box;
+    -moz-user-select: none;
+    background-color: buttonface;
+    border: 2px outset buttonface;
+    color: buttontext;
+    cursor: default;
+    font: ;
+    line-height: normal;
+    padding: 0 6px;
+    text-align: center;
+    text-shadow: none;
+    white-space: pre;
+}
+input {
+    -moz-appearance: textfield;
+    -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
+    -moz-user-select: text;
+    background-color: -moz-field;
+    border: 2px inset threedface;
+    color: -moz-fieldtext;
+    cursor: text;
+    font: ;
+    letter-spacing: normal;
+    line-height: normal !important;
+    padding: 1px 0;
+    text-align: start;
+    text-indent: 0;
+    text-rendering: optimizelegibility;
+    text-shadow: none;
+    text-transform: none;
+    word-spacing: normal;
+}
+
+/*logo*/
+
+#header #logo {
+    float: left;
+}
+
+#container {
+padding-top: 20px;
+color: #555;
+width: 960px;
+margin: auto;
+min-height: 240px;
+}
+
+.grid_3, .container_16, .grid_4 {
+    width: 220px;
+}
+
+
+#header #logo img {
+    -moz-transition: opacity 200ms ease-out 0s;
+    height: 78px;
+    margin-left: 10px;
+    opacity: 1;
+    width: 250px;
+    left: 10px;
+    margin-top: 5px;
+}
+
+#header {
+    margin: 50px auto 30px;
+    width: 960px;
+    float: center;
+    font-size: 75%;
+}
+
+# {
+       margin: auto;
+       width: 960px;
+}
+
+
+#top_bar .left {
+    float: left;
+    margin: 10px;
+    padding: 0;
+}
+
+#top_bar .right {
+    float: right;
+    margin: 10px;
+    padding: 0;
+}
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]