Files
2martens.de/_includes/header.html
Jim Martens aabd2e1c5f Made header menu dynamic
* closes #3
* see #6

Signed-off-by: Jim Martens <github@2martens.de>
2017-12-24 21:51:06 +01:00

48 lines
2.2 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 %}
{% if item.items %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{ item.link }}" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ item.title }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{% for subitem in item.items %}
<a class="dropdown-item" href="{{ subitem.link }}">{{ subitem.title }}</a>
{% endfor %}
</div>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ item.link }}">{{ item.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</nav>
</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>