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

39
_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 dropdown">
<li class="nav-item"> <a class="nav-link dropdown-toggle" href="{{ item.link }}" id="navbarDropdown" role="button"
<a class="nav-link" href="{{ '/media' | prepend: site.baseurl }}">Media</a> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</li> {{ item.title }}
{% comment %} </a>
<li class="nav-item dropdown"> <div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" {% for subitem in item.items %}
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="dropdown-item" href="{{ subitem.link }}">{{ subitem.title }}</a>
Dropdown {% endfor %}
</a> </div>
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> </li>
<a class="dropdown-item" href="#">Action</a> {% else %}
<a class="dropdown-item" href="#">Another action</a> <li class="nav-item">
<div class="dropdown-divider"></div> <a class="nav-link" href="{{ item.link }}">{{ item.title }}</a>
<a class="dropdown-item" href="#">Something else here</a> </li>
</div> {% endif %}
</li> {% endfor %}
{% endcomment %}
</ul> </ul>
</div> </div>
</div> </div>