Add activ link for current page

This commit is contained in:
Guillaume Ayoub 2017-09-22 15:44:32 +02:00
parent 086260da43
commit 5a7fd416c7
3 changed files with 26 additions and 7 deletions

View File

@ -74,6 +74,9 @@ nav
padding: 1em
text-decoration: none
.active a
color: $action-secondary
main
flex-grow: 1
margin: 1em auto 0

View File

@ -64,6 +64,8 @@ nav {
font-weight: 600;
padding: 1em;
text-decoration: none; }
nav ul .active a {
color: #ffcd05; }
main {
flex-grow: 1;

View File

@ -12,13 +12,27 @@
</header>
<nav>
<ul>
<li><a href="{{ url_for('pages') }}">Accueil</a></li>
<li><a href="{{ url_for('rest', name='a-propos') }}">Qui sommes-nous ?</a></li>
<li><a href="{{ url_for('feed', name='planet') }}">Actualités</a></li>
<li><a href="{{ url_for('feed', name='emplois') }}">Offres d'emplois</a></li>
<li><a href="{{ url_for('pages', name='communaute') }}">Communauté</a></li>
<li><a href="{{ url_for('pages', name='clavardage') }}">Clavardage</a></li>
<li><a href="{{ url_for('pages', name='adhesions') }}">Adhésions</a></li>
<li{% if body_id == 'index' %} class="active"{% endif %}>
<a href="{{ url_for('pages') }}">Accueil</a>
</li>
<li{% if body_id == 'a-propos' %} class="active"{% endif %}>
<a href="{{ url_for('rest', name='a-propos') }}">Qui sommes-nous ?</a>
</li>
<li{% if body_id == 'planet' %} class="active"{% endif %}>
<a href="{{ url_for('feed', name='planet') }}">Actualités</a>
</li>
<li{% if body_id == 'emplois' %} class="active"{% endif %}>
<a href="{{ url_for('feed', name='emplois') }}">Offres d'emplois</a>
</li>
<li{% if body_id == 'communaute' %} class="active"{% endif %}>
<a href="{{ url_for('pages', name='communaute') }}">Communauté</a>
</li>
<li{% if body_id == 'clavardage' %} class="active"{% endif %}>
<a href="{{ url_for('pages', name='clavardage') }}">Clavardage</a>
</li>
<li{% if body_id == 'adhesions' %} class="active"{% endif %}>
<a href="{{ url_for('pages', name='adhesions') }}">Adhésions</a>
</li>
</ul>
</nav>
<main>