+{% load i18n %}
<div class="mainSub">
- <div class="wrapper">
+ <div>
<nav>
<ul class="inline padded">
- <li><a href="{% url 'grid' %}" class="{% if class = "grid" %}active{% endif %}">
- <span class="icon-th-large" ></span>
- <span class="iconLabel">La grille</span>
+ <li><a href="{% url 'grid' %}" class="{% if class == "grid" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'Grid' %}</span>
</a></li>
- <li><a href="{% url 'program' %}" class="{% if class = "program" %}active{% endif %}">
- <span class="icon-calendar" ></span>
- <span class="iconLabel">Par semaine</span>
+ <li><a href="{% url 'program' %}" class="{% if class == "program" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'By Week' %}</span>
</a></li>
<li><a href="{% url 'emissions' %}" class="{% if class != "program" and class != "grid" and class != "archives" %}active{% endif %}">
- <span class="icon-microphone" ></span>
- <span class="iconLabel">Émissions</span>
+ <span class="iconLabel">{% trans 'Emissions' %}</span>
</a></li>
- <li><a href="{% url 'emissionsArchives' %}" class="{% if class = "archives" %}active{% endif %}">
- <span class="icon-archive" ></span>
- <span class="iconLabel">Archives</span>
+ <li><a href="{% url 'emissionsArchives' %}" class="{% if class == "archives" %}active{% endif %}">
+ <span class="iconLabel">{% trans 'Archives' %}</span>
</a></li>
</ul>
</nav>
</div>
</div>
{% if categories %}
-<div class="wrapper">
+<div>
<nav id="gridNav" class="checkable">
<ul class="by{{ categories.count }}">
- {% if class = "emissions" or class = "archives" %}
- <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".nocat"><span class="category">?</span></button></li>
- {% endif %}
{% for category in categories %}
- {% if class = "grid" %}
- <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}"><span class="category">{{ category }}</span><!-- <span class="icon-{{category|slugify}}"></span>--></button></li>
+ {% if class == "grid" %}
+ <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
{% else %}
- <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span><!-- <span class="icon-{{category|slugify}}"></span>--></button></li>
+ <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span></button></li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
{% if emission %}
-<div class="wrapper">
- <header class="mainHeader">
- <h2 class="squashed title">
+<div class="navigation">
+ <header class="mainHeader marged cf">
+ <div class="leftPart">
+ <h2 class="squashed title bg-title">
<a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a>
</h2>
- {% if emission.subtitle %}<h4 class="squashed title">{{ emission.subtitle }}</h4>{% endif %}
{% if emission.categories %}
<div class="categories">
{% for category in emission.categories.all %}
- <a href="{% url 'emissions' %}?q={{category.slug}}"><!--<span class="icon-{{category|slugify}}"></span> --><span class="category">{{category}}</span></a>
+ <a href="{% url 'emissions' %}?q={{category.slug}}"><span class="category">{{category}}</span></a>
{% endfor%}
</div>
{% endif %}
- </header>
+ </div>
+ </header>
</div>
{% endif %}