Reworking of homepage

assets/linker/js/app.coffee

@@ -7,9 +7,6 @@ lunchApp = angular.module 'lunchApp', [
 lunchApp.config ['$routeProvider',
     ($routeProvider) ->
         $routeProvider
-            .when '/',
-                templateUrl: 'templates/home.html',
-                controller: 'HomeCtrl'
             .when '/run/:id',
                 templateUrl: 'templates/run.html',
                 controller: 'RunCtrl'

assets/linker/styles/app.less

@@ -1,103 +1,9 @@
 @import "variables.less";
 @import "main.less";
+@import "home.less";
 @import "header-footer.less";
 @import "forms.less";
 
 #page {
     padding-bottom: 60px;
-    section {
-        background-color: transparent;
-        position: relative;
-        overflow: hidden;
-        padding: 40px;
-        margin: 20px 0;
-        border-width: 1px;
-        border-style: solid;
-        border-color: #fff;
-        box-shadow: 0 0 15px #000;
-        border-radius: 4px;
-
-        .step-num {
-            text-align: center;
-            text-shadow: 2px 2px 8px #fff;
-            span {
-                font-size: 6em;
-            }
-        }
-
-        h2 {
-            margin-top: 0;
-            color: #fff;
-            text-shadow: 2px 2px 2px #000;
-        }
-
-        input {
-            font-size: 2em;
-            height: auto;
-            margin: 5px 0;
-        }
-
-        &.name {
-            input {
-                margin-top: 16px;
-            }
-        }
-
-        &.invitees {
-            input  {
-                margin: 0;
-            }
-            .btn {
-                font-size: 2em;
-            }
-            .invitee {
-                input {
-                    float: left;
-                    width: auto;
-                    margin-right: 5px;
-                }
-                margin-top: 5px;
-                +.btn {
-                    margin-top: 5px;
-                }
-            }
-        }
-
-        &.submit {
-            border: none;
-            box-shadow: none;
-            padding: 40px 0;
-            .btn {
-                font-size: 6em;
-            } 
-        }
-
-        >div {
-            position: relative;
-            z-index: 2;
-        }
-        .bg {
-            position: absolute;
-            left: 0;
-            top: 0;
-            z-index: 1;
-            background-color: #eee;
-            opacity: 0.7;
-            width: 100%;
-            height: 100%;
-        }
-    }
-}
-.run-order-status {
-    background-color: #fff;
-    border: 1px solid #ddd;
-    margin-bottom: 10px;
-    >div {
-        padding: 20px;
-    }
-    .name {
-        color: #aaa;
-    }
-    .fill>.btn {
-    }
 }

assets/linker/styles/header-footer.less

@@ -1,5 +1,4 @@
 header.navbar {
-    border-bottom: 1px solid #eee;
 }
 footer.navbar {
     border-top: 1px solid #eee;

assets/linker/styles/home.less

@@ -0,0 +1,5 @@
+#welcome {
+    margin-top: 50px;
+    padding: 20px;
+    background-color: rgba(0,0,0,0.6);
+}

assets/linker/styles/run.less

@@ -0,0 +1,13 @@
+.run-order-status {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    margin-bottom: 10px;
+    >div {
+        padding: 20px;
+    }
+    .name {
+        color: #aaa;
+    }
+    .fill>.btn {
+    }
+}

assets/linker/templates/home.jade

@@ -1 +0,0 @@
-include create-run

views/header.jade

@@ -1,5 +1,3 @@
-header.navbar.navbar-static-top
+header.navbar.navbar-default
-    .bg  
+    a.navbar-brand(href='/') lunch run me
-    .container
+    small.navbar-text ...where lunch runs are fun
-        a.navbar-brand(href='/') lunch run me
-        small.navbar-text ...where lunch runs are fun

views/home/index.jade

@@ -1,4 +1,6 @@
 extends ../layout
 
 block content
-    #content
+    .row
+        #welcome.col-sm-3.offset-sm-1
+            | hello there

views/layout.jade

@@ -17,10 +17,10 @@ html(lang="en",ng-app="lunchApp")
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
         <![endif]-->
     body(ng-controller="BodyCtrl")
-        include header
+        .container
-        #page
+            #page
-            div(ng-view)
+                block content
-        include footer
+                    div(ng-view)
 
         // TEMPLATES