goueliou: dynamic height only on desktop

Author: JBBailly

frugal.css

@@ -625,6 +625,11 @@ span.gouel-ville-proche {
     #title-text {
         font-size: 7vw;
     }
+
+    .gouel {
+        min-height: calc(var(--duree) * 100px);
+    }
+
 }
 
 

goueliou/index.html

@@ -120,7 +120,9 @@ <h1>Kerlandrier.cc</h1>
             for (let i = 0; i < fest.length; i++) {
                 const div = document.createElement('div');
                 div.classList.add('gouel');
-                div.style.height = `${value[i].duration * 140}px`;
+                // Hauteur de div selon la duree du festival
+                div.style.setProperty('--duree', fest[i].Duree);
+                //div.style.minHeight = `${fest[i].Duree * 100}px`;
                 const tagsdiv = document.createElement('div');
 
                 // Mots clés en style Kerlandrier