<header class=“site-header” role=“banner”>

<div class="wrapper">
  {% assign default_paths = site.pages | map: "path" %}
  {% assign page_paths = site.header_pages | default: default_paths %}
  <a class="site-title" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a>

  {% if page_paths %}
    <nav class="site-nav">
      <input type="checkbox" id="nav-trigger" class="nav-trigger" />
      <label for="nav-trigger">
        <span class="menu-icon">
          {% assign bitmap_mode = site.data.config.bitmap_mode | default: site.theme_config.bitmap_mode %}
          {% if bitmap_mode == true %}
            <img src="/assets/icons/icon-menu.png" />
          {% else %}
            {% include icon-menu.svg %}
          {% endif %}
        </span>
      </label>

      <div class="trigger">
        {% assign home_link = page.home_link | default: site.data.config.home_link | default: site.theme_config.home_link %}
        {% if home_link %}
          <a class="page-link" href="/">Home</a>
        {% endif %}

        {% for path in page_paths %}
          {% assign my_page = site.pages | where: "path", path | where: "lang", page.lang | first %}
          {% if my_page.title %}
            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
          {% endif %}
        {% endfor %}
      </div>
    </nav>
  {% endif %}
</div>

</header>