miom.space/_includes/navigation.vto
Benjamin Yule Bädorf 98bd6ea34f
All checks were successful
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is passing
design: more fixes
* Make menu and language toggle bold
* Make main navigation items bold
* Add Euro-sign € to rent price
* Fix overflow issue for long words on small screens
2024-04-15 11:28:54 +02:00

48 lines
1.3 KiB
Plaintext

<nav class="mi-nav" id="nav">
<button
type="button"
class="mi-nav--toggle"
onclick="document.getElementById('nav').classList.toggle('mi-nav_open')"
>_menu</button>
<ul class="mi-nav--list">
{{ for item of navigationItems }}
{{ if item.divider }}
<li class="mi-nav--divider" aria-hidden="true"></li>
{{ else }}
<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 }}"
>{{ item.text[language.slug] }}</a>
</li>
{{ /if }}
{{ /for }}
</ul>
<ul class="mi-nav--top">
{{ for item of 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"{{ /if }}
>
<img
src="{{ item.icon }}"
alt="{{ item.text }}"
class="mi-nav--top-item-icon"
inline
/>
</a>
</li>
{{ /for }}
<li class="mi-nav--top-item">
<a
href="{{ if otherLang.urlPrefix }}/{{ otherLang.urlPrefix }}{{ /if }}{{ baseURL }}"
class="mi-nav--top-item-link"
>{{ otherLang.slug }}</a>
</li>
</ul>
</nav>