doctype html
html
  head
    meta(charset='utf-8')
    meta(http-equiv='content-type', content='text/html; charset=UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1')
    != css("vendor")
    != css("application")
    title Spike Prototype
  body
    #spike_container
      #spike_content
        nav.navbar.navbar-default(style='margin-bottom:0px;')
          .container
            .navbar-header
              button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
                span.sr-only Toggle navigation
                span.icon-bar
                span.icon-bar
                span.icon-bar
              a.navbar-brand(href='/') Spike
            #navbar.collapse.navbar-collapse
              ul.nav.navbar-nav.navbar-right
                li
                  a(href='/') Spike
        block content   
      #spike_footer
        .container Footer
  script(type='text/javascript').
    // Force `fetch` polyfill to workaround Chrome not displaying request body
    // in developer tools for the native `fetch`.
    self.fetch = null;
  script(src='http://localhost:3000/webpack-dev-server.js')
  != js("vendor")
  script(src='/assets/js/application.js')
