2martens/2martens.de
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

Made header menu dynamic

Browse Source 
* closes #3
* see #6

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

5
_data/header-menu.yml Normal file
View File

@ -0,0 +1,5 @@
items:
- link: /about/#
title: About
- link: /media
title: Media

27
_includes/header.html
View File

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