website/templates/header.html

{% set current_lang = config.default_language %}
{% if page %}
  {% set current_lang = page.extra.lang | default (value=page.lang) %}
{% elif section %}
  {% set current_lang = section.lang %}
{% endif %}
{% if config.extra.header_nav %}
  <nav id="nav-bar">
    {% for nav_item in config.extra.header_nav %}
      <a href="{{ nav_item.url }}" class="{% if nav_item.url == current_url %}active{% endif %}">
        {% set language_key = 'name_' ~ current_lang %}
        {{ nav_item[language_key] }}
      </a>
      {{ config.extra.header_nav_delimiter | default (value="") }}
    {% endfor %}
    {% if current_lang == "en" %}
      <a href="{{ current_path | regex_replace(pattern=`^/en/`, rep=`/`) }}">fr</a>
    {% else %}
      <a href="{{ get_url(path=current_path, lang='en') }}">en</a>
    {% endif %}
    <div>
      <input type="checkbox" id="theme-toggle" style="display: none;">
      <label for="theme-toggle" id="theme-toggle-label"><svg id="theme-icon" class="icons"><use href="{{ get_url(path='/icons.svg#lightMode', trailing_slash=false) | safe }}"></use></svg></label>
      <audio id="theme-sound">
        <source src="{{ get_url(path='click.ogg', trailing_slash=false) | safe }}" type="audio/ogg">
      </audio>
    </div>
  </nav>
{% endif %}