partials/navigation.hbs

   1 <!-- start nav -->
   2 {{#if isSecondary}}
   3     <!-- start secondary -->
   4     {{#foreach navigation}}
   5         <li class="nav-{{slug}}" role="menuitem">
   6             <a href="{{url}}"><span class="icon">
   7                 <svg class="icon" width="16" height="16" role="img" aria-label="{{slug}} icon">
   8                     <title>{{slug}}</title>
   9                     <use xlink:href="#{{slug}}"></use>
  10                 </svg>
  11                 </span>
  12             </a>
  13         </li>
  14     {{/foreach}}
  15     <!-- end secondary -->
  16 {{else}}
  17     <!-- start primary -->
  18     <nav id="menu">
  19         <header class="major">
  20             <h2>Menu</h2>
  21         </header>
  22         <ul class="links">
  23             {{#foreach navigation}}
  24             <li class="nav-{{slug}} {{#if current}}active{{/if}}"><a href="{{url absolute="true"}}"><span class="word">{{label}}</span></a></li>
  25             {{/foreach}}
  26         </ul>
  27     </nav>
  28     <!-- end primary -->
  29 {{/if}}
  30 <!-- end nav -->