<header class="mdl-layout__header  mdl-layout__header--transparent">
  <div class="mdl-layout__header-row">
    <span class="mdl-layout-title">
      {% if page.title %}
        <h1 id="page-title" class="mdl-typography--title">
          {{ page.title }}
        </h1>
      {% endif %}
    </span>
    <div class="mdl-layout-spacer"></div>
    <nav class="mdl-navigation">
      {% if site.github-project %}
        <div class="mdl-navigation__link">
          <a class="github-icon" href="https://github.com/{{ site.github-project }}"></a>
        </div>
      {% endif %}
    </nav>
    {% if site.search != false %}
      <a href="{{ site.baseurl }}{% link _assets/search.html %}" class="mdl-button mdl-js-button mdl-button--icon">
        <i class="material-icons">search</i>
      </a>
    {% endif %}
  </div>
</header>
