    <header class="header navbar">
      <nav class="container">
        <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
          <img class="bi me-2" width="40" height="32" src="/assets/img/icon.svg" alt="Site icon">
          <span class="fs-4 titletext">onFOSS</span>
        </a>

        <ul class="nav nav-pills">
          {% if layout.nav_pill %}
            {% assign nav_pill = layout.nav_pill %}
          {% else %}
            {% assign nav_pill = page.nav_pill %}
          {% endif %}
          {% case nav_pill %}
            {% when "news", "help", "resources" %}
              {% assign home = false %}
            {% else %}
              {% assign home = true %}
          {% endcase %}
          <li class="nav-item"><a href="/index.html" class="nav-link {% if home %}active{% endif %}" aria-current="page">Home</a></li>
          <li class="nav-item"><a href="/news.html" class="nav-link {% if nav_pill == "news" %}active{% endif %}">News</a></li>
          <li class="nav-item"><a href="/help.html" class="nav-link {% if nav_pill == "help" %}active{% endif %}">Help</a></li>
          <li class="nav-item"><a href="/resources.html" class="nav-link {% if nav_pill == "resources" %}active{% endif %}">Resources</a></li>
        </ul>
      </nav>
    </header>
