<!-- This is extracted directly from https://github.com/rohanchandra/type-theme/blob/c6ec5a69ff7dfe2df193be08515193c72bd4a55d/_includes/header.html
for customization (DocSearch feature) -->
<header class="site-header">
  <div class="branding">
    {% if site.theme_settings.gravatar %}
    <a href="{{ site.baseurl }}/">
      <img class="avatar" src="https://secure.gravatar.com/avatar/{{ site.theme_settings.gravatar }}?s=100" alt=""/>
    </a>
    {% elsif site.theme_settings.avatar %}
    <a href="{{ site.baseurl }}/">
      <img class="avatar" src="{{ site.baseurl }}/{{ site.theme_settings.avatar }}" alt=""/>
    </a>
    {% endif %}
    <h1 class="site-title">
      <a href="{{ site.baseurl }}/">{{ site.theme_settings.title }}</a>
    </h1>
  </div>
  <nav class="site-nav">
    <ul>
      {% if site.theme_settings.site_navigation_sort %}
        {% assign site_pages = site.pages | sort: site.theme_settings.site_navigation_sort %}
      {% else %}
        {% assign site_pages = site.pages %}
      {% endif %}
      {% for page in site_pages %}
      {% if page.title and page.hide != true %}
      <li>
        <a class="page-link" href="{{ page.url | relative_url }}">
          {{ page.title }}
        </a>
      </li>
      {% endif %}
      {% endfor %}
      <!-- Social icons from Font Awesome, if enabled  -->
      {% include icons.html %}

      <!-- Search bar -->
      {% if site.theme_settings.search %}
      <li>
      <form action="{{ site.baseurl }}/search.html" method="get">
          <input type="text" id="search-box" name="query" placeholder="Search" class="">
          <button type="submit" class="">
              <i class="fa fa-fw fa-search"></i>
          </button>
      </form>
      </li>
      {% endif %}
      <li>
        <form id="search-form">
          <input type="text" id="search-box" placeholder="Search">
          <button type="submit">
              <i class="fa fa-fw fa-search"></i>
          </button>
        </form>
      </li>
    </ul>
  </nav>

</header>
