From 0943e32710d9946caf72b573f9aed34344387112 Mon Sep 17 00:00:00 2001
From: Ben Ramey <ben.ramey@gmail.com>
Date: Wed, 26 Mar 2014 17:19:06 -0500
Subject: [PATCH] Footer

---
 .../js/controllers/body-controller.coffee     |  6 +++++
 assets/linker/styles/app.less                 | 23 +++++++++++++------
 views/layout.jade                             |  4 +++-
 3 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 assets/linker/js/controllers/body-controller.coffee

diff --git a/assets/linker/js/controllers/body-controller.coffee b/assets/linker/js/controllers/body-controller.coffee
new file mode 100644
index 0000000..6d10068
--- /dev/null
+++ b/assets/linker/js/controllers/body-controller.coffee
@@ -0,0 +1,6 @@
+lunchControllers = angular.module 'lunchControllers'
+
+lunchControllers.controller 'BodyCtrl', ['$scope', ($scope) ->
+    randomIndex = Math.floor((Math.random() * 10) % 5) + 1
+    $.backstretch '/images/backgrounds/bg_' + randomIndex + '.jpg'
+]
diff --git a/assets/linker/styles/app.less b/assets/linker/styles/app.less
index df9b042..8ae8809 100644
--- a/assets/linker/styles/app.less
+++ b/assets/linker/styles/app.less
@@ -1,22 +1,31 @@
+html {
+    position: relative;
+    min-height: 100%;
+}
 body {
-    height: 100%;
-    background-color: #eee;
+    background-color: #fff;
+    margin-bottom: 40px;
 }
 header.page-header {
     border-bottom-color: #ddd;
     margin: 0;
 }
 #page {
-    display: table;
-    height: 100%;
-    width: 100%;
-    min-width: 100%;
-
+    padding-bottom: 30px;
     #main-cell {
         display: table-cell;
         vertical-align: middle;
     }
 }
+#footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 40px;
+    background-color: #fff;
+    border-top: 1px solid #333;
+    box-shadow: 0 0 10px 0 #333;
+}
 .create-run-form {
 }
 .create-order-form {
diff --git a/views/layout.jade b/views/layout.jade
index 94f02d5..49b453f 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -16,7 +16,7 @@ html(lang="en",ng-app="lunchApp")
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
         <![endif]-->
-    body(ng-controller="bodyController")
+    body(ng-controller="BodyCtrl")
         #page.container
             #main-cell
                 header.page-header
@@ -24,6 +24,7 @@ html(lang="en",ng-app="lunchApp")
                         small &nbsp;...where lunch runs are fun
 
                 div(ng-view)
+        #footer hello there!
 
         // TEMPLATES
         
@@ -44,4 +45,5 @@ html(lang="en",ng-app="lunchApp")
         script(type="text/javascript", src="/linker/js/controllers/home-controller.js")
         script(type="text/javascript", src="/linker/js/controllers/run-controller.js")
         script(type="text/javascript", src="/linker/js/services/socket.js")
+        script(type="text/javascript", src="/linker/js/vendor/jquery.backstretch.min.js")
         // SCRIPTS END