<!DOCTYPE html>
<html lang="en-us">

  $partial("templates/head.html")$

  <body>

    $partial("templates/sidebar.html")$

    <!-- Wrap is the content to shift when toggling the sidebar. We wrap the
         content to avoid any CSS collisions with our real content. -->
    <div class="wrap">
      <div class="masthead">
        <div class="container">
          <h3 class="masthead-title">
            <img src=/images/hakyll-logo.svg" class=logo style="display: inline;"/>
            <a href="$baseurl$" title="Home">$site-title$</a>
            <small>$tagline$</small>
          </h3>
        </div>
      </div>

      <div class="container content">
          $body$
      </div>
    </div>

    <label for="sidebar-checkbox" class="sidebar-toggle"></label>

    <script src="/js/script.js"></script>

  </body>

</html>