finalisation page about

je te laisse regarder, hésite pas à changer des trucs surtout dans le texte du about haha je savais pas vraiment quoi mettre.

Prince2020/prince/routes.py

@@ -32,3 +32,7 @@ def carte():
 @app.route('/enregistrement')
 def enregistrement():
     return render_template('enregistrement.html', title='Enregistrer un audio')
+
+@app.route('/about')
+def about():
+    return render_template('about.html', title='A propos')

Prince2020/prince/static/stylesheets/main.css

@@ -174,6 +174,11 @@ a:hover{
   height: 400px;
   width: 400px;
 }
+
+/*about.html*/
+.about_box {
+  padding: 20px;
+}
 /* responsive layout for phone screens*/
 @media screen and (max-width:580px) {
   /* home: les éléments se placent les uns sous les autres*/

Prince2020/prince/templates/about.html

 {% extends "layout.html" %}
 {% block content %}
-  <br>
-  Ceci est un site web ayant pour but de répertorier plus de 140 langues ({{prince_language|list|length}} langues actuellement) à travers le monde. <br>
-  Chaque langue est présentée à travers un extrait du même texte, ainsi qu’un ou plusieurs enregistrements qui y sont associés s’il en existe.<br>
+<div class="about_box">
+  <h2>A propos</h2>
+  Ceci est un site web ayant pour but de répertorier plus de 140 langues ({{prince_language|list|length}} langues actuellement) à travers le monde.
+  Chaque langue est présentée à travers un extrait du même texte, ainsi qu’un ou plusieurs enregistrements qui y sont associés s’il en existe.<br><br>
   Voici l'extrait en français:<br><br>
   “On ne connaît que les choses que l’on apprivoise, dit le renard. Les hommes n’ont plus le temps de rien connaître. Ils achètent des choses toutes faites chez les marchands. Mais comme il n’existe point de marchands d’amis, les hommes n’ont plus d’amis. Si tu veux un ami, apprivoise-moi ! [...]<br>
   Adieu, dit le renard. Voici mon secret. Il est très simple : on ne voit bien qu’avec le cœur. L’essentiel est invisible pour les yeux.” <br>
   Le Petit Prince, Antoine de Saint-Exupéry, ch.21.<br><br>
 
-
-  Le site web du Petit Prince a été développé par Constance Dami et Naomi Wooding sur une idée de Jean-Philippe Goldman.<br>
-  Ce projet a été réalisé dans le cadre du cours NTIC de Luka Nerima et Haozhou Wang, à la Faculté des lettres, Université de Genève.<br>
-  <br><br>
-  Le site a été développé avec le framework Flask: flask.palletsprojects.com <br>
-  Le design a été développé avec Bootstrap: https://mdbootstrap.com <br>
-  En utilisant des palettes de ColourLovers: https://www.colourlovers.com <br>
+  <h3>Contributions</h3>
+  Le site web du Petit Prince a été développé par Constance Dami et Naomi Wooding sur une idée de Jean-Philippe Goldman.
+  Ce projet a été réalisé dans le cadre du cours NTIC de Luka Nerima et Haozhou Wang, à la Faculté des Lettres, Université de Genève.<br>
   <br>
+  Le site a été développé avec le framework <a href="https://flask.palletsprojects.com/en/1.1.x/">Flask</a><br>
+  Le design a été développé avec <a href="https://mdbootstrap.com">Bootstrap</a>
+   en utilisant des palettes de  <a href="https://www.colourlovers.com">ColourLovers</a><br>
+  La carte a été développé en utilisant <a href="https://www.openstreetmap.org">Open Street Map</a>
+   ainsi que la librairie javascript <a href="https://leafletjs.com">Leaflet</a><br><br>
+
+</div>
 {% endblock content %}

Prince2020/prince/templates/liste_langues.html

@@ -2,6 +2,7 @@
 {% block content %}
 
   <h1>Liste des langues</h1>
+  <p>Le nombre entre parenthèses correspond au nombre d’enregistrements</p>
 
     <!-- Sorting by alphabetical order in french -->
     {% set liste_lang = prince_language|list|sort(attribute='french')%}