<header>
  {% assign url = site.baseurl | append: "/content-docs/images/gtk-raku.png" %}
  <div>
    <img src="{{ url }}" width="80" height="80" />
    <strong class="XL-h1-size">{{ site.description }}</strong>
  </div>

  {% for entry in site.data[page.nav_menu].nav_menus %}
    <nav>
      {% for item in entry.nav_pages %}

        {% assign classstr = "" %}
        {% if item.url == page.url %}
          {% assign classstr = "active" %}
        {% else %}
          {% assign classstr = "inactive" %}
        {% endif %}

        {% if item.right == true %}
          {% assign classstr = classstr | append: " float-right" %}
        {% endif %}

        {% if item.url != page.url %}
          <a class="{{ classstr }} header-menu"
             href="{{ item.url | prepend: site.baseurl }}">{{ item.title }}</a>
        {% else %}
          <a class="{{ classstr }} header-menu">{{ item.title }}</a>
        {% endif %}
      {% endfor %}

    </nav>
  {% endfor %}

  <hr />
</header>
