simplified layouts (more towards vanilla bootstrap3(

pull/2/head
Sahat Yalkabov 2013-11-16 12:55:40 -05:00
parent 26ddda1c0a
commit 8ac4e11ea3
5 changed files with 44 additions and 4312 deletions

2
app.js
View File

@ -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());

View File

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

File diff suppressed because it is too large Load Diff

View File

@ -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
div
| Angular seed app: v
span(app-version)
block content
.starter-template
h1 Bootstrap starter template
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.

View File

@ -1,19 +1,33 @@
!!!
html(ng-app="myApp")
!!! 5
html(lang='en')
head
meta(charset='utf8')
base(href='/')
title Angular Express Bootstrap Seed App
link(rel='stylesheet', href='/css/bootstrap.css')
link(rel='stylesheet', href='/css/todc-bootstrap.css')
link(rel='stylesheet', href='/css/app.css')
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible', content='IE=edge')
meta(name='viewport', content='width=device-width, initial-scale=1.0')
meta(name='description', content='')
meta(name='author', content='')
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/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')
script(src='/js/lib/jquery.js')