Corrigé le JS et la tempalte d'articles pour intégrer le lecteur de sons
This commit is contained in:
theo1
parent
b853fbd81d
commit
0e6df573c2
@ -11,4 +11,4 @@ Authors: felicie
|
||||
autoplay loop
|
||||
class='audio'>
|
||||
Your browser does not support the HTML5 Audio element.
|
||||
</audio>
|
||||
</audio>
|
||||
|
||||
@ -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">
|
||||
@ -41,7 +49,7 @@
|
||||
<img class="slide" id="img-4" alt="" src="/images/Construction/Construction-4.jpg">
|
||||
<img class="slide" id="img-5" alt="" src="/images/Construction/Construction-5.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@ -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">
|
||||
@ -41,7 +49,7 @@
|
||||
<img class="slide" id="img-4" alt="" src="/images/Dimanche/Dimanche-4.jpg">
|
||||
<img class="slide" id="img-5" alt="" src="/images/Dimanche/Dimanche-5.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@ -42,7 +42,7 @@ Au couché du soleil, il commence à envisager avec une forme de terreur que l
|
||||
<p>Il rit à haute voix régulièrement et ça sonne bizarre. À la fois libéré et consciencieux. Comme si cela faisait partie d’une vraie conversation, il ressent souvent par la suite le besoin d’exprimer, à voix haute, ce qui était si drôle. La brosse à dent au bord du lavabo a l’air un peu perdue mais si cela lui permet d’être en paix avec lui-même, elle est là pour aider.<br>
|
||||
Il commente également avec mépris ou intérêt, chaque chose qu’il entreprend. Il lui arrive même de se répondre, ce qu’il lui avait toujours apparu comme le point de non-retour. Mais avoir le dernier mot est devenu une question de principe.</p>
|
||||
<p>Deux fois par jour, il fume une cigarette, au balcon qui donne sur la cour. C’est juste assez à l’extérieur pour qu’il ait l’impression d’aller quelque part. Le bazar et la poussière qui traînaient sur les autres balcons ont fait de l’espace pour accueillir une chaise et une personne lisant au le soleil.<br>
|
||||
Il entend les voisins rire à voix hautes, comme ils le font toujours les après-midi de printemps. Ils ont commencé à regarder une vieille série la semaine dernière. Il connaît la fin et peut même répéter pour lui-même quelques répliques.</p></div>
|
||||
Il entend les voisins rire à voix hautes, comme ils le font toujours les après-midi de printemps. Ils ont commencé à regarder une vieille série la semaine dernière. Il connaît la fin et peut même répéter pour lui-même quelques répliques.</p></div>
|
||||
</div>
|
||||
|
||||
<!-- Slides used for slideshow -->
|
||||
@ -55,7 +55,7 @@ Il entend les voisins rire à voix hautes, comme ils le font toujours les après
|
||||
<img class="slide" id="img-4" alt="" src="/images/La cour/La cour-4.jpg">
|
||||
<img class="slide" id="img-5" alt="" src="/images/La cour/La cour-5.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@ -38,7 +38,7 @@ Elle a une horreur sainte mais silencieuse de ces moments dont l’appréciation
|
||||
<p>Non mais dites-moi, c’est pas bientôt fini cette histoire. On se fait avoir à chaque fois, c’est quand même un comble. Elle tourne en rond dans la cuisine en attendant que la bouilloire ait fini son ronronnement vaporeux. Par moments, elle s’emporte un peu et se met à tourner en ovale. Elle a préparé la théière, le thé, le sucre au cas où vraiment, elle ne s’en sorte pas.</p>
|
||||
<p>On entend les fleurs pousser dehors. Le lilas sur les plates-bandes du voisin qui se fait un devoir consciencieux de restaurer un bout de biodiversité choisie et bien rangée. L’odeur est un peu trop évidente à son goût, et par-dessus le marché, les oiseaux chantent.<br>
|
||||
Sa sœur essaie de prendre des bonnes habitudes. C’est 21 jours, répète-t-elle depuis 4 jours, 21 jours et après biologiquement ça se fait tout seul. Biologiquement, elle manque pas d’air tiens.</p>
|
||||
<p>Le temps que l’agacement se dissipe, elle fait une ligne avec des graviers sur le rebord de la fenêtre. Demain la pluie tombera de nouveau et les emportera en bas, dans la cour.</p></div>
|
||||
<p>Le temps que l’agacement se dissipe, elle fait une ligne avec des graviers sur le rebord de la fenêtre. Demain la pluie tombera de nouveau et les emportera en bas, dans la cour.</p></div>
|
||||
</div>
|
||||
|
||||
<!-- Slides used for slideshow -->
|
||||
@ -51,7 +51,7 @@ Sa sœur essaie de prendre des bonnes habitudes. C’est 21 jours, répète-t-el
|
||||
<img class="slide" id="img-4" alt="" src="/images/Le retour du printemps/Le retour du printemps-4.jpg">
|
||||
<img class="slide" id="img-5" alt="" src="/images/Le retour du printemps/Le retour du printemps-5.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@ -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("download").style.opacity = 1
|
||||
document.getElementById("a-propos").style.opacity = 1
|
||||
document.getElementById("telecharger").style.opacity = 1
|
||||
}
|
||||
|
||||
function showSlide(id){
|
||||
|
||||
@ -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("download").style.opacity = 1
|
||||
document.getElementById("a-propos").style.opacity = 1
|
||||
document.getElementById("telecharger").style.opacity = 1
|
||||
}
|
||||
|
||||
function showSlide(id){
|
||||
|
||||
@ -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] %}
|
||||
@ -24,7 +27,7 @@
|
||||
<img alt="" onclick="showSlide('img-{{ i }}')" src="{{ SITE_URL }}/images/{{article.title}}/{{ article.title }}-{{ i }}.jpg">
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class='article-content column'> {{ article.content }}</div>
|
||||
<div class='article-content column'> {{ article.content }}</div>
|
||||
</div>
|
||||
{% endif%}
|
||||
|
||||
@ -36,5 +39,5 @@
|
||||
<img class="slide" id="img-{{ i }}" alt="" src="{{ SITE_URL }}/images/{{article.title}}/{{ article.title }}-{{ i }}.jpg">
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
Loading…
Reference in New Issue
Block a user