Beginning of styling

Gruntfile.js

@@ -23,6 +23,7 @@ module.exports = function(grunt) {
         pkg: grunt.file.readJSON('package.json'),
         env: process.env,
         cssFilesToInject: [
+            'linker/styles/bootstrap*.css',
             'linker/**/*.css'
         ].map(function(path) {
             return '.tmp/public/' + path;

assets/linker/styles/app.less

@@ -0,0 +1,17 @@
+body {
+    height: 100%;
+    background-color: #eee;
+}
+#page {
+    display: table;
+    height: 100%;
+    width: 100%;
+    min-width: 100%;
+
+    #main-cell {
+        display: table-cell;
+        vertical-align: middle;
+    }
+}
+div.create-run-form {
+}

assets/templates/create-run.jade

@@ -1,5 +1,5 @@
-div(ng-controller='CreateRunCtrl')
-    h2 Create a new run yo
+div.create-run-form(ng-controller='CreateRunCtrl')
+    h2 Create a lunch run
     form(name='form',novalidate,role='form')
         div.form-group
             label(for='name') Name your run

views/layout.jade

@@ -2,13 +2,23 @@ doctype html
 html(lang="en",ng-app="lunchApp")
     head
         title Lunch
+        meta(charset='utf-8')
+        meta(http-equiv="X-UA-Compatible",content="IE-edge")
+        meta(name="viewport",content="width=device-width,initial-scale=1")
+
         // STYLES
+        link(rel="stylesheet", href="/linker/styles/app.css")
         link(rel="stylesheet", href="/linker/styles/bootstrap-theme.css")
         link(rel="stylesheet", href="/linker/styles/bootstrap.css")
         // STYLES END
 
+        <!--[if lt IE 9]>
+        <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
-        #page.container
+        #page
+            #main-cell
                 header
                     h1 Lunch Run Me!