<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>
|