From 7359651900836b38e5cc9f5f34ed86dbd53bc0bb Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Sun, 11 May 2014 10:57:48 -0400
Subject: [PATCH] Add partly styled search bar, fix footer.

Add:
    templates/index.html
        -Add search bar elements.

    static/sass/index.sass
        -Add styling for the search entry bar.

Fix:
    static/sass/main.sass
        -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
---
 static/sass/index.sass | 27 +++++++++++++++++++++++++++
 static/sass/main.sass  |  4 ++++
 templates/index.html   | 14 +++++++++++++-
 3 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 static/sass/index.sass

diff --git a/static/sass/index.sass b/static/sass/index.sass
new file mode 100644
index 0000000..127ccb0
--- /dev/null
+++ b/static/sass/index.sass
@@ -0,0 +1,27 @@
+/*
+ Stylesheet for index.html.
+ */
+
+@import mixins
+@import variables
+
+div.search-field
+    bottom: 0
+    height: 200px
+    left: 0
+    margin: auto
+    position: absolute
+    right: 0
+    top: 0
+    width: 34%
+
+    #title
+        font-size: 3em
+        padding-bottom: 0.5em
+        text-align: center
+
+    form input[type="text"]
+        border: 1px solid #A4ACAF
+        font-size: 1.1em
+        padding: 3px
+        width: 100%
diff --git a/static/sass/main.sass b/static/sass/main.sass
index a69a0b6..ed9f8e9 100644
--- a/static/sass/main.sass
+++ b/static/sass/main.sass
@@ -17,6 +17,9 @@ div#container
     min-height: 100%
     position: relative
 
+    div#header
+        padding: 10px
+
     div#body
         padding-bottom: 50px
         padding-top: 4%
@@ -30,6 +33,7 @@ div#container
         @extend .t3
 
         background-color: $lightBlue
+        bottom: 0px
         height: 60px
         padding-top: 12px
         position: absolute
diff --git a/templates/index.html b/templates/index.html
index 3253631..5d8d092 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,6 +4,18 @@
   Home
 = endblock
 
+= block head
+  {{ assets.tag("index.css") }}
+= endblock
+
 = block body
-  <div>Hello, world.</div>
+  <div class="search-field" id="outer">
+    <div id="title">
+      We shift mad bits.
+    </div>
+    <form id="search-bar">
+      <input type="text">
+    </form>
+  </div>
+  {{ assets.tag("index.js") }}
 = endblock