Commit 36afd7a8 authored by ConstiDami's avatar ConstiDami
Browse files
parents d351bfc9 08488c3e
......@@ -37,6 +37,7 @@ div.column {
.row{
margin:10px;
}
a {
color: #bc1c03;
}
......@@ -94,7 +95,9 @@ a:hover{
background-color: #f6d6bf; /*rose*/
opacity: 100%;
}
#navbar_petit_prince {
height: 25px;
}
.site-header .navbar-nav .nav-link {
color: #bc1c03; /*rose*/
......@@ -109,9 +112,6 @@ a:hover{
font-weight: 500;
}
.footer-copyright{ /*ici rose plus foncé mais on pourrait mettre même couleur partout?*/
background-color: #f4c6a5; /*rose*/
}
.content-section {
background: #ffffff;
......
{% extends "layout.html" %}
{% block content %}
<h1>Carte</h1>
<!--leaflet-->
......@@ -75,43 +75,44 @@
{% endfor %}
L.marker([lat,lng],
//test pour savoir s'il existe un audio
{% if audioplayerList|length %}
//langue principale en rose
{% if langue.varpron == 0 %}
{icon: prince_pink}
//variante de prononciation en jaune
{% elif langue.varpron == 1 %}
{icon: prince_yellow}
//dialecte en vert
{% elif langue.varpron == 2 %}
{icon: prince_green}
{% if langue.geolat != 0 %}
L.marker([lat,lng],
//test pour savoir s'il existe un audio
{% if audioplayerList|length %}
//langue principale en rose
{% if langue.varpron == 0 %}
{icon: prince_pink}
//variante de prononciation en jaune
{% elif langue.varpron == 1 %}
{icon: prince_yellow}
//dialecte en vert
{% elif langue.varpron == 2 %}
{icon: prince_green}
{% endif %}
{% else %}
// les langues sans enregistrements en bleu
{icon: blueIcon}
{% endif %}
).addTo(mymap).bindPopup('<b>' + french + '</b><br>' +
//s'il existe au moins un audio, on met le premier(ou le dernier?), se lance automatiquement quand on clique dessus
{% if audioplayerList|length %}
'<audio controls src="{{ url_for('static', filename='audio/') }}' + audioplayerJS + '" autoplay = "autoplay"> Your browser does not support the <code>audio</code> element.</audio><p>' +
{% else %}
'<p> Pas d\'enregistrement disponible </p>' +
{% endif %}
{% else %}
// les langues sans enregistrements en bleu
{icon: blueIcon}
{% endif %}
).addTo(mymap).bindPopup('<b>' + french + '</b><br>' +
//s'il existe au moins un audio, on met le premier(ou le dernier?), se lance automatiquement quand on clique dessus
{% if audioplayerList|length %}
'<audio controls src="{{ url_for('static', filename='audio/') }}' + audioplayerJS + '" autoplay = "autoplay"> Your browser does not support the <code>audio</code> element.</audio><p>' +
{% else %}
'<p> Pas d\'enregistrement disponible </p>' +
{% endif %}
//s'il y a un texte on l'affiche
{% if langue.text != '' %}
text +
{% endif %}
//s'il y a une image on l'affiche en petit
{% if langue.imgtext != '' %}
'<img src="{{ url_for('static', filename='img/') }}{{langue.imgtext}}" style="width: 100%;" alt="Texte du Petit Prince en {{langue.french}}">' +
//s'il y a un texte on l'affiche
{% if langue.text != '' %}
text +
{% endif %}
//s'il y a une image on l'affiche en petit
{% if langue.imgtext != '' %}
'<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>');
{% 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>');
{% endfor %}
var legend = L.control({position: 'bottomleft'});
......@@ -119,9 +120,9 @@
legend.onAdd = function (mymap) {
var div = L.DomUtil.create('div', 'info-legend'),
types = ['sans enregistrement sonore', 'langue', 'variante de prononciation', 'dialecte'],
types = [ 'langue', 'variante de prononciation', 'dialecte','sans enregistrement sonore'],
markers = ['{{ url_for('static', filename='img/marker/blue.png')}}', '{{ url_for('static', filename='img/marker/prince_pink.png')}}','{{ url_for('static', filename='img/marker/prince_yellow.png')}}', '{{ url_for('static', filename='img/marker/prince_green.png')}}'];
markers = [ '{{ url_for('static', filename='img/marker/prince_pink.png')}}','{{ url_for('static', filename='img/marker/prince_yellow.png')}}', '{{ url_for('static', filename='img/marker/prince_green.png')}}', '{{ url_for('static', filename='img/marker/blue.png')}}'];
for (var i = 0; i < types.length; i++) {
div.innerHTML +=
......
......@@ -7,16 +7,16 @@
</div>
<div class="column_home">
<div class="about">
<p><strong>“On ne voit bien qu'avec le cœur”</strong><br>
<p><strong>“On ne voit bien qu'avec le cœur”</strong><br><br>
Antoine de Saint-Exupéry <br>
HOMMAGE MULTILINGUE
AU PETIT PRINCE<br>
{{prince_language|list|length}} langues <br>
{{sounds|list|length}} extraits sonores <br>
...and counting...
{{prince_language|list|length}} langues <br><br>
{{sounds|list|length}} extraits sonores <br><br>
...pour le moment...
</p>
</div>
<div class="buttons">
......
......@@ -95,16 +95,16 @@
// les langues sans enregistrements en gris
{icon: blueIcon}
{% endif %}
).addTo(mymap).bindPopup( '{{langue.french}}');
).addTo(mymap);
var legend = L.control({position: 'bottomleft'});
legend.onAdd = function (mymap) {
var div = L.DomUtil.create('div', 'info-legend'),
types = ['sans enregistrement sonore', 'langue', 'variante de prononciation', 'dialecte'],
types = ['langue', 'variante de prononciation', 'dialecte','sans enregistrement sonore'],
markers = ['{{ url_for('static', filename='img/marker/blue.png')}}', '{{ url_for('static', filename='img/marker/prince_pink.png')}}','{{ url_for('static', filename='img/marker/prince_yellow.png')}}', '{{ url_for('static', filename='img/marker/prince_green.png')}}'];
markers = ['{{ url_for('static', filename='img/marker/prince_pink.png')}}','{{ url_for('static', filename='img/marker/prince_yellow.png')}}', '{{ url_for('static', filename='img/marker/prince_green.png')}}', '{{ url_for('static', filename='img/marker/blue.png')}}'];
for (var i = 0; i < types.length; i++) {
......
......@@ -8,8 +8,8 @@
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
<!--thumbnail petit prince-->
<link rel="icon" href="static/img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="static/img/favicon.ico" type="image/x-icon" />
<link rel="icon" href='{{ url_for('static', filename='img/prince_transparent.png')}}' type="image/x-icon" />
<link rel="shortcut icon" href='{{ url_for('static', filename='img/prince_transparent.png')}}' type="image/x-icon" />
<!-- leaflet pour carte, marqueurs etc-->
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
......@@ -24,14 +24,16 @@
<header class="site-header">
<nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
<div class="container">
<a class="navbar-brand mr-4" id="header" href="/projet_19-20/petit_prince/">Petit Prince</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggle">
<!-- Navbar Right Side -->
<div class="nav navbar-nav ml-auto">
<a class="nav-item nav-link" href="/projet_19-20/petit_prince/home">Accueil</a>
<div class="nav navbar-nav mr-auto">
<a class="nav-item nav-link" href="/projet_19-20/petit_prince/home">
<img id="navbar_petit_prince"
src= '{{ url_for('static', filename='img/prince_transparent.png')}}' alt="petit_prince">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>
</div>
......@@ -66,6 +68,11 @@
<br>
<a class="text-my-own-color" href="/projet_19-20/petit_prince/enregistrement">(Visitez d'abord cette page qui offre quelques trucs pour bien enregistrer)</a><br>
<br>
<!-- Copyright -->
<a style="color: #333333;" href="https://mdbootstrap.com/"> © 2020 Copyright: MDBootstrap.com</a>
</div>
<!-- Grid column -->
<br />
......@@ -100,11 +107,8 @@
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div class="footer-copyright text-center py-3">© 2020 Copyright:
<a style="color: #333333;" href="https://mdbootstrap.com/"> MDBootstrap.com</a>
</div>
<!-- Copyright -->
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
......
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