From 064dde5792a6cdcb4acc971e94ee3482f6077757 Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Thu, 12 Jun 2014 23:09:49 -0400
Subject: [PATCH] Add 404 page. Minor footer-style mod.

Add:
        app.py, templates/error404.html, static/sass/error404.sass
                -Add Flask 404 handler and styled 404 page.
---
 app.py                    |  4 ++++
 static/sass/error404.sass | 23 +++++++++++++++++++++++
 static/sass/main.sass     |  2 ++
 templates/error404.html   | 14 ++++++++++++++
 4 files changed, 43 insertions(+)
 create mode 100644 static/sass/error404.sass
 create mode 100644 templates/error404.html

diff --git a/app.py b/app.py
index cd09cb5..3e470fd 100644
--- a/app.py
+++ b/app.py
@@ -56,5 +56,9 @@ def about():
 def developers():
     return render_template("developers.html")
 
+@app.errorhandler(404)
+def error404(error):
+    return render_template("error404.html"), 404
+
 if __name__ == "__main__":
     app.run(debug=True)
diff --git a/static/sass/error404.sass b/static/sass/error404.sass
new file mode 100644
index 0000000..f002aac
--- /dev/null
+++ b/static/sass/error404.sass
@@ -0,0 +1,23 @@
+@import variables
+
+div#message
+    color: $baseColor1
+    font-family: monospace
+    font-size: 700%
+    font-weight: normal
+    margin-top: 8%
+    text-align: center
+
+    span
+        &#error-num
+            font-size: 170%
+            vertical-align: middle
+
+        &.c1
+            color: $baseColor1
+
+        &.c2
+            color: $baseColor2
+
+        &.c3
+            color: $baseColor3
diff --git a/static/sass/main.sass b/static/sass/main.sass
index 4474ee0..e987f0c 100644
--- a/static/sass/main.sass
+++ b/static/sass/main.sass
@@ -35,10 +35,12 @@ div#container
         background-color: $baseColor1
         bottom: -30px
         height: 60px
+        padding-bottom: 5px
         padding-top: 15px
         position: fixed
         text-align: center
         width: 100%
+        z-index: 100
 
         &:hover
             @include delay(0s)
diff --git a/templates/error404.html b/templates/error404.html
new file mode 100644
index 0000000..dad4920
--- /dev/null
+++ b/templates/error404.html
@@ -0,0 +1,14 @@
+= extends "layout.html"
+
+= block head
+  {{ assets.tag("error404.css") }}
+= endblock
+
+= block body
+  <div id="message">
+    <span class="c1">puts</span
+    ><span class="c3">(</span><span class=c2>"</span
+    ><span id="error-num">404</span><span class=c2>"</span><span class=c3
+    >)</span><span class="c3">;</span>
+  </div>
+= endblock