sidebar.html

{%- comment -%} Include as: {%- include components/sidebar.html -%} Depends on:
page(?), site. Results in: HTML for the side bar. Includes: title.html,
components/site_nav.html, nav_footer_custom.html Overwrites: nav_footer_custom.
Should not be cached, because nav_footer_custom.html might depend on page. {%-
endcomment -%}

<div class="side-bar">
  <div class="site-header" role="banner">
    <a href="{{ '/' | relative_url }}" class="site-title lh-tight"
      >{% include title.html %}</a
    >
    <button
      id="menu-button"
      class="site-button btn-reset"
      aria-label="Toggle menu"
      aria-pressed="false"
    >
      <svg viewBox="0 0 24 24" class="icon" aria-hidden="true">
        <use xlink:href="#svg-menu"></use>
      </svg>
    </button>
  </div>

  {% include_cached components/site_nav.html %}
</div>