<!DOCTYPE html>
<html>

  {% include head.html %}

  <body id="site-page" class="show-sidebar">

    {% include header.html %}

    <div class="page-content">
      <div class="clearfix container">
        <aside id="content">
          {{ content }}
        </aside>
      </div>
    </div>

    <div id="sidebar-menu" data-item="toc-generated">
      <div class="menu-wrapper">
        <a class="toggle-menu navbar-toggler" href="#">
          <span class="nav-toggle"></span>
        </a>
        <div class="navbar-wrapper">
          <nav class="navbar-header navbar">
            <ul class="clearfix nav navbar-nav">
              <li class="nav-item">
                {% assign top_menu = page.url | split: '/' | shift | first | prepend: '/' | append: '/' %}
                {% include sidebar.html path=top_menu %}
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>

    <div class="clearfix"></div>
    {% include footer.html %}
  </body>
</html>