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")
- 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 ...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