2020-05-07 19:38:38 +02:00

78 lines
2.3 KiB
Twig

<nav class="white"
role="navigation">
<div class="nav-wrapper{% if not config.theme_config.widescreen %} container{% endif %}">
<a id="logo-container"
href="{{ "index"|link }}"
class="brand-logo">
<img src="{{ assets_url }}/logo.svg "
alt="Logo"
height="64"
width="64" />
</a>
<a data-target="slide-out"
class="sidenav-trigger"><i class="material-icons">menu</i></a>
{% block navigation %}
<ul class="right hide-on-med-and-down">
{% for page in pages("index") if not page.hidden %}
{% if pages(page.id) | length < 1 %}
<li>
<a class=""
href="{{ page.url }}"
tabindex="0">{{ page.title }}</a>
</li>
{% else %}
<li>
<a class="dropdown-trigger"
data-target="dropdown_{{ page.id }}"
tabindex="0">{{ page.title }}<i class="material-icons left">arrow_drop_down</i></a>
<ul class="dropdown-content"
id="dropdown_{{ page.id }}">
{% for subpage in pages(page.id) %}
<li>
<a class=""
href="{{ subpage.url }}"
tabindex="0">{{ subpage.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endblock %}
</div>
</nav>
<ul id="slide-out"
class="sidenav collapsible">
{% block sideNavigation %}
{% for page in pages("index") if not page.hidden %}
{% if pages(page.id) | length < 1 %}
<li>
<a class="waves-effect"
href="{{ page.url }}"
tabindex="0">{{ page.title }}</a>
{% else %}
<li>
<a class="collapsible-header waves-effect"
data-target="collapse_{{page.id}}">{{ page.title }}<i class="material-icons right">arrow_drop_down</i></a>
<div class="collapsible-body"
id="collapse_{{page.id}}">
<ul>
{% for subpage in pages(page.id) %}
<li>
<a class="waves-effect"
href="{{ subpage.url }}">{{ subpage.title }}</a>
</li>
{% endfor %}
</ul>
</li>
{% endif %}
</li>
{% endfor %}
{% endblock %}
</ul>