!!!
%html
  %head
    %meta(charset='utf-8')
    %meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no")
    %title Weight Recorder
    /%link(href='/css/bootstrap.min.css' rel='stylesheet' type='text/css')
    %link(rel='stylesheet' type='text/css'){href: uri('css/bootstrap.min.css')}

    %script(src='http://www.google.com/jsapi')
    %script{src: uri('chartkick.js')}
  %body
    %nav.navbar.navbar-default
      .container-fluid
        .navbar-header
          /%a.navbar-brand{href: uri('/data')} Weight Recorder
          %a.navbar-brand Bob's weight
          %button{class: ('btn btn-default navbar-btn')}
            %a(class="glyphicon glyphicon-pencil"){href: uri('data/new')} new
          %button{class: ('btn btn-default navbar-btn')}
            %a(class="glyphicon glyphicon-th-list"){href: uri('data')} data
          %button{class: ('btn btn-default navbar-btn')}
            %a(class="glyphicon glyphicon-picture"){href: uri('chart')} all
          %button{class: ('btn btn-default navbar-btn')}
            %a(class="glyphicon glyphicon-picture"){href: uri('chart_week')} week
          %button{class: ('btn btn-default navbar-btn')}
            %a(class="glyphicon glyphicon-picture"){href: uri('chart_month')} month

      .container
        !=yield