{% assign pages = site.data.nav.pages %}
<button type=“button”
class="navbar__toggle hidden-md hidden-lg" id="navbar-toggle"> <span class="navbar__icon" id="navbar-icon"> <span class="navbar__icon-bar navbar__icon-bar--top"></span> <span class="navbar__icon-bar navbar__icon-bar--middle"></span> <span class="navbar__icon-bar navbar__icon-bar--bottom"></span> </span> <span class="navbar__title">{{site.data.nav.title}}</span>
</button>
<ul class=“navbar__entries”
id="navbar-entries"> <span class="navbar__title hidden-xs hidden-sm">{{site.data.nav.title}}</span> {% for navEntry in pages %} <li class="navbar__entry"> <a class="navbar__link navbar__link--lvl-1" href="{{site.baseurl}}{{navEntry.url}}"> {% if navEntry.subnav[0] %} {% if navEntry.url == page.url %} <i class="navbar__link-chevron navbar__link-chevron--active oui-icon oui-icon-chevron-right" aria-hidden="true"></i> {% else %} <i class="navbar__link-chevron oui-icon oui-icon-chevron-right" aria-hidden="true"></i> {% endif %} {% endif %} {% if navEntry.url == page.url %} <span class="navbar__link-active">{{navEntry.name}}</span> <span class="navbar__link-active-icon"></span> {% else %} <span>{{navEntry.name}}</span> {% endif %} </a> {% if navEntry.subnav[0] %} <ul class="navbar__subentries {% if navEntry.url == page.url %}navbar__subentries--active{% endif %}"> {% for subentry in navEntry.subnav %} <li class="navbar__entry"> <a class="navbar__link navbar__link--lvl-2" href="{{site.baseurl}}{{subentry.url}}"> {{subentry.name}} </a> </li> {% endfor %} </ul> {% endif %} </li> {% endfor %}
</ul>