<!-- Application header --> <header class="md-header" data-md-component="header"> <!-- Top-level navigation --> <nav class="md-header-nav md-grid" aria-label="{{ lang.t('header.title') }}"> <!-- Link to home --> <a href="{{ config.site_url | default(nav.homepage.url, true) | url }}" title="{{ config.site_name }}" class="md-header-nav__button md-logo" aria-label="{{ config.site_name }}" > {% include "partials/logo.html" %} </a> <!-- Button to open drawer --> <label class="md-header-nav__button md-icon" for="__drawer"> {% include ".icons/material/menu" ~ ".svg" %} </label> <!-- Header title --> <div class="md-header-nav__title" data-md-component="header-title"> {% if config.site_name == page.title %} <div class="md-header-nav__ellipsis md-ellipsis"> {{ config.site_name }} </div> {% else %} <div class="md-header-nav__ellipsis"> <span class="md-header-nav__topic md-ellipsis"> {{ config.site_name }} </span> <span class="md-header-nav__topic md-ellipsis"> {% if page and page.meta and page.meta.title %} {{ page.meta.title }} {% else %} {{ page.title }} {% endif %} </span> </div> {% endif %} </div> <!-- Button to open search dialogue --> {% if "search" in config["plugins"] %} <label class="md-header-nav__button md-icon" for="__search"> {% include ".icons/material/magnify.svg" %} </label> <!-- Search interface --> {% include "partials/search.html" %} {% endif %} <!-- Download Section --> <div class="md-header-nav__download"> {% include "partials/download.html" %} </div> <!-- Repository containing source --> {% if config.repo_url %} <div class="md-header-nav__source"> {% include "partials/source.html" %} </div> {% endif %} </nav> </header>