<!doctype html> <html class=“no-js” lang=“en-us”>

{% include head.html %}

<body class="theme-base-{{site.color-scheme}}">
  <!-- This if statement decides which sidebar to use -->
  {% if page.toc %}
  {% include sidebar-toc.html %}
  {% else %}
  {% include sidebar.html %}
  {% endif %}

  <!-- 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="site-wrapper">
      <header class="site-header" role="banner">
          <div class="container">
              <h3>
                  <a class="site-title" rel="author" href="{{ site.baseurl }}/" title="Portfolio">{{ site.title | newline_to_br }}</a>
                  <br><small>{{ site.tagline }}</small>
              </h3>

              {% include nav.html %}
          </div>
      </header><!-- End Site Header -->

      <main id="main" class="container page-content" aria-label="Content" role="main">
              {{ content }}
      </main><!-- End Main Content -->
  </div><!-- End Site Wrapper -->

  <!-- Set conditional, async loading of JS in footer -->
  <script src="/assets/js/scripts.min.js"></script>
  {% include google_analytics.html %}
</body>

</html>