|
|
|
|
|
|
|
|
{% capture logo_path %}{{ site.logo }}{% endcapture %} |
|
|
|
|
|
<div class="masthead"> |
|
|
<div class="masthead__inner-wrap"> |
|
|
<div class="masthead__menu"> |
|
|
<nav id="site-nav" class="greedy-nav"> |
|
|
{% unless logo_path == empty %} |
|
|
<a class="site-logo" href="{{ '/' }}"><img src="{{ logo_path | relative_url }}" |
|
|
alt="{{ site.masthead_title | default: site.title }}"></a> |
|
|
{% endunless %} |
|
|
<a class="site-title" href="{{ '/' }}"> |
|
|
{{ site.masthead_title | default: site.title }} |
|
|
{% if site.subtitle %}<span class="site-subtitle">{{ site.subtitle }}</span>{% endif %} |
|
|
</a> |
|
|
<ul class="visible-links"> |
|
|
{% if site.dark_theme_css %} |
|
|
<li class="masthead__menu-item"> |
|
|
<a onclick="changeTheme()"><i class="fas fa-fw fa-sun"></i></a> |
|
|
</li> |
|
|
{% endif %} |
|
|
|
|
|
{%- for link in site.data.navigation.main -%} |
|
|
|
|
|
<li class="masthead__menu-item"> |
|
|
<a href="{{ link.url | relative_url }}" {% if link.description %} title="{{ link.description }}" {% endif |
|
|
%}>{{ link.title }}</a> |
|
|
</li> |
|
|
{%- endfor -%} |
|
|
|
|
|
</ul> |
|
|
{% if site.search == true %} |
|
|
<button class="search__toggle" type="button"> |
|
|
<span class="visually-hidden">{{ site.data.ui-text[site.locale].search_label | default: "Toggle search" |
|
|
}}</span> |
|
|
<i class="fas fa-search search-button"></i> |
|
|
</button> |
|
|
{% endif %} |
|
|
<button class="greedy-nav__toggle hidden" type="button"> |
|
|
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle menu" }}</span> |
|
|
<div class="navicon"></div> |
|
|
</button> |
|
|
<ul class="hidden-links hidden"></ul> |
|
|
</nav> |
|
|
</div> |
|
|
</div> |
|
|
</div> |