{{- /*

  {# ------------------------------------------------------- #}
  {# PARTIAL TEMPLATE: HEADER                                #}
  {# ------------------------------------------------------- #}
  
*/ -}}

<header class="page--header">
  <a href="/"  class="site-branding" title="Back to home page"><h1>{{.Title}}</h1></a>

  <nav class="nav--jump">
    <a href="#nav-primary" class="nav--icon nav--primary-toggle" target=_self title="Primary Navigation"><i class="icon-menu"></i><i class="icon-cancel"></i></a>
  </nav>

  <nav class="nav--sections" id="nav--sections">
    <ul>
      <!-- <li><h4><a href="/">The Blog</a></h4></li> -->
      <li><a href="/categories/interview/">Interviews</a></li>
      <li><a href="/categories/editorial/">Editorials</a></li>
      <li><a href="/categories/humour/">Humour</a></li>
      <li><a href="/categories/review/">Reviews</a></li>
      <li><a href="/categories/how-to/">How-to</a></li>
      <li><a href="/categories/op-ed/">Op-Eds</a></li>
      <li><a href="/categories/news/">News</a></li>
    </ul>
    <ul>
      <li><h4><a href="/scene/companies/">Companies</a></h4></li>
      <li><h4><a href="/scene/people/">People</a></h4></li>
    </ul>
    {{/*
    <ul>
      <!-- <li><h4><a href="http://store.schmopera.com/">The Store</a></h4></li> -->
      <!-- <li><a href="https://www.facebook.com/schmopera/shop/?cid=1703249406614480">Hoodies</a></li>
      <li><a href="https://www.facebook.com/schmopera/shop/?cid=1703249419947812">T-Shirts</a></li> -->
    </ul>
    */}}
    
  </nav>
</header>