--- /dev/null
+{% load i18n %}
+<nav class="contextual-menu">
+ <ul>
+ <li class="{% if sectionName == "Home" %}active{% endif %}"><a href="{% url 'home' %}">
+ <span class="nav-icon icon-home resymbol"></span>
+ <span class="iconLabel">{% trans 'Home' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "News" %}active{% endif %}"><a title="Actualité des émissions et programmes" href="{% url 'news' %}">
+ <span class="nav-icon icon-bullhorn resymbol" ></span>
+ <span class="iconLabel">{% trans 'News' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "Listen" %}active{% endif %}"><a title="Derniers contenus écoutables publiés" href="{% url 'listen' %}">
+ <span class="nav-icon icon-headphones resymbol" ></span>
+ <span class="iconLabel">{% trans 'Sounds' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "Topiks" %}active{% endif %}"><a href="/topiks/">
+ <span class="nav-icon icon-bolt" ></span>
+ <span class="iconLabel">Topiks</span>
+ </a></li>
+ <li class="{% if sectionName == "Emissions" %}active{% endif %}"><a title="Les émissions, le programme de la semaine, la grille" href="{% url 'grid' %}">
+ <span class="nav-icon icon-calendar resymbol" ></span>
+ <span class="iconLabel">{% trans 'Program' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "About" %}active{% endif %}"><a title="Qui sommes-nous, les groupes, la charte…" href="/la-radio/">
+ <span class="nav-icon icon-info-sign" ></span>
+ <span class="iconLabel">{% trans 'About' %}</span>
+ </a></li>
+ <li id="nav-language">
+ <span data-lang="fr" {% if LANGUAGE_CODE == 'fr' %}class="lang-on"{% endif %}>FR</span>
+ /
+ <span data-lang="en"{% if LANGUAGE_CODE == 'en' %}class="lang-on"{% endif %}>EN</span>
+ </li>
+ <li id="nav-search" class="{% if sectionName == "Search" %}active{% endif %}"><a href="{% url 'search' %}">
+ <span class="nav-icon icon-search resymbol" ></span>
+ </a>
+ <form action="{% url 'search' %}"><input placeholder="{% trans 'Search' %}" name="q" type="search"></form>
+ </li>
+
+ </ul>
+</nav>