Commit 19507c6f authored by ConstiDami's avatar ConstiDami
Browse files

about

parent 2cd7f0e1
......@@ -35,4 +35,5 @@ def enregistrement():
@app.route('/about')
def about():
return render_template('about.html', title='A propos')
prince_language = Language.query.filter_by(actif=1)
return render_template('about.html', title='À propos', prince_language = prince_language)
{% extends "layout.html" %}
{% block content %}
<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.
<h2>À propos</h2>
Ce site a 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>
<i>Le Petit Prince</i>, Antoine de Saint-Exupéry, ch. 21.<br><br><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.
<i>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>
Framework: <a href="https://flask.palletsprojects.com/en/1.1.x/">Flask</a><br>
Design: utilisation de <a href="https://mdbootstrap.com">Bootstrap</a>
avec les palettes de <a href="https://www.colourlovers.com">ColourLovers</a><br>
Carte: <a href="https://www.openstreetmap.org">Open Street Map</a>
et la librairie javascript <a href="https://leafletjs.com">Leaflet</a></i><br><br>
</div>
{% endblock content %}
......@@ -111,7 +111,7 @@
'<img src="{{ url_for('static', filename='img/') }}{{langue.imgtext}}" style="width: 100%;" alt="Texte du Petit Prince en {{langue.french}}">' +
{% endif %}
//lien pour aller sur la page langue et tout voir en grand et écouter d'autres audios
'<a href="/projet_19-20/petit_prince/langue/{{langue.french}}">Voir la page : {{langue.french}}</a>');
'<br><a href="/projet_19-20/petit_prince/langue/{{langue.french}}">Voir la page : {{langue.french}}</a>');
{% endif %}
{% endfor %}
......
......@@ -36,7 +36,7 @@
src= '{{ url_for('static', filename='img/prince_transparent.png')}}' alt="petit_prince" width='20' height='20'>Accueil</a>
<a class="nav-item nav-link" href="/projet_19-20/petit_prince/liste_langues">Liste des langues</a>
<a class="nav-item nav-link" href="/projet_19-20/petit_prince/carte">Carte</a>
<a class="nav-item nav-link" href="/projet_19-20/petit_prince/about">A propos</a>
<a class="nav-item nav-link" href="/projet_19-20/petit_prince/about">À propos</a>
</div>
</div>
</div>
......@@ -72,7 +72,7 @@
<br>
<!-- Copyright -->
<a style="color: #333333;" href="/projet_19-20/petit_prince/about">Contributions</a>
Copyright © 2020 Petit Prince | Université de Genève
</div>
<!-- Grid column -->
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment