Finalize base template/styling; add _variables.

Add:
    static/sass/main.sass
        -Complete `template/layout.html` positioning rules.
        -Add some styling to the footer.

    static/sass/_variables.sass
        -Add `SASS` partial to contain all project-wide variables.

    templates/index.html
        -Add project-wide layout template (should've been packaged into the
        previous commit).

.gitignore

@@ -1,3 +1,5 @@
+static/css
+
 *.swp
 .sass-cache
 .DS_Store

static/sass/_variables.sass

@@ -0,0 +1,5 @@
+/*
+ Partial to contain all globally-applicable variables.
+ */
+
+$lightBlue: #37a5d4

static/sass/main.sass

@@ -3,28 +3,49 @@
  */
 
 @import mixins
+@import variables
 
 body
     margin: 0px
 
-div#center
-    background-color: red
-    margin-left: auto
-    margin-right: auto
-    margin-top: 0px
-    width: 75%
+    *
+        font-family: sans-serif
 
-div#footer
-    @extend .t3
+    div#main
+        padding-top: 4%
 
-    background-color: yellow
-    bottom: -20px
-    position: fixed
-    width: 100%
-    text-align: center
+        div#center
+            margin-left: auto
+            margin-right: auto
+            margin-top: 0px
+            width: 75%
 
-    a
-        padding-left: 10%
+    div#footer
+        @extend .t3
 
-    &:hover
-        bottom: 0px
+        background-color: $lightBlue
+        bottom: -50px
+        padding-top: 12px
+        position: fixed
+        width: 100%
+        text-align: center
+
+        *
+            color: white
+
+        a
+            @extend .t3
+
+            text-decoration: none
+            font-size: 1.2em
+            margin-left: 5%
+            margin-right: 5%
+
+            &:hover
+                text-decoration: underline
+
+        p span
+            font-size: 0.7em
+
+        &:hover
+            bottom: 0px

templates/index.html

@@ -6,34 +6,4 @@
 
 = block body
   <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
-  <div>Hello, world.</div>
 = endblock

templates/layout.html

@@ -9,10 +9,8 @@
     </title>
 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
-    <meta name="description" content="bitshift is an online code snippet
-      exchange."/>
-    <meta name="keywords" content="code snippet exchange golf programming
-      software community"/>
+    <meta name="description" content="bitshift is a source code search engine."/>
+    <meta name="keywords" content="source code language search engine"/>
     <meta name="author" content="Benjamin Attal Ben Kurtovic Severyn Kozak"/>
 
     {{ assets.tag("main.css") }}
@@ -21,7 +19,20 @@
     = endblock
   </head>
   <body>
-    = block body
-    = endblock
+    <div id="main">
+      <div id="center">
+        = block body
+        = endblock
+      </div>
+    </div>
+
+    <div id="footer">
+      <a href="/">home</a>
+      <a href="/about">about</a>
+      <a href="/developers">developers</a>
+      <p>
+        &copy; 2012-2013 bitshift. <span>All Rights Reserved.</span>
+      </p>
+    </div>
   </body>
 </html>