doctype html
html(lang='en')
  head
    meta(http-equiv='Content-Type' content='text/html; charset=utf8')
    meta(name='viewport', content="width=device-width, initial-scale=1.0")
    meta(name='description', content='')
    meta(name='author', content='')
    meta(name='apple-mobile-web-app-capable', content='yes')
    meta(name='apple-mobile-web-app-status-bar-style', content='black-translucent')

    link(rel='shortcut icon', href='/static/ico/favicon.png')

    title requisite-express-app

    // Normal statically served css files
    link(rel='stylesheet', href='/static/css/bootstrap.min.css', media='screen')
    link(rel='stylesheet', href='/static/css/font-awesome.min.css')

    // Bundled stylus via stylus middleware:
    // assets/css/app.css -> static/js/app.css
    link(rel='stylesheet', href='/static/css/app.css')

  body
    .container
      .row
        h1 requisite-express-app

        p This app demonstrates the use of requisite with express.

    // Normal standalone libs can be bundled in by requisite or served standalone.
    // These are served as normal static files
    script(src='/static/js/jquery.min.js', type='text/javascript')
    script(src='/static/js/bootstrap.min.js', type='text/javascript')
    script(src='/static/js/underscore.min.js', type='text/javascript')
    script(src='/static/js/backbone.min.js', type='text/javascript')

    // Bundled javascript via requisite middleware:
    //   assets/js/app.cofee -> /static/js/app.js
    script(src='/static/js/app.js')