sidebar.html

<div class="sidebar">
  <div class="container sidebar-sticky">
    <div class="sidebar-about">
      <h1>
        <a href="{% if page.lang != site.defaultlang %}{{ page.lang | prepend: site.baseurl }}{% else %}{{ site.baseurl }}{% endif %}">
          {{ site.title }}
        </a>
      </h1>
      <p class="lead">{{ site.t[page.lang].description }}</p>
    </div>

    <nav class="sidebar-nav">
      {% comment %}
        The code below dynamically generates a sidebar nav of pages with
        `layout: page` in the front-matter. See readme for usage.
      {% endcomment %}

      {% assign pages_list = site.pages | where: "menu", true | sort: "order" %}
      {% for node in pages_list %}
        {% if node.title != null %}
          {% if node.layout == "page" %}
            {% if node.lang == page.lang %}
              <a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}" href="{{ site.baseurl}}/{{ node.url }}">{{ node.title }}</a>
            {% endif %}
          {% endif %}
        {% endif %}
      {% endfor %}
    </nav>
    <nav class="sidebar-nav-lang">
      {% assign pages=site.pages | where:"ref", "home" | sort: 'lang' %}
      {% for page in pages %}
        <a class="sidebar-nav-lang-item" href="{{ site.baseurl }}{{ page.url }}" class="{{ page.lang }}">{{ page.lang }}</a>
      {% endfor %}
      </ul>
      <!-- <a class="sidebar-nav-item" href="{{ site.github.repo }}/archive/v{{ site.version }}.zip">Download</a>
      <a class="sidebar-nav-item" href="{{ site.github.repo }}">GitHub project</a> -->
      <!-- <span class="sidebar-nav-item">Currently v{{ site.version }}</span> -->
    </nav>
    <nav class="sidebar-footer">
      {% include footer.html %}
    </nav>

    <!-- <p>&copy; {{ site.time | date: '%Y' }}. Licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US">CC BY-NC-SA 3.0.</a></p> -->
  </div>
</div>