<header class="md-header" data-md-component="header">
  <nav class="md-header__inner md-grid" aria-label="Header">
    <label class="md-header__button md-icon" for="__drawer">{% include ".icons/material/menu.svg" %}</label>
    <div class="md-header__title" data-md-component="header-title">
      <div class="md-header__ellipsis">
        <div class="md-header__topic">
          <a class="publication-brand" href="{{ nav.homepage.url | url }}" aria-label="Governed Autonomy overview">
            <span class="publication-brand__name">Governed<span> Autonomy</span></span>
            <span class="publication-brand__caption">A research collection</span>
          </a>
        </div>
        <div class="md-header__topic" data-md-component="header-topic" aria-hidden="true"></div>
      </div>
    </div>
    {% if page and page.toc %}
    <button type="button" class="md-header__button publication-contents-toggle" aria-label="Open page contents" aria-haspopup="dialog" aria-controls="publication-contents" aria-expanded="false">
      <span class="md-icon">{% include ".icons/material/format-list-bulleted.svg" %}</span><span class="publication-control-label">On this page</span>
    </button>
    {% endif %}
    {% if config.theme.palette and not config.theme.palette is mapping %}
      {% include "partials/palette.html" %}
      {% include "partials/javascripts/palette.html" %}
    {% endif %}
    {% if "material/search" in config.plugins %}
      {% set search = config.plugins["material/search"] | attr("config") %}
      {% if search.enabled %}
        <label class="md-header__button md-icon" for="__search">{% include ".icons/material/magnify.svg" %}</label>
        {% include "partials/search.html" %}
      {% endif %}
    {% endif %}
    <a class="publication-git" href="{{ config.extra.publication_source_url }}" aria-label="Download research source" title="Download research source">
      <span class="md-icon">{% include ".icons/material/file-download-outline.svg" %}</span><span class="publication-control-label">Research source</span>
    </a>
  </nav>
</header>
