<nav class="w3-bar w3-large">
  <a href="/" class="w3-bar-item w3-button {% if current_path %}{% if current_path == "/" %}active{% endif %}{% endif %}"><img alt="" class="icon" src="/img/duniter-logo_alt.svg"/> Duniter</a>
  
  {% set index = get_section(path="_index.md") %}
  {% for p in index.pages %}
    {% if not p.extra.hide %}
    <a href="{{ p.permalink }}" class="w3-bar-item w3-button
      {% if current_path %}{% if current_path == p.path %}active{% endif %}{% endif %}">
      {{p.title}}
    </a>
    {% endif %}
  {% endfor %}

  <div class="w3-dropdown-hover w3-dropdown-click w3-right">
    <button class="w3-button" style="font-size: 1.6em; padding: 0 10px;">🇫🇷</button>
    <div class="w3-dropdown-content w3-bar-block w3-light-grey" style="min-width: 29px;">
      <a href="https://duniter.org/en/" title="English website" style="font-size: 1.6em; padding: 0 10px;">🇬🇧</a>
    </div>
  </div>

  <div class="w3-dropdown-hover w3-dropdown-click w3-right">
    <button class="w3-button">Liens <i class="fa fa-caret-down"></i></button>
    <div class="w3-dropdown-content w3-bar-block w3-light-grey">
      <a href="https://git.duniter.org/" class="w3-bar-item w3-button"><img alt="d" class="icon" src="/img/duniter_gitlab_small.png"/> GitLab</a>
      <a href="https://forum.duniter.org/" class="w3-bar-item w3-button"><img alt="d" class="icon" src="/img/duniter_forum.png"/> Forum Duniter</a>
      <a href="https://forum.monnaie-libre.fr/" class="w3-bar-item w3-button"><img alt="d" class="icon" src="/img/logo_forum_ml_180x180.png"/> Forum ML</a>
    </div>
  </div>

  {% for s in index.subsections | reverse %}{% set subsection = get_section(path=s) %}
    {% if not subsection.extra.hide %}
    <a href="{{ subsection.permalink }}" class="w3-bar-item w3-button w3-right
      {% if current_path %}{% if current_path is starting_with(subsection.path) %}active{% endif %}{% endif %}">
      {{subsection.title}}
    </a>
    {% endif %}
  {% endfor %}

</nav>