70 lines
3.1 KiB
HTML
70 lines
3.1 KiB
HTML
<header class="site-header">
|
|
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="{{ site.baseurl }}/">
|
|
<img src="/assets/images/2martensIco.svg" width="30" height="30" class="d-inline-block align-top"
|
|
alt="">
|
|
{{ site.title }}
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
|
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav mr-auto">
|
|
{% for item in site.data.header-menu.items %}
|
|
<li class="nav-item">
|
|
<a class="nav-link{% if item.link == page.url %} active{% endif %}" href="{{ item.link }}">
|
|
{{ item.title }}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{% for item in site.data.header-menu.items %}
|
|
{% if item.items %}
|
|
{% if page.url == item.link %}
|
|
{% assign showSubmenu = true %}
|
|
{% elsif page.parent_link == item.link %}
|
|
{% assign showSubmenu = true %}
|
|
{% else %}
|
|
{% assign showSubmenu = false %}
|
|
{% endif %}
|
|
{% if showSubmenu %}
|
|
<nav id="submenuNavbar" class="navbar navbar-expand-lg navbar-light fixed-top">
|
|
<div class="container">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
|
data-target="#subnavbarSupportedContent" aria-controls="subnavbarSupportedContent"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="subnavbarSupportedContent">
|
|
<ul class="navbar-nav mr-auto">
|
|
{% for subitem in item.items %}
|
|
<li class="nav-item">
|
|
<a class="nav-link{% if subitem.link == page.url %} active{% endif %}"
|
|
href="{{ subitem.link }}">{{ subitem.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
</header>
|
|
|
|
<div class="container my-3">
|
|
{% comment %}notification area {% endcomment %}
|
|
<div class="alert alert-primary" role="alert">
|
|
This is a primary alert—check it out!
|
|
</div>
|
|
</div>
|