<header>

<nav class="navbar is-black">
  <div class="navbar-brand">
    <a class="navbar-item" href="{{ "/" | relative_url }}">
      {% asset icon_avatar.jpg %}
    </a>
    <div class="navbar-burger" data-target="navMenu">
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
  <div class="navbar-menu" id="navMenu">
    <div class="navbar-start">
      {% assign pages = site.pages | sort: 'title' %}
      {% for page in pages %}
      {% if page.title and page.autogen == nil %}
      <a class="navbar-item" href="{{ page.url | relative_url }}">
        <span class="icon">
          <i class="fas fa-{{page.icon}}"></i>
        </span>
        {{ page.title | capitalize }}
      </a>
      {% endif %}
      {% endfor %}
    </div>
    <div class="navbar-end">
      <a class="navbar-item" href="{{ "/feed.xml" | relative_url }}">
        <span class="icon">
          <i class="fas fa-rss"></i>
        </span>
        Subscribe
      </a>
    </div>
  </div>
</nav>

</header>