Add font awesome css library and add icons in menu

coin/members/templates/members/detail.html

@@ -47,7 +47,8 @@
             </p>
             <p>Date de fin de cotisation : {{ user.end_date_of_membership }}</p>
 
-            <a href="https://www.illyse.org/documents/22" target="_blank" class="button small radius expand {% if not user.is_paid_up %}alert{% endif %}">Renouveler ma cotisation</a>
+            <a href="https://www.illyse.org/documents/22" target="_blank" class="button small radius expand"><i class="fa fa-heart"></i>
+ Renouveler ma cotisation</a>
         </div>
         <!--<div class="pa nel">
             <h3>Infos additionnelles</h3>

coin/members/templates/members/registration/login.html

@@ -45,7 +45,8 @@
         <div class="panel callout" id="newcomers">
             <h3>Nouvel adhérent ?</h3>
             <p>Pour votre première connexion, il faut définir votre mot de passe.<br />
-            <a href="{% url 'members:password_reset' %}">▶ Initialiser mon mot de passe</a></p>
+            <a href="{% url 'members:password_reset' %}"><i class="fa fa-arrow-right"></i>
+ Initialiser mon mot de passe</a></p>
         </div>
     </div>
 

coin/templates/base.html

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{% block title %}COIN - Illyse SI{% endblock %}</title>
     <link rel="stylesheet" href="{% static "css/foundation.css"%}" />
+    <link rel="stylesheet" href="{% static "css/font-awesome.min.css"%}" />
     <link rel="stylesheet" href="{% static "css/illyse.css" %}" />
     <link rel="stylesheet" href="{% static "css/offcanvas.css" %}">
     <script src="{% static "js/vendor/modernizr.js" %}"></script>

coin/templates/menu_items.html

@@ -1,11 +1,11 @@
 {% load activelink %}
-<li class="{% ifactive 'home' %}active{% endifactive %}"><a href="{% url 'home' %}">Tableau de bord</a></li>
-<li class="{% ifactive 'members:detail' %}active{% endifactive %}"><a href="{% url 'members:detail' %}">Mes informations personnelles</a></li>
-<li class="{% ifactive 'members:subscriptions' %}active{% endifactive %}"><a href="{% url 'members:subscriptions' %}">Mes abonnements</a></li>
-<li class="{% ifactive 'members:invoices' %}active{% endifactive %}"><a href="{% url 'members:invoices' %}">Mes factures</a></li>
-<li class="{% ifactive '' %}active{% endifactive %}"><a href="/members/contact/">Contact / Support</a></li>
+<li class="{% ifactive 'home' %}active{% endifactive %}"><a href="{% url 'home' %}"><i class="fa fa-home fa-fw"></i> Tableau de bord</a></li>
+<li class="{% ifactive 'members:detail' %}active{% endifactive %}"><a href="{% url 'members:detail' %}"><i class="fa fa-user fa-fw"></i> Mes informations</a></li>
+<li class="{% ifactive 'members:subscriptions' %}active{% endifactive %}"><a href="{% url 'members:subscriptions' %}"><i class="fa fa-cog fa-fw"></i> Mes abonnements</a></li>
+<li class="{% ifactive 'members:invoices' %}active{% endifactive %}"><a href="{% url 'members:invoices' %}"><i class="fa fa-eur fa-fw"></i> Mes factures</a></li>
+<li class="{% ifactive '' %}active{% endifactive %}"><a href="/members/contact/"><i class="fa fa-life-ring fa-fw"></i> Contact / Support</a></li>
 <li class="divider"></li>
-{% if user.is_staff %}<li><a href="{% url 'admin:index' %}">Administration</a></li>{% endif %}
-<li class="{% ifactive 'members:password_change' %}active{% endifactive %}"><a href="{% url 'members:password_change' %}">Modifier mon mot de passe</a></li>
+{% if user.is_staff %}<li><a href="{% url 'admin:index' %}"><i class="fa fa-cogs fa-fw"></i> Administration</a></li>{% endif %}
+<li class="{% ifactive 'members:password_change' %}active{% endifactive %}"><a href="{% url 'members:password_change' %}"><i class="fa fa-key fa-fw"></i> Modifier mon mot de passe</a></li>
 <li class="divider"></li>
-<li class="{% ifactive '' %}active{% endifactive %}"><a href="{% url 'members:logout' %}">Déconnexion</a></li>
+<li class="{% ifactive '' %}active{% endifactive %}"><a href="{% url 'members:logout' %}"><i class="fa fa-power-off fa-fw"></i> Déconnexion</a></li>

coin/vpn/templates/vpn/vpn.html

@@ -14,7 +14,8 @@
                 </tr>{% block password %}
                 <tr>
                     <td class="center" colspan="2">
-                        <a class="button radius tiny" id="passgen" href="{% url 'vpn:generate_password' object.pk %}">Générer un nouveau mot de passe</a>
+                        <a class="button radius tiny" id="passgen" href="{% url 'vpn:generate_password' object.pk %}"><i class="fa fa-refresh"></i>
+ Générer un nouveau mot de passe</a>
                     </td>
                 </tr>
                 {% endblock %}<tr class="flatfield">