<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
{% include meta.liquid %}
{% include styles.liquid %}
</head>
<body class="{{ page.original_layout }}">

<header id="app-bar" class="app-bar promote-layer">
  <div class="app-bar-container">
    <button id="menu" class="menu" title="Menu"></button>
    <h1 class="logo"><a href="{{ site.baseurl }}/">SPF</a></h1>
    <section class="app-bar-actions">
      <a href="#"><i class="icon octicon octicon-chevron-up"></i> Top</a>
    </section>
  </div>
</header>

<div class="navdrawer">
  <nav id="nav" class="navdrawer-container promote-layer">
    <h4>Navigation</h4>
    {% include nav.liquid %}
  </nav>
</div>

{{ content }}

<footer>
  <div class="container">
    <p class="small">&copy; 2014 Google. Licensed under <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</p>
  </div>
</footer>

{% include scripts.liquid %}
{% include analytics.liquid %}
</body>
</html>

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
{% include meta.liquid %}
{% include styles.liquid %}
</head>
<body class="{{ page.original_layout }}">

<header id="app-bar" class="app-bar promote-layer">
  <div class="app-bar-container">
    <button id="menu" class="menu" title="Menu"></button>
    <h1 class="logo"><a href="{{ site.baseurl }}/">SPF</a></h1>
    <section class="app-bar-actions">
      <a href="#"><i class="icon octicon octicon-chevron-up"></i> Top</a>
    </section>
  </div>
</header>

<div class="navdrawer">
  <nav id="nav" class="navdrawer-container promote-layer">
    <h4>Navigation</h4>
    {% include nav.liquid %}
  </nav>
</div>

{{ content }}

<footer>
  <div class="container">
    <p class="small">
      &copy; 2014 Google.
      Code licensed under <a href="https://github.com/youtube/spfjs/blob/master/LICENSE">MIT</a>.
      Documentation licensed under <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
    </p>
  </div>
</footer>

{% include scripts.liquid %}
{% include analytics.liquid %}
</body>
</html>
