<div class="sidebar-mask"></div>
<aside class="sidebar">
  <nav class="nav-links">
    <div class="nav-item">
      <a href="/" class="nav-link">
        Home
      </a>
    </div>
    <div class="nav-item">
      <a href="/guide/index.html" class="nav-link">
        Guide
      </a>
    </div>
    <div class="nav-item">
      <a href="/faq/index.html" class="nav-link active">
        FAQ
      </a>
    </div>
    <div class="nav-item">
      <a href="/about/index.html" class="nav-link">
        About
      </a>
    </div>
    <a href="https://github.com/open-wc/open-wc" target="_blank" rel="noopener noreferrer" class="repo-link">
      GitHub
      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" class="icon outbound">
        <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path>
        <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon>
      </svg>
    </a>
  </nav>
  {% if section == 'about' %}
    {% include 'partials/sidebar-about.njk' %}
  {% endif %}
  {% if section == 'faq' %}
    {% include 'partials/sidebar-faq.njk' %}
  {% endif %}
  {% if section == 'guides' %}
    {% include 'partials/sidebar-guide.njk' %}
  {% endif %}
</aside>
