<!-- Navigation --> <div id="logo" class="logo"> <a href="/"><img width="100em" src="{{ site.icon }}" alt="{{ site.title }} Logo" /></a> <a href="#navbar" onclick="blurBody()" alt="Navigation Menu" title="Navigation Menu"><span class="icon solid fa-bars navmenu"></span></a> </div> <div id="navbar" style="display: block;" 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 close" style="margin: 0 auto;">X</a> <ul> {% if page.url != '/' %} <li><a href="{{ relBase }}/" class="button smaller">{{ site.data.translations[page.lang].home }}</a></li> {% endif %} {% for entry in site.data.navigation %} {% if entry.external_site == false %} <li><a href="{{ relBase }}{{ entry.url }}" class="button smaller">{{ entry.name }}</a></li> {% else %} <li><a href="{{ entry.url }}" target="_blank" rel="noopener" class="button smaller">{{ entry.name }}</a></li> {% endif %} {% endfor %} </ul> </nav> </div> <!-- End Navigation -->