<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.png"/> 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">Liens <i class="fa fa-caret-down"></i></button>
    <div class="w3-dropdown-content w3-bar-block w3-dark-grey">
      <a href="https://git.duniter.org/" class="w3-bar-item w3-button"><i class="fa fa-gitlab"></i> GitLab</a>
      <a href="https://forum.duniter.org/" class="w3-bar-item w3-button"><img alt="d" class="icon" src="https://simpleicons.org/icons/discourse.svg"/> Forum</a>
    </div>
  </div>

  {% for s in index.subsections %}{% 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>