<div class=“sidebar-overlay toggle-nav”></div>

<div class=“sidebar-heading”>

<a href="{{ "/" | absolute_url }}">
  {% if site.logo %}<div class="sidebar-logo"></div>
  {% else %}{{ site.title }}{% endif %}
</a>
<button class="toggle-nav mobile-only">Menu</button>

</div>

<nav class=“sidebar-nav” role=“navigation”>

<div class="sidebar-heading-mobile mobile-only">
  <div class="sidebar-close toggle-nav">
    <img src="{{ "/assets/imgs/back.svg?v=1" | relative_url }}" />
  </div>
</div>
<ul class="navigation-list">
  {%- assign pages_list = site.html_pages | sort:"nav_order" -%}
  {%- for node in pages_list -%}
    {%- unless node.nav_exclude -%}
      {%- if node.parent == nil -%}
        <li class="navigation-list-item{% if page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
          {%- if page.parent == node.title or page.grand_parent == node.title -%}
            {%- assign first_level_url = node.url | absolute_url -%}
          {%- endif -%}
          <a href="{{ node.url | absolute_url }}" class="navigation-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
          {%- if node.has_children -%}
            {%- assign children_list = site.html_pages | where: "parent", node.title | sort:"nav_order" -%}
            <ul class="navigation-list-child-list ">
              {%- for child in children_list -%}
                <li class="navigation-list-item {% if page.url == child.url or page.parent == child.title %} active{% endif %}">
                  {%- if page.url == child.url or page.parent == child.title -%}
                    {%- assign second_level_url = child.url | absolute_url -%}
                  {%- endif -%}
                  <a href="{{ child.url | absolute_url }}" class="navigation-list-link{% if page.url == child.url %} active{% endif %}">{{ child.title }}</a>
                  {%- if child.has_children -%}
                      {%- assign grand_children_list = site.html_pages | where: "parent", child.title | sort:"nav_order" -%}
                      <ul class="navigation-list-child-list">
                      {%- for grand_child in grand_children_list -%}
                        <li class="navigation-list-item {% if page.url == grand_child.url %} active{% endif %}">
                          <a href="{{ grand_child.url | absolute_url }}" class="navigation-list-link{% if page.url == grand_child.url %} active{% endif %}">{{ grand_child.title }}</a>
                        </li>
                      {%- endfor -%}
                    </ul>
                  {%- endif -%}
                </li>
              {%- endfor -%}
            </ul>
          {%- endif -%}
        </li>
      {%- endif -%}
    {%- endunless -%}
  {%- endfor -%}
</ul>
{% if site.aux_links != nil %}
  <ul class="navigation-list navigation-list-aux">
    {% for link in site.aux_links %}
      <li class="navigation-list-item">
        <a class="navigation-list-link" href="{{ link.last }}">
          {{ link.first }}
        </a>
      </li>
    {% endfor %}
  </ul>
 {% endif %}

</nav>