a

Prince2020/prince/routes.py

@@ -15,6 +15,9 @@ def home():
 def liste_langues():
     prince_language = Language.query.filter_by(actif=1)
     sounds = Sound.query.all()
+    #if (screen.width < 960):
+        #return render_template('liste_langues_phone.html', title='Liste des langues', prince_language = prince_language, sounds = sounds)
+    #else:
     return render_template('liste_langues.html', title='Liste des langues', prince_language = prince_language, sounds = sounds)
 
 

Prince2020/prince/static/stylesheets/main.css

+@viewport {
+  width: device-width ;
+  zoom: 1.0 ;
+}
+@-ms-viewport {
+  width: device-width ;
+}
+@media screen and (max-width:415px) {
+
+}
 body {
   background: #fafafa;
   color: #333333;
@@ -29,6 +39,12 @@ div.column {
 .row{
   margin:10px;
 }
+a {
+  color: #bc1c03;
+}
+a:hover{
+  color:#800000;
+}
 
 /*marche pas mais j'essaie de faire en sorte que quand on change la taille de la fenêtre
 ça bouge tout pour que ça soit quand même tout sur la page.*/
@@ -62,11 +78,17 @@ div.column {
   width: auto;
   padding:30px;
   color: #bc1c03;
+  border-color: #bc1c03;
 }
 .btn .btn-light .bg-steel : hover {
   background-color: #f6d6bf;
   color: #bc1c03;
 }
+.btn-light{
+  color: #bc1c03;
+  border-color: #bc1c03;
+}
+
 /* Clear floats after the columns */
 .row:after {
   content: "";

Prince2020/prince/templates/carte.html

@@ -120,12 +120,12 @@
 
     var div = L.DomUtil.create('div', 'info-legend'),
         types = ['sans enregistrement sonore', 'langue', 'variante de prononciation', 'dialecte'],
-      
+
         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')}}'];
 
     for (var i = 0; i < types.length; i++) {
         div.innerHTML +=
-             ("<img src=" + markers[i] + " height='30' width='20'>") +  types[i] + '<br>';
+             ("<img src=" + markers[i] + " height='30' width='25'>") +  types[i] + '<br>';
      }
 
      return div;

Prince2020/prince/templates/langue.html

@@ -101,7 +101,7 @@
 
                  for (var i = 0; i < types.length; i++) {
                      div.innerHTML +=
-                          ("<img src=" + markers[i] + " height='30' width='20'>") +  types[i] + '<br>';
+                          ("<img src=" + markers[i] + " height='30' width='25'>") +  types[i] + '<br>';
                   }
 
                   return div;

Prince2020/prince/templates/layout.html

@@ -60,7 +60,7 @@
 
               <a class="text-my-own-color" href=mailto:jeanphilippegoldman@gmail.com>Envoyez-nous un enregistrement audio</a>
               <br>
-              <a class="text-my-own-color" href="/enregistrement">(Visitez d'abord cette page qui offre quelques trucs pour bien enregistrer)</a><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>
 
             </div>
             <!-- Grid column -->

Prince2020/prince/templates/liste_langues_phone.html

+{% extends "layout.html" %}
+{% block content %}
+  <h1>Liste des langues</h1>
+
+{% set liste_lang = prince_language|list|sort(attribute='french')%}
+
+  <div class="container-fluid">
+    {% for i in range(list_lang) %}
+
+    <div class="row">
+      <div class="col">
+          <a href="/projet_19-20/petit_prince/langue/{{liste_lang[i].french}}">{{liste_lang[i].french|capitalize}} ({{sounds|selectattr("language", "equalto", liste_lang[i].iso)|list|length}})</a>
+      </div>
+    </div>
+    {% endfor %}
+
+  </div>
+
+{% endblock content%}