bootstrap ready!

This commit is contained in:
Gustavo Cortez 2014-01-06 16:12:14 -03:00
parent e33ee06cc6
commit 0341f8f691
11 changed files with 126 additions and 38 deletions

3
.bowerrc Normal file
View File

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

1
.gitignore vendored
View File

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

View File

@ -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')

View File

@ -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')

View File

@ -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

View File

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

View File

@ -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

7
bower.json Normal file
View File

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

View File

@ -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"
}
}

45
public/css/common.css Normal file
View File

@ -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%;
}

0
public/img/.gitignore vendored Executable file
View File