<!doctype html>
<html class="{{file.data.class}}" lang="en">
<head>
  {{#block "head"}}
    <meta charset="utf-8">
    <title>
      {{#block "title"}}
        <% if(bypass) { %>{{#if file.data.title}}{{file.data.title}} | {{/if}}{{site.title}}<% } else { %><?= page_title() ?><% } %>
      {{/block}}
    </title>

    {{#block "meta"}}
      {{> meta}}
    {{/block}}

    {{#block "relationships"}}
      {{! You should add any <link rel> (aside from styles) elements to the partial below }}
      {{> relationships}}
    {{/block}}

    {{#block "styles"}}
      {{! 
        Styles Usage
        ---
        @documentation: http://bit.ly/1UOBCdK
        
        You should not add any additional stylesheets below. Use @import and npm. Try to
        keep your http requests down as much as possible.
      }}
      <link rel="stylesheet" href="/css/<%= appNameSlug %>.css">
    {{/block}}<% if(!bypass) { %>

    {{#block "head_tracking"}}
      {{> head_tracking}}
    {{/block}}<% } %>

  {{/block}}
</head>
<body>
  {{#block "header"}}
    <% if(!cuttlefish){ %>{{> header }}<% } %>
  {{/block}}

  <main>
    {{#block "content"}}
    {{/block}}
  </main>

  {{#block "footer"}}
    <% if(!cuttlefish){ %>{{> footer }}<% } %>
  {{/block}}

  {{#block "scripts"}}
    {{!
      Scripts Usage
      ---
      @documentation: http://bit.ly/1tmGQHk

      You should not add any additional scripts below. Use webpack and npm to require
      and/or import your third-party scripts. Find and use third-party scripts that are
      available through npmjs.com. Reference the documentation for more info.
    }}
    <% if(jquery) { %><script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script><% } %>
    <script src="/js/common.js"></script>
    <script src="/js/site.js"></script>
  {{/block}}<% if(!bypass) { %>

  {{#block "footer_tracking"}}
    {{> footer_tracking}}
  {{/block}}<% } %>
</body>
</html>
