simplified layouts (more towards vanilla bootstrap3(

app.js

@@ -22,7 +22,7 @@ var app = express();
 
 app.set('port', process.env.PORT || 3000);
 app.set('views', __dirname + '/views');
-app.set('view engine', 'hbs');
+app.set('view engine', 'jade');
 app.use(express.logger('dev'));
 app.use(express.errorHandler());
 app.use(express.favicon());

public/css/app.css

@@ -1,5 +1,10 @@
 body {
-  padding-top: 70px;
+  padding-top: 50px;
+}
+
+.starter-template {
+  padding: 40px 15px;
+  text-align: center;
 }
 
 .btn-label {

views/index.jade

@@ -1,87 +1,9 @@
 extends layout
-block body
-  .navbar.navbar-default.navbar-fixed-top(role="navigation")
-    .navbar-header
-      button.navbar-toggle(type="button", data-toggle="collapse", data-target=".navbar-ex1-collapse")
-        span.sr-only Toggle navigation
-        span.icon-bar
-        span.icon-bar
-        span.icon-bar
-      a.navbar-brand(href="#") Brand
-    .collapse.navbar-collapse.navbar-ex1-collapse
-      ul.nav.navbar-nav
-        li
-          a(href="view1") View1
-        li
-          a(href="view2") View2
-        if !user
-          li
-            a(href="login") login
-        else
-          li
-            a(href='#') Welcome
-          li
-            a(href='logout') Logout
-  .container
-    div(ng-controller='AppCtrl')
-      .jumbotron
-        h1 Hello {{name}}
-        h2 3 times 3 mod 3 is {{3*3%3}}
-      div(ng-view)
-    br
-    button.btn.btn-labeled.btn-success(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-ok
-      | Success
-    br
-    button.btn.btn-labeled.btn-danger(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-remove
-      | Cancel
-    br
-    button.btn.btn-labeled.btn-warning(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-bookmark
-      | Bookmark
-    br
-    button.btn.btn-labeled.btn-primary(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-camera
-      | Camera
-    br
-    button.btn.btn-labeled.btn-default(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-chevron-left
-      | Left
-    br
-    button.btn.btn-labeled.btn-default(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-chevron-right
-      | Right
-    br
-    button.btn.btn-labeled.btn-success(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-thumbs-up
-      | Thumbs
-      | Up
-    br
-    button.btn.btn-labeled.btn-danger(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-thumbs-down
-      | Thumbs
-      | Down
-    br
-    button.btn.btn-labeled.btn-info(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-refresh
-      | Refresh
-    br
-    button.btn.btn-labeled.btn-danger(type='button')
-      span.btn-label
-        i.glyphicon.glyphicon-trash
-      | Trash
 
-    hr
+block content
-    div
+  .starter-template
-      | Angular seed app: v
+    h1 Bootstrap starter template
-      span(app-version)
+    p.lead
+      | Use this document as a way to quickly start any new project.
+      br
+      | All you get is this text and a mostly barebones HTML document.

views/layout.jade

@@ -1,19 +1,33 @@
-!!!
+!!! 5
-html(ng-app="myApp")
+html(lang='en')
   head
-    meta(charset='utf8')
+    meta(charset='utf-8')
-    base(href='/')
+    meta(http-equiv='X-UA-Compatible', content='IE=edge')
-    title Angular Express Bootstrap Seed App
+    meta(name='viewport', content='width=device-width, initial-scale=1.0')
-    link(rel='stylesheet', href='/css/bootstrap.css')
+    meta(name='description', content='')
-    link(rel='stylesheet', href='/css/todc-bootstrap.css')
+    meta(name='author', content='')
-    link(rel='stylesheet', href='/css/app.css')
+    title Starter Template for Bootstrap
+    link(href='/css/bootstrap.css', rel='stylesheet')
+    link(href='/css/app.css', rel='stylesheet')
   body
-    block body
+    .navbar.navbar-inverse.navbar-fixed-top(role='navigation')
+      .container
+        .navbar-header
+          button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
+            span.sr-only Toggle navigation
+            span.icon-bar
+            span.icon-bar
+            span.icon-bar
+          a.navbar-brand(href='#') Project name
+        .collapse.navbar-collapse
+          ul.nav.navbar-nav
+            li.active
+              a(href='#') Home
+            li
+              a(href='#about') About
+            li
+              a(href='#contact') Contact
+    .container
+      block content
 
-    script(src='/js/lib/angular.js')
+    script(src='/js/lib/jquery.js')
-    script(src='/js/lib/angular-route.js')
-    script(src='/js/app.js')
-    script(src='/js/services.js')
-    script(src='/js/controllers.js')
-    script(src='/js/filters.js')
-    script(src='/js/directives.js')