Made header menu dynamic

* closes #3
* see #6

Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
2017-12-24 21:51:06 +01:00
parent c8cdb272b6
commit aabd2e1c5f
2 changed files with 24 additions and 20 deletions

View File

@ -14,26 +14,25 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{ '/about' | prepend: site.baseurl }}">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ '/media' | prepend: site.baseurl }}">Media</a>
</li>
{% comment %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
{% endcomment %}
{% 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>