59 lines
3.1 KiB
HTML
59 lines
3.1 KiB
HTML
{% if site.logo contains "://" %}
|
|
{% capture logo_path %}{{ site.logo }}{% endcapture %}
|
|
{% else %}
|
|
{% capture logo_path %}{{ site.logo }}{% endcapture %}
|
|
{% endif %}
|
|
|
|
<div class="masthead">
|
|
<div class="masthead__inner-wrap">
|
|
<div class="masthead__menu">
|
|
<nav id="site-nav" class="navbar">
|
|
<div class="navbar-header">
|
|
{% unless logo_path == empty %}
|
|
<a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt=""></a>
|
|
{% endunless %}
|
|
<a class="site-title" href="{{ '/' | relative_url }}">{{ site.masthead_title | default: site.title }}</a>
|
|
</div>
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#masthead-navbar-collapse" aria-expanded="false">
|
|
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle menu" }}</span>
|
|
<div class="navicon"></div>
|
|
</button>
|
|
{% 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>
|
|
<svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16">
|
|
<path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path>
|
|
</svg>
|
|
</button>
|
|
{% endif %}
|
|
<div id="masthead-navbar-collapse" class="collapse navbar-collapse">
|
|
<ul class="navbar-nav">
|
|
{%- for link in site.data.navigation.main -%}
|
|
{%- if link.url contains '://' -%}
|
|
{%- assign url = link.url -%}
|
|
{%- else -%}
|
|
{%- assign url = link.url | relative_url -%}
|
|
{%- endif -%}
|
|
<li class="{% if link.children != null %}dropdown{% endif %}">
|
|
<a href="{{ url }}" {% if link.description %}title="{{ link.description }}"{% endif %} {% if link.children != null %}class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"{% endif %}>{{ link.title }} {% if link.children != null %}<i class="fas fa-angle-down"></i>{% endif %}</a>
|
|
{% if link.children != null %}
|
|
<ul class="dropdown-menu">
|
|
{% for child in link.children %}
|
|
{% if child.url contains "://" %}
|
|
{% assign child_url = child.url %}
|
|
{% else %}
|
|
{% assign child_url = child.url | relative_url %}
|
|
{% endif %}
|
|
<li><a href="{{ child_url }}" class="{{ active }}">{{ child.title }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</li>
|
|
{%- endfor -%}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|