Corrigé le JS et la tempalte d'articles pour intégrer le lecteur de sons

output/construction.html

@@ -17,6 +17,14 @@
     <script src="/theme/js/slideshow.js"></script>
     <h1 class='article-title'>Construction</h1>
 
+        <!-- Put the article content for the embedded audio player -->
+        <div class='article-content'> <p><audio controls="controls" 
+    src="sounds/construction.wav"
+    autoplay loop
+    class='audio'>
+    Your browser does not support the HTML5 Audio element.
+</audio></p></div>
+
         <div class="gallery">
         <!-- If there are only images, print them full-width. -->
             <img class= "gallery-img" alt="" onclick="showSlide('img-1')" src="/images/Construction/Construction-1.jpg">

output/dimanche.html

@@ -17,6 +17,14 @@
     <script src="/theme/js/slideshow.js"></script>
     <h1 class='article-title'>Dimanche</h1>
 
+        <!-- Put the article content for the embedded audio player -->
+        <div class='article-content'> <p><audio controls="controls" 
+    src="sounds/sunday.wav"
+    autoplay loop
+    class='audio'>
+    Your browser does not support the HTML5 Audio element.
+</audio></p></div>
+
         <div class="gallery">
         <!-- If there are only images, print them full-width. -->
             <img class= "gallery-img" alt="" onclick="showSlide('img-1')" src="/images/Dimanche/Dimanche-1.jpg">

output/theme/js/slideshow.js

@@ -16,8 +16,8 @@ function closeModal() {
         elems[i].style.display = "none"
     }
     document.getElementsByTagName("header")[0].style.opacity = 1
-    document.getElementById("about").style.opacity = 1
+    document.getElementById("a-propos").style.opacity = 1
-    document.getElementById("download").style.opacity = 1
+    document.getElementById("telecharger").style.opacity = 1
 }
 
 function showSlide(id){

themes/felicie/static/js/slideshow.js

@@ -16,8 +16,8 @@ function closeModal() {
         elems[i].style.display = "none"
     }
     document.getElementsByTagName("header")[0].style.opacity = 1
-    document.getElementById("about").style.opacity = 1
+    document.getElementById("a-propos").style.opacity = 1
-    document.getElementById("download").style.opacity = 1
+    document.getElementById("telecharger").style.opacity = 1
 }
 
 function showSlide(id){

themes/felicie/templates/article.html

@@ -9,6 +9,9 @@
     <h1 class='article-title'>{{ article.title }}</h1>
 
     {% if article.category == 'gallery' %}
+        <!-- Put the article content for the embedded audio player -->
+        <div class='article-content'> {{ article.content }}</div>
+
         <div class="gallery">
         <!-- If there are only images, print them full-width. -->
             {% for i in [1, 2, 3, 4, 5] %}