33 lines
1.3 KiB
HTML
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 -->
|