miom.space/_includes/navigation.njk

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 in navigationItems %}
2024-02-17 14:07:20 +00:00
{% if item.divider %}
<li class="mi-nav--divider" aria-hidden="true"></li>
{% else %}
<li class="mi-nav--item">
<a
class="mi-nav--link"
2024-02-24 12:45:21 +00:00
href="{% if language.urlPrefix %}/{{ language.urlPrefix }}{% endif %}{{ item.link }}"
>{{ item.text[language.slug] }}</a>
2024-02-17 14:07:20 +00:00
</li>
{% endif %}
2024-02-16 18:52:30 +00:00
{% endfor %}
</ul>
2024-02-24 12:45:21 +00:00
<ul class="mi-nav--top">
{% for item in socialLinks %}
<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"{% endif %}
2024-02-24 12:45:21 +00:00
>
<img
src="{{ item.icon }}"
alt="{{ item.text }}"
class="mi-nav--top-item-icon"
inline
/>
</a>
</li>
{% endfor %}
<li class="mi-nav--top-item">
<a
href="{% if otherLang.urlPrefix %}/{{ otherLang.urlPrefix }}{% endif %}{{ baseURL }}"
class="mi-nav--top-item-link"
>{{ otherLang.slug }}</a>
</li>
</ul>
2024-02-16 18:52:30 +00:00
</nav>