doctype 5
html(lang='en')
  head
    meta(charset='utf-8')
  
    meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
    meta(name='viewport', content='width=device-width,initial-scale=1')
  
    title
      block title
      |  - #{appName}

    meta(name='description', content='Form5 Node.js skeleton that uses Express, Mongoose, Coffeescript, LESS css, Twitter bootstrap and more...')
  
    link(rel='icon', href='/img/favicon.ico', type='image/x-ico')
    link(rel='shortcut icon', href='/img/favicon.ico', type='image/vnd.microsoft.icon')

    meta(property='fb:app_id', content='123456789')
    meta(property='og:title', content='#{title}')
    meta(property='og:description', content='Form5 Node.js skeleton that uses Express, Mongoose, Coffeescript, LESS css, Twitter bootstrap and more...')
    meta(property='og:type', content='website')
    meta(property='og:url', content='https://github.com/olafurnielsen/form5-node-express-mongoose-coffeescript')
    meta(property='og:image', content='http://blog.getbootstrap.com/wp-content/themes/bootstrap-blog/img/bootstrap-blog-logo.png')
    meta(property='og:site_name', content='Form5 Node.js skeleton')
    meta(property='fb:admins', content='123456789')
        
    != css('vendor/bootstrap/css/bootstrap')
    != css('vendor/bootstrap/css/bootstrap-glyphicons')
    != css('style')
    
    // if lte IE 9
      !css('style-ie9-lte')

    //if lt IE 9
      script(src='http://html5shim.googlecode.com/svn/trunk/html5.js')
    
  body
    .navbar.navbar-fixed-top
      .container
        button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-responsive-collapse')
          span.icon-bar
          span.icon-bar
          span.icon-bar

        a.navbar-brand(href='/') Otagai.js
        if req.user
          p.navbar-text.pull-right
            | Welcome, #{req.user.name}
            | | 
            a(href='/logout') logout
        else
          p.navbar-text.pull-right
            a(href='/login') Login

        ul.nav.navbar-nav
          li.active: a(href='/') Home
          if req.user
            li: a(href='/users/') Users
            li: a(href='/articles/') Manage articles
              
    .container
      block content
      
    script(src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js")    
    != js('vendor/bootstrap')
    != js('main')
    script
      document.write('<script src="http://'
      + (location.host || 'localhost').split(':')[0]
      + ':3301/livereload.js"></'
      + 'script>')