--- /dev/null
+{% load paniktags %}
+<div class="mainSub">
+ <div class="wrapper">
+ <nav>
+ <ul class="inline padded">
+ <li><a href="{% url 'listen' %}" class="{% if class != "archives" %}active{% endif %}">
+ <span class="icon-bolt" ></span>
+ <span class="iconLabel">Derniers</span>
+ </a></li>
+ <li><a href="{% url 'listenArchives' %}" class="{% if class == "archives" %}active{% endif %}">
+ <span class="icon-archive" ></span>
+ <span class="iconLabel">Archives</span>
+ </a></li>
+ </ul>
+ </nav>
+ </div>
+</div>
+<div class="wrapper">
+ {% if categories and class != "archives" %}
+ <nav id="gridNav" class="checkable">
+ <ul class="by{{ categories.count }}">
+ {% for category in categories %}
+ <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}">{{ category }}</button></li>
+
+ {% endfor %}
+ </ul>
+ </nav>
+ {% endif %}
+</div>