42 lines
1 KiB
Text
42 lines
1 KiB
Text
<!-- https://web.dev/website-navigation/ -->
|
|
|
|
<nav id="mainnav" class="navbar">
|
|
<ul>
|
|
{% for item in navigation.items %}
|
|
<li>
|
|
<a
|
|
class="nav"
|
|
href="{{ item.url }}"
|
|
{{
|
|
helpers.getLinkActiveState(item.url,
|
|
page.url)
|
|
|
|
|
safe
|
|
}}
|
|
>{{ item.text }}</a
|
|
>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- template element holding a button that needs to be injected when JavaScript is finally available. Source: https://web.dev/website-navigation/ -->
|
|
|
|
<template id="burger-template">
|
|
<button
|
|
type="button"
|
|
aria-expanded="false"
|
|
aria-label="Menu"
|
|
aria-controls="mainnav"
|
|
class=""
|
|
>
|
|
<span>Menu</span>
|
|
<svg width="24" height="24" aria-hidden="true">
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</template>
|