<!– navigation unique to blog pages with url /slow-blog/* –>

<div class=“blog-nav-container”>

<button class="dropbtn" onclick="displayItem('dropdown{{ category_name | upcase | remove: ' ' }}')">Categories
  <i class="fa fa-caret-down"></i>
</button>

<div class="dropdown-content display-none" id="dropdown{{ category_name | upcase | remove: ' ' }}">
  <ul class="blog-nav center-text">
  <li class="blog-nav-link {% if page.url == '/slow-blog/' %} blog-nav-link-active {% endif %}"><a href="{{ site.baseurl }}/slow-blog/" onclick="displayItem('dropdown{{ category_name | upcase | remove: ' ' }}')">
  SLOW BLOG
  </a></li>
  {% assign p = site.categories | sort  %}
  {% for category in p %}
  <li class="blog-nav-link {% if category[0] == category_name or category[0] == page.categories[0] %} blog-nav-link-active {% endif %}"><a href="{{ site.baseurl }}/slow-blog/categories/#{{ category[0] | slugify }}" onclick="displayItem('dropdown{{ category_name | upcase | remove: ' ' }}')">
  {{ category[0] | upcase }}
  </a></li>
  {% endfor %}
  </ul>
</div>

</div>