<style>
  #fmogr {
    @include media-query($on-desktop) {
      display: none;
    }
    position: fixed;
    top:0;
    right:0;
    z-index: 99999;
  }
  #custom-logo {
    height: 32px;
    width: 32px;
    vertical-align: text-bottom;
  }
  #custom-title {
    margin-left: 8px;
  }
</style>

<a id="fmogr" href="https://github.com/dagargo/elektroid">
  <img decoding="async" loading="lazy" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1">
</a>

<header class="site-header">

  <div class="wrapper">
    {%- assign default_paths = site.pages | sort: 'order' | map: "path" -%}
    {%- assign page_paths = site.minima.nav_pages | default: default_paths -%}
    {%- assign page_titles = site.pages | map: 'title' | compact %}
    <a class="site-title" rel="author" href="{{ '/' | relative_url }}"><img id="custom-logo" src="{{ "/images/logo.png" | relative_url }}"><span id="custom-title">{{ site.title | escape }}</span></a>

    {%- unless page_titles == empty %}
      <nav class="site-nav">
        <input type="checkbox" id="nav-trigger" />
        <label for="nav-trigger">
          <span class="menu-icon"></span>
        </label>

        {% include nav-items.html paths = page_paths %}
      </nav>
    {%- endunless %}
  </div>
</header>
