layout: table-wrappers


<!doctype html> <html>

{% include head.html %}
<body>

  <div class="side-bar">
    {% include site-nav.html %}
  </div>

  <div class="main" id="top">
    <div id="main-content-wrap" class="main-content-wrap">
      <div id="main-content" class="main-content" role="main">
        {% include anchor-headings.html html=content anchorBody="<i class='anchor-tag'>🐝</i>" anchorClass="anchor-heading" %}
      </div>
      <div class="connect">
        {% if site.social.enabled %}
          {% include connect.html %}
        {% endif %}
      </div>
    </div>
  </div>

  <label class="bonsai-burger">
    <input id="wiki-link-nav-checkbox" type="checkbox">
    <img id="nav-bonsai" height="50" width="50" hidden></img>
    <img id="nav-base" height="40" width="40"></img>
  </label>

  <script src="https://d3js.org/d3.v6.min.js"></script>
  {% include metrics.html %}
  {% include hover-preview.html wrapperQuerySelector="content" %}
  <!-- modules: https://stackoverflow.com/questions/58211880/uncaught-syntaxerror-cannot-use-import-statement-outside-a-module-when-import -->
  <script type="module" src="{{ '/assets/js/scripts.js' | relative_url }}"></script> 

</body>

</html>