Footer

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'
+]

assets/linker/styles/app.less

@@ -1,22 +1,31 @@
+html {
+    position: relative;
+    min-height: 100%;
+}
 body {
-    height: 100%;
+    background-color: #fff;
-    background-color: #eee;
+    margin-bottom: 40px;
 }
 header.page-header {
     border-bottom-color: #ddd;
     margin: 0;
 }
 #page {
-    display: table;
+    padding-bottom: 30px;
-    height: 100%;
-    width: 100%;
-    min-width: 100%;
-
     #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 {

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