siblinghood/_includes/header.njk

<header>
	<nav>
	  <a id="skip" href="#main">skip to main</a>
		<a href="/" {% if "/" == page.url %}aria-current="page"{% endif %}>home</a>

		<div id="dropdown">
		  <button id="drop-button" aria-label="card submenu" aria-expanded="false"
				type="button" aria-controls="drop-content">cards ⮷</button>
			<ul id="drop-content" aria-hidden="true">
        {% for entry in collections.all | eleventyNavigation %}
        <li>
          <a href="{{ entry.url }}" {% if entry.url == page.url %}aria-current="page"{% endif %}>
            {{ entry.title }}
          </a>
        </li>
        {% endfor %}
      </ul>
		</div>
	</nav>

	<img id="logo-light" src="/img/logo-light.png" alt="blue and gold icon showing a greeting card with wings" />
	<img id="logo-dark" src="/img/logo-dark.png" alt="blue and gold icon showing a greeting card with wings" />
</header>