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: #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 {