doctype html
html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en")
    head
        title= title
        meta(name='viewport', content='width=device-width, initial-scale=1.0')
        meta(name="keywords" content=keywords)
        meta(name="description" content=description)
        meta(http-equiv="content-type", content="text/html; charset=utf-8")
        meta(property="og:image" content=image)
        meta(name="twitter:image" content=image)
        link(rel='stylesheet', href='/assets/css/base.css', type='text/css')
    body
      .container#main-content
        block main-content
      <!-- Hacky Brown, but it's here so parallax images can be set dynamically -->
      style.
        header::before { background: url(!{default_bg}); background-size: cover; }
      header
        .menu
          a(href='/') 
            img#logo(src='/assets/images/global/the-logo.svg')
            br
          if menu
            - var index = 0;			
            - for ( index; index < menu.length; index++)
              a.menu-link(href="/"+menu[index].path+"/"+menu[index].slug)= menu[index].slug
              br
        span= welcome_message
      script(src='/assets/scripts/start.min.js' type="text/javascript")