<header class=“site-header” role=“banner”>
<div class=“wrapper”>
<nav class=“navbar navbar-inverse navbar-fixed-top”>
<div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">{{site.shorttitle}}</a> </div> {% assign site_categories = site.posts | map: 'categories' | compact | uniq %} <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> {%- for category in site_categories %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ category }}</a> {%- assign subposts = site.posts | where: "categories", category %} <ul class="dropdown-menu"> {%- for post in subposts %} <li><a href="{{ post.url }}">{{ post.title }}</a></li> {%- endfor %} </ul> </li> {%- endfor %} {% for page in site.pages | compact %} {%- if page.title != nil -%} <li><a href="{{page.url}}">{{page.title}}</a></li> {%- endif -%} {% endfor %} </ul> </div><!--/.navbar-collapse --> </div>
</nav>
</div> </header>