From 6bc21421ebdc09356d8c924285144fbc62344290 Mon Sep 17 00:00:00 2001
From: Ben Ramey <ben.ramey@gmail.com>
Date: Tue, 18 Mar 2014 21:11:28 -0500
Subject: [PATCH] Beginning of styling

---
 Gruntfile.js                     |  1 +
 assets/linker/styles/app.less    | 17 +++++++++++++++++
 assets/templates/create-run.jade |  4 ++--
 views/layout.jade                | 18 ++++++++++++++----
 4 files changed, 34 insertions(+), 6 deletions(-)
 create mode 100644 assets/linker/styles/app.less

diff --git a/Gruntfile.js b/Gruntfile.js
index 415237e..9bde500 100644
--- a/Gruntfile.js
+++ b/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;
diff --git a/assets/linker/styles/app.less b/assets/linker/styles/app.less
new file mode 100644
index 0000000..aba4a42
--- /dev/null
+++ b/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 {
+}
diff --git a/assets/templates/create-run.jade b/assets/templates/create-run.jade
index fb60540..4bfcc27 100644
--- a/assets/templates/create-run.jade
+++ b/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
diff --git a/views/layout.jade b/views/layout.jade
index 221cf1f..ef45aa5 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -2,17 +2,27 @@ 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
-            header
-                h1 Lunch Run Me!
+        #page
+            #main-cell
+                header
+                    h1 Lunch Run Me!
 
-            div(ng-view)
+                div(ng-view)
 
         // TEMPLATES