Blob Blame Raw
<div class="uk-navbar-container">
  <div class="uk-container">
    <nav data-uk-navbar>
      <div class="uk-navbar-left uk-visible@m">
        <a href="/" class="uk-navbar-item uk-logo lapwing">{{ site_name }}</a>
      </div>
      <div class="uk-navbar-left uk-hidden@m">
        <a href="#mobilemenu" class="uk-navbar-item" data-uk-toggle>
          <i class="fa fa-bars"></i>
        </a>
      </div>
      <div class="uk-navbar-center uk-hidden@m">
        <a href="/" class="uk-navbar-item uk-logo lapwing">
          {{ site_name }}
        </a>
      </div>

      <div class="uk-navbar-right uk-visible@m">
        <ul class="uk-navbar-nav">
        {% for text, link in menu %}
          <li>
            <a href="{{ link }}">{{ text }}</a>
          </li>
        {% endfor %}
        </ul>
      </div>
    </nav>
  </div>
</div>

<div id="mobilemenu" data-uk-offcanvas>
  <div class="uk-offcanvas-bar">
    <button class="uk-offcanvas-close" type="button" data-uk-close></button>
    <ul class="uk-nav-default uk-nav-parent-icon" data-uk-nav>
      <li class="uk-nav-header">{{ site_name }}</li>

      {% for text, link in menu %}
        <li>
          <a href="{{ link }}">{{ text }}</a>
        </li>
      {% endfor %}
    </ul>
  </div>
</div>