//- # Layout
//- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
!!! 5
//- H5BP implementation inspired by .
//if lt IE 7
//if IE 7
//if IE 8
//[if gt IE 8]>")
//- Mobile viewport optimized: j.mp/bplateviewport
meta(name='viewport', content='width=device-width,initial-scale=1')
//- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
- var access = access(['super_admin', 'admin'])
block styles
!= cacheBuster('/stylesheets/style.css')
//- More ideas for your here: h5bp.com/d/head-Tips
//-.
All JavaScript at the bottom, except this Modernizr build incl. Respond.js
Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects;
for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/
script(src='/js/libs/modernizr-2.5.3.min.js')
body
//- [express-messages](https://github.com/visionmedia/express-messages/)
#enable-javascript
| Please
a(href='http://enable-javascript.com/', target="_blank") enable JavaScript
| to view this website.
header
h1 Expressling
nav
ul
li: a(href='/') Home
- if (access)
li: a(href='/admin') Admin
- if (loggedIn)
li: a(href='/my-account') My Account
li: a(href='/logout') Logout
- else
li: a(href='/login') Login
!= messages()
div(role='main')
//- Dynamically load the body content with support for { layout: false }
//- (e.g. index's route and view this through use of extends/inheritance)
block body
!=body
footer
p Built with Expressling.
//- JavaScript at the bottom for fast page loading
//- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline
script(src='//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js')
script.
window.jQuery || document.write('