Permalink
Browse files

Added Jade example templates

  • Loading branch information...
1 parent 1b77b0c commit 1b25c6e5e55a4b3f81bbbdf75071e6fd89aaad31 @langpavel committed Oct 10, 2012
Showing with 77 additions and 8 deletions.
  1. +2 −4 client/styles/style.styl
  2. +26 −2 views/index.jade
  3. +20 −2 views/layout.jade
  4. +29 −0 views/navbar.jade
View
@@ -1,5 +1,3 @@
body
- padding: 50px
- font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
-a
- color: #00B7FF
+ padding-top: 60px;
+ padding-bottom: 40px;
View
@@ -1,5 +1,29 @@
extends layout
block content
- h1= title
- p Welcome to #{title}
+
+ //- Main hero unit for a primary marketing message or call to action
+ .hero-unit
+ h1= title
+ p Welcome to #{title}
+ p: a.btn.btn-primary.btn-large Learn more »
+
+ //- Example row of columns
+ .row
+ .span4
+ h2 Heading
+ p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ p: a.btn(href='#') View details &raquo;
+
+ .span4
+ h2 Heading
+ p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ p: a.btn(href='#') View details &raquo;
+
+ .span4
+ h2 Heading
+ p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ p: a.btn(href='#') View details &raquo;
+
+ footer
+ p &copy; Company 2012
View
@@ -2,6 +2,24 @@ doctype 5
html
head
title= title
- link(rel='stylesheet', href='/stylesheets/style.css')
+ meta(name='viewport', content='width=device-width, initial-scale=1.0')
+ link(rel='stylesheet', href='/css/bootstrap.css')
+ link(rel='stylesheet', href='/css/style.css')
+ link(rel='stylesheet', href='/css/bootstrap-responsive.css')
+
+ link(rel='shortcut icon', href='/favicon.ico')
+ //-
+ link(rel='apple-touch-icon-precomposed', sizes='144x144', href='/img/apple-touch-icon-144-precomposed.png')
+ link(rel='apple-touch-icon-precomposed', sizes='114x114', href='/img/apple-touch-icon-114-precomposed.png')
+ link(rel='apple-touch-icon-precomposed', sizes='72x72', href='/img/apple-touch-icon-72-precomposed.png')
+ link(rel='apple-touch-icon-precomposed', href='/img/apple-touch-icon-57-precomposed.png')
+
+ //- HTML5 shim, for IE6-8 support of HTML5 elements
+ !='<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->'
+
body
- block content
+ include navbar
+ .container
+ block content
+ script(src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js')
+ script(src='/js/bootstrap.min.js')
View
@@ -0,0 +1,29 @@
+.navbar.navbar-inverse.navbar-fixed-top
+ .navbar-inner
+ .container
+ a.btn.btn-navbar(data-toggle='collapse', data-target='.nav-collapse')
+ span.icon-bar
+ span.icon-bar
+ span.icon-bar
+ a.brand(href='/') Express
+ .nav-collapse.collapse
+ ul.nav
+ li.active: a(href='/') Home
+ li: a(href='/') About
+ li: a(href='/') Contact
+ li.dropdown
+ a.dropdown-toggle(href='#', data-toggle="dropdown") Dropdown <b class="caret"></b>
+ ul.dropdown-menu
+ li: a(href='#') Action
+ li: a(href='#') Another action
+ li: a(href='#') Something else here
+ li.divider
+ li.nav-header Nav header
+ li: a(href='#') Separated link
+ li: a(href='#') One more separated link
+ form.navbar-form.pull-right
+ input.span2(type="text", placeholder="Email")
+ |
+ input.span2(type="password", placeholder="Password")
+ |
+ button.btn(type="submit") Sign in

0 comments on commit 1b25c6e

Please sign in to comment.