<header>
	<nav title="background image shows the peak of a dilapidated greenhouse in black and white">

		<a href="#main" title="skip to main content" aria-label="skip to main content" id="skip">
			skip ↷</a>

		<a href="/" aria-label="Beall Greenhouses home" title="Beall Greenhouses home"
			{% if page.url == "/" %}aria-current="page"{% endif %}>
			<img src="/img/logo.jpg"
				alt="block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'">
		</a>

		<ul>
      {% for entry in collections.all | eleventyNavigation %}
        <li>
          <a href="{{ entry.url }}" title="{{ entry.data.title }}"
            {% if entry.url == page.url %}aria-current="page"{% endif %}>
            {{ entry.title }}
          </a>
        </li>
      {% endfor %}
		</ul>
	</nav>
</header>
