//- in your views, overwrite site variables such as the title by doing this:
    block append config
      - var title = "your title"

block config
  include ../_config

//- notice the xmlns:ng declaration below?
    this is for IE compatibility - if you want to use custom attributes,
    please create a xmlns:<attribute-prefix> declaration, or alternatively
    prefix your attribute with `data-`
    e.g. xmlns:ui="angular ui" OR `data-ui-sref=""`

doctype html
html(
  lang='en'
  class='no-js'
  xmlns:ng="http://angularjs.org"
  xmlns:ui="http://angular-ui.github.io/"
  id="ng-app"
  data-ng-app='<%= moduleName %>'
  data-ng-cloak
)
  head
    block head
      //- `base` element required for enabling html5 mode
      base(href='/')

      meta(charset='utf-8')
      meta(http-equiv='X-UA-Compatible' content='IE=edge')

      title= title

      meta(name='description' content=description)
      meta(name='viewport' content='width=device-width, initial-scale=1')

      meta(name='msapplication-TileColor' content='#222222')
      meta(name='msapplication-TileImage', content='windows-tile-144x144.png')

      link(rel='apple-touch-icon-precomposed' sizes='180x180' href='apple-touch-icon-180x180.png')
      link(rel='apple-touch-icon-precomposed' sizes='152x152' href='apple-touch-icon-152x152.png')
      link(rel='apple-touch-icon-precomposed' sizes='144x144' href='apple-touch-icon-144x144.png')
      link(rel='apple-touch-icon-precomposed' sizes='120x120' href='apple-touch-icon-120x120.png')
      link(rel='apple-touch-icon-precomposed' sizes='76x76' href='apple-touch-icon-76x76.png')
      link(rel='apple-touch-icon-precomposed' sizes='72x72' href='apple-touch-icon-72x72.png')
      link(rel='apple-touch-icon-precomposed' sizes='60x60' href='apple-touch-icon-60x60.png')
      link(rel='apple-touch-icon-precomposed' href='apple-touch-icon.png')
      link(rel='icon' href='favicon-196x196.png' sizes='196x196')
      link(rel='icon' href='favicon-160x160.png' sizes='160x160')
      link(rel='icon' href='favicon-96x96.png' sizes='96x96')
      link(rel='icon' href='favicon-32x32.png' sizes='32x32')
      link(rel='icon' href='favicon-16x16.png' sizes='16x16')

      block stylesheets
        link(rel='stylesheet' href='styles/index.css')
      block header-scripts
        script(src='scripts/modernizr.js')
  body
    <!-- [if lt IE 8]>
    p.browserupgrade.
      You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
    <![endif]-->
    block content
    block footer-scripts
      if PRODUCTION
        script(src='scripts/build.min.js')
      else
        script(src='scripts/vendor.js')
        script(src='scripts/index.js')