publikator-boombox/_includes/navigation.html
2020-10-21 17:04:07 +02:00

33 lines
1.3 KiB
HTML

<!-- Navigation -->
<div id="sticky" class="logo{% if page.collection == 'tracks' %} sticky{% endif %}">
<a id="logo" {% if page.url != '/' %}href="/"{% else %}href="#top"{% endif %}><img height="40px" src="{{ site.logo }}" alt="{{ site.title }} Logo" /></a>
<a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span
class="fas fa-bars navmenu"></span></a>
</div>
<div id="navbar" class="modalDialog">
<a href="#close" onclick="removeBlur()" alt="Close Menu" title="Close Menu">
<div id="closearea"> </div>
</a>
<nav>
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul>
{% if page.url != '/' %}
<li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">🏡 Home</a></li>
{% endif %}
{% for entry in site.data.navigation %}
{% if entry.external_site == false %}
<li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
{% else %}
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</nav>
</div>
<!-- End Navigation -->