navigation.html

<nav class="navbar">
  <nav class="row">
    <div id="nav">
      <ul class="columns left primary-nav">

	<li id="toggleMenu"><a href="#nav">Menu</a></li>
	<li id="hideMenu"><a href="#toggleMenu">Menu</a></li>
	
	{% for nav in site.data.nav %}
	  {% if nav.subcategories != null %}
	    <li class="dropdown">
              {% if nav.href != null %}
	        <a href="{{ site.github.url }}{{ nav.href }}">{{ nav.title }}</a>
              {% else %}
                <a href="{{ site.github.url }}{{ nav.url }}">{{ nav.title }}</a>
              {% endif %}
		<ul>
		  {% for subcategory in nav.subcategories %}
		    <li><a href="{{ site.github.url }}{{ subcategory.subhref }}">{{ subcategory.subtitle }}</a></li>
		  {% endfor %}
		</ul>
	    </li>
	{% elsif nav.external-subcategories != null %}
	    <li class="dropdown">
	      <a href="{{ site.url }}{{ nav.url }}">{{ nav.title }}</a>
		<ul>
		  {% for subcategory in nav.external-subcategories %}
		    <li><a href="{{ subcategory.subhref }}">{{ subcategory.subtitle }}</a></li>
		  {% endfor %}
		</ul>
	    </li>
		{% elsif nav.title == page.title %}
		  <li class="active"><a href="{{ nav.href }}">{{ nav.title }}</a></li>
		{% else %}
		  {% if nav.href %}
		  <li><a href="{{ site.github.url }}{{ nav.href }}">{{ nav.title }}</a></li>
		    {% elsif nav.external %}
		    <li><a href="{{ nav.external }}">{{ nav.title }}</a></li>
		  {% endif %}
	  {% endif %}
	{% endfor %}
	{% for socials in site.data.socials %}
	  <li><a href="{{ socials.href }}"><span class="icon-{{ socials.title }}" style="vertical-align:baseline"></span></a></li>
	{% endfor %}
      </ul>
    </div>
  </nav>
</nav>