help/_includes/sidebar.html

{% assign sorted_articles = site.articles | sort: 'order' %}

<nav class="bd-links collapse" id="bd-docs-nav" aria-label="Main navigation">
    <div class="bd-toc-search">
      <form class="search-header" action="{{site.baseurl}}/search/" id="search" method="get">
          <div class="input-group input-group-lg">
              <input type="search" class="form-control" placeholder="Search..." id="search-box" name="q">
              <button class="btn btn-light" type="submit" onclick="gaEvent('Search')">
                  <i class="fa fa-search"></i>
                  <span class="sr-only">Search</span>
              </button>
          </div>
      </form>
    </div>
    <div class="bd-toc-item">
        <a class="bd-toc-link" href="{{site.baseurl}}/">
            Home
        </a>
    </div>
    <div class="bd-toc-item">
        <a class="bd-toc-link" href="{{site.baseurl}}/article/releasenotes">
            Release Notes
        </a>
    </div>

    {% for category in site.categories %}
    {% if category.hidden != true %}
    {% assign catFilename = category.path | filename %}

    {% if page.categories contains catFilename or page.url contains catFilename %}
        {% assign activeCategoryPage = true %}
    {% else %}
        {% assign activeCategoryPage = false %}
    {% endif %}

    <div class="bd-toc-item">
        <a class="bd-toc-link" data-toggle="collapse" data-target="#{{catFilename}}" role="button" {% if activeCategoryPage %}aria-expanded="true"{% else %}aria-expanded="false"{% endif %} aria-controls="{{catFilename}}" aria-label="Toggle {{category.title}}">
            {{category.title}}
            <small class="ml-auto"><i class="fa fa-chevron-down"></i></small>
        </a>
        <ul {% if activeCategoryPage %}class="nav bd-sidenav collapse show"{% else %}class="nav bd-sidenav collapse"{% endif %} id="{{catFilename}}">
            {% for article in sorted_articles %}
            {% if article.categories contains catFilename and article.hidden != true %}
            <li {% if page.url contains article.url %}class="active"{% endif %}>
                <a href="{{site.baseurl}}{{article.url}}">{{article.title}}</a>
            </li>
            {% endif %}
            {% endfor %}
        </ul>
    </div>

    {% endif %}
    {% endfor %}

</nav>