bootstrap ready!

.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "public/lib"
+}

.gitignore

@@ -16,4 +16,5 @@ npm-debug.log
 node_modules
 
 .DS_Store
+public/lib/*
 

app/views/includes/foot.jade

@@ -0,0 +1,6 @@
+#footer
+  .container
+    p.text-muted Place sticky footer content here.
+
+script(type='text/javascript', src='/lib/jquery/jquery.min.js')
+script(type='text/javascript', src='/lib/bootstrap/dist/js/bootstrap.min.js')

app/views/includes/head.jade

@@ -1,7 +1,7 @@
 head
   meta(charset='utf-8')
   meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
-  meta(name='viewport', content='width=device-width,initial-scale=1')
+  meta(name='viewport', content='width=device-width,initial-scale=1.0')
 
   title BitPay
   meta(http-equiv='Content-type', content='text/html;charset=UTF-8')
@@ -10,3 +10,6 @@ head
 
   link(href='/img/icons/favicon.ico', rel='shortcut icon', type='image/x-icon')
 
+  link(rel='stylesheet', href='/lib/bootstrap/dist/css/bootstrap.min.css')
+  link(rel='stylesheet', href='/css/common.css')
+

app/views/includes/navbar.jade

@@ -0,0 +1,17 @@
+.navbar.navbar-default.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='#') Mystery
+    .collapse.navbar-collapse
+      ul.nav.navbar-nav
+        li.active
+          a(href='#') Home
+        li
+          a(href='#about') About
+        li
+          a(href='#contact') Contact

app/views/index.jade

@@ -1,4 +1,5 @@
 extends layouts/default
 
 block content
-  h1 Hello BitPay!
+  .page-header
+    h1 Hello BitPay!

app/views/layouts/default.jade

@@ -2,7 +2,8 @@ doctype html
 html(lang='en', xmlns='http://www.w3.org/1999/xhtml')
   include ../includes/head
   body
-    section.content
+    #wrap
+      include ../includes/navbar
       section.container
         block content
     include ../includes/foot

bower.json

@@ -0,0 +1,7 @@
+{
+    "name": "Mystery",
+    "version": "0.0.1",
+    "dependencies": {
+        "bootstrap": "3.0.3"
+    }
+}

package.json

@@ -1,37 +1,41 @@
 {
-    "name": "mystery",
-    "version": "0.0.1",
-    "private": true,
-    "author": {
-        "name": "Ryan X Charles",
-        "email": "ryan@bitpay.com"
-    },
-    "repository": "git://github.com/bitpay/mystery.git",
-    "contributors": [{
-            "name": "Matias Alejo Garcia",
-            "email": "ematiu@gmail.com"
-    }],
-    "bugs": {
-        "url": "https://github.com/bitpay/mystery/issues"
-    },
-    "homepage": "https://github.com/bitpay/mystery",
-    "license": "MIT",
-    "keywords": [
-        "mystery",
-        "secret",
-        "enigma",
-        "riddle",
-        "mystification",
-        "puzzle",
-        "conundrum"
-    ],
-    "engines": {
-        "node": "*"
-    },
-    "dependencies": {
-        "express": "~3.4.7",
-        "jade": "~1.0.2",
-        "mongoose": "~3.8.3",
-        "lodash": "~2.4.1"
-    }
+  "name": "mystery",
+  "version": "0.0.1",
+  "private": true,
+  "author": {
+    "name": "Ryan X Charles",
+    "email": "ryan@bitpay.com"
+  },
+  "repository": "git://github.com/bitpay/mystery.git",
+  "contributors": [{
+    "name": "Matias Alejo Garcia",
+    "email": "ematiu@gmail.com"
+  }],
+  "bugs": {
+    "url": "https://github.com/bitpay/mystery/issues"
+  },
+  "homepage": "https://github.com/bitpay/mystery",
+  "license": "MIT",
+  "keywords": [
+    "mystery",
+    "secret",
+    "enigma",
+    "riddle",
+    "mystification",
+    "puzzle",
+    "conundrum"
+  ],
+  "engines": {
+    "node": "*"
+  },
+  "scripts": {
+    "postinstall": "node node_modules/bower/bin/bower install"
+  },
+  "dependencies": {
+    "express": "~3.4.7",
+    "jade": "~1.0.2",
+    "mongoose": "~3.8.3",
+    "lodash": "~2.4.1",
+    "bower": "~1.2.8"
+  }
 }

public/css/common.css

@@ -0,0 +1,45 @@
+/* Sticky footer styles
+-------------------------------------------------- */
+
+html,
+body {
+  height: 100%;
+  /* The html and body elements cannot have any padding or margin. */
+}
+
+/* Wrapper for page content to push down footer */
+#wrap {
+  min-height: 100%;
+  height: auto;
+  /* Negative indent footer by its height */
+  margin: 0 auto -60px;
+  /* Pad bottom by footer height */
+  padding: 0 0 60px;
+}
+
+/* Set the fixed height of the footer here */
+#footer {
+  height: 60px;
+  background-color: #f5f5f5;
+}
+
+
+/* Custom page CSS
+-------------------------------------------------- */
+/* Not required for template or sticky footer method. */
+
+#wrap > .container {
+  padding: 60px 15px 0;
+}
+.container .text-muted {
+  margin: 20px 0;
+}
+
+#footer > .container {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+code {
+  font-size: 80%;
+}