<!-- The page title -->
<nav class="top-nav">
  <div class="container">
    <div class="nav-wrapper">
      <a class="page-title">
        {% if page.url == "/" %}{{ site.title }}{% else %}{{ page.title }}{% endif %}
      </a>
    </div>
  </div>
</nav>

<div class="container">
  <a href="#" data-activates="kwarc-nav" class="button-collapse top-nav full hide-on-large-only">
    <i class="material-icons">menu</i>
  </a>
</div>

<!-- The menu -->
<ul id="kwarc-nav" class="side-nav fixed">
  <li>
    <div class="userView">
      <a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/public/kwarc_logo.svg" width="180px" height="180px"></a>
    </div>
  </li>
  
  {% for item in site.menu | sort:"menu_order" %}
    {% if (item.folder or item.items) %}
      {% include menu_sub.html %}
    {% else %}
      {% include menu_single.html %}
    {% endif %}
  {% endfor %}
</li>
</ul>