{% include variables.html %}
<aside class="js-side-nav js-menu-hide side-nav">
  <nav class="js-side-nav-container side-nav__container">

  <ul>
    {% assign navigation_pages = site.pages | sort: 'navigation_weight' %}
    {% for nav_page in navigation_pages %}
      {% if nav_page['navigation_weight'] %}
      <li>
        <a href="{{ project_root_url }}{{ nav_page.url }}" {% if nav_page.url == page.url %}class="active"{% endif %}>
          {% if nav_page.url == '/' %}Home{% else %}{{ nav_page.title }}{% endif %}
        </a>
      </li>
      {% endif %}
    {% endfor %}

      <li class="side-nav__title">Reference Docs</li>

      <li>
        <ul>
          {% include components/nav-drawer-docs-entry.html text='Stable' docsPath=site.data.releases.stable.latest %}

          {% include components/nav-drawer-docs-entry.html text='Beta' docsPath=site.data.releases.beta.latest %}

          {% include components/nav-drawer-docs-entry.html text='Alpha' docsPath=site.data.releases.alpha.latest %}
        </ul>
      </li>
  </ul>

  </nav>
</aside>