{% set navItems = collections.all | eleventyNavigation %}
<header role="banner">
  <div class="logo">
    <span>Galuh Sahid</span>
  </div>
  <nav role="navigation" aria-label="main navigation" >
    <ul>
      {%- for item in navItems %}
        <li class="nav__item{{ ' active' if page.url === item.url }}">
          <a href="{{ item.url }}">{{ item.key }}</a>
        </li>
      {%- endfor -%}
      <li class="nav__item">
          <a href="https://galuh.myportfolio.com">photography</a>
      </li>
      <li class="nav__item">
        <a href="https://galuh.myportfolio.com/sketches-1">sketches</a>
      </li>
    </ul>
  </nav>
</header>