From af183fc023e8591219f6f79d6a9a5417e20ab702 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Mon, 30 Jan 2012 11:31:48 -0500
Subject: [PATCH] Added 404 and server down pages

---
 404.html          |  7 +++++++
 sass/_layout.scss | 22 ++++++++++++++--------
 server_down.html  |  7 +++++++
 3 files changed, 28 insertions(+), 8 deletions(-)
 create mode 100644 404.html
 create mode 100644 server_down.html

diff --git a/404.html b/404.html
new file mode 100644
index 0000000000..e3bff09eca
--- /dev/null
+++ b/404.html
@@ -0,0 +1,7 @@
+
+<%inherit file="main.html" />
+
+<section class="activation">
+  <h1>Page not found</h1>
+  <p>The page that you were looking for was not found. Go back to the <a href="/">homepage</a> or let us know about any pages that may have been moved at <a href="mailto:">mailto:</a>.</p>
+</section>
diff --git a/sass/_layout.scss b/sass/_layout.scss
index f4fb52effe..2614e3b56c 100644
--- a/sass/_layout.scss
+++ b/sass/_layout.scss
@@ -6,13 +6,13 @@ html {
     font: $body-font-size $body-font-family;
     text-align: center;
     margin: 0;
-    background: #f3f3f3;
+    background: #f6f6f6;
 
     div.header-wrapper {
       // @include linear-gradient(lighten($mit-red, 5%), darken($mit-red, 5%));
-      @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%), 0 1px 1px #ccc);
+      @include box-shadow(inset 0 -1px 2px darken($mit-red, 10%));
       background: $mit-red;
-      border-bottom: 1px solid darken($mit-red, 10%);
+      border-bottom: 1px solid #fff;
 
       header {
         @extend .clearfix;
@@ -43,9 +43,10 @@ html {
 
           h2 {
             float: left;
-            margin: 0;
-            padding: 19px 15px 12px 0;
+            margin: 0 lh() 0 0;
+            padding: 19px lh() 12px 0;
             line-height: lh();
+            border-right: 1px solid darken($mit-red, 5%);
 
             a {
               color: #fff;
@@ -87,11 +88,16 @@ html {
     section.main-content {
       @extend .clearfix;
       @extend .wrapper;
-      @include box-shadow(0 1px 0 #fff);
+      @include box-shadow(0 0 4px #ddd);
       @include box-sizing(border-box);
       background: #fff;
-      border: 1px solid #ccc;
-      border-top: 0;
+      border-bottom: 1px solid #bbb;
+
+      @media screen and (min-width: 1400px) {
+      margin-top: lh(.5);
+      @include border-radius(3px);
+      border: 1px solid #bbb;
+      }
     }
 
     img {
diff --git a/server_down.html b/server_down.html
new file mode 100644
index 0000000000..b89fa3ed05
--- /dev/null
+++ b/server_down.html
@@ -0,0 +1,7 @@
+
+<%inherit file="main.html" />
+
+<section class="activation">
+  <h1>Currently the <em>MITx</em> servers are down</h1>
+  <p>Our staff is currently working to get the site back up as soon as possible. Please email us at <a href="mailto:">mailto:</a> to report any problems or downtime.</p>
+</section>