miom.space/_includes/navigation.vto

48 lines
1.3 KiB
Plaintext
Raw Normal View History

2024-02-16 18:52:30 +00:00
<nav class="mi-nav" id="nav">
2024-02-17 14:07:20 +00:00
<button
type="button"
2024-02-16 18:52:30 +00:00
class="mi-nav--toggle"
2024-02-17 14:07:20 +00:00
onclick="document.getElementById('nav').classList.toggle('mi-nav_open')"
>_menu</button>
2024-02-16 18:52:30 +00:00
<ul class="mi-nav--list">
{{ for item of navigationItems }}
{{ if item.divider }}
2024-02-17 14:07:20 +00:00
<li class="mi-nav--divider" aria-hidden="true"></li>
{{ else }}
2024-02-17 14:07:20 +00:00
<li class="mi-nav--item">
<a
class="mi-nav--link {{ if item.slight }}mi-nav--link_slight{{ /if }}"
href="{{ if language.urlPrefix }}/{{ language.urlPrefix }}{{ /if }}{{ item.link }}"
2024-02-24 12:45:21 +00:00
>{{ item.text[language.slug] }}</a>
2024-02-17 14:07:20 +00:00
</li>
{{ /if }}
{{ /for }}
2024-02-16 18:52:30 +00:00
</ul>
2024-02-24 12:45:21 +00:00
<ul class="mi-nav--top">
{{ for item of socialLinks }}
2024-02-24 12:45:21 +00:00
<li class="mi-nav--top-item">
<a
class="mi-nav--top-item-link mi-nav--top-item-link_icon-only"
href="{{ item.link }}"
{{ if item.me }}rel="me"{{ /if }}
2024-02-24 12:45:21 +00:00
>
<img
src="{{ item.icon }}"
alt="{{ item.text }}"
class="mi-nav--top-item-icon"
inline
/>
</a>
</li>
{{ /for }}
2024-02-24 12:45:21 +00:00
<li class="mi-nav--top-item">
<a
href="{{ if otherLang.urlPrefix }}/{{ otherLang.urlPrefix }}{{ /if }}{{ baseURL }}"
2024-02-24 12:45:21 +00:00
class="mi-nav--top-item-link"
>{{ otherLang.slug }}</a>
</li>
</ul>
2024-02-16 18:52:30 +00:00
</nav>