summaryrefslogtreecommitdiff
path: root/actualités.html
diff options
context:
space:
mode:
Diffstat (limited to 'actualités.html')
-rw-r--r--actualités.html282
1 files changed, 59 insertions, 223 deletions
diff --git a/actualités.html b/actualités.html
index 70ccce8..3c0bbfb 100644
--- a/actualités.html
+++ b/actualités.html
@@ -2,236 +2,64 @@
<div id="event-list">
<h1>Prochains concerts</h1>
<div class="events">
- <div class="event">
- <a href="#concert-8">
- <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
- <div class="event">
- <a href="#concert-7">
- <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
- <div class="event">
- <a href="#concert-6">
- <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
- <div class="event">
- <a href="#concert-5">
- <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
+ <a class="event" href="#concert-2021-04-03">
+ <img src="images/concerts/dinard.jpg">
+ <p class="summary">Dinard<br>3 avril 2021</p>
+ </a>
+ <a class="event" href="#concert-2021-06-21">
+ <img src="images/concerts/pantin.jpg">
+ <p class="summary">Paris<br>13 juin 2021</p>
+ </a>
</div>
<h1>Concerts passés</h1>
<div class="events">
- <div class="event">
- <a href="#concert-4">
- <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
- <div class="event">
- <a href="#concert-3">
- <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
- <div class="event">
- <a href="#concert-2">
- <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
- <div class="event">
- <a href="#concert-1">
- <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
- <p class="summary">Quelque part<br>À un moment</p>
- </a>
- </div>
</div>
</div>
<div id="event-details">
- <div class="details" id="concert-8">
- <h1>Concert 8</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- </ol>
- <h2>Salle</h2>
- 42 Place de l'Endroit
- 01337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 108¤</p>
- </div>
- <div class="details" id="concert-7">
- <h1>Concert 7</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- </ol>
- <h2>Salle</h2>
- 43 Place de l'Endroit
- 02337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 107¤</p>
- </div>
- <div class="details" id="concert-6">
- <h1>Concert 6</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- </ol>
- <h2>Salle</h2>
- 44 Place de l'Endroit
- 03337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 106¤</p>
- </div>
- <div class="details" id="concert-5">
- <h1>Concert 5</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- </ol>
- <h2>Salle</h2>
- 45 Place de l'Endroit
- 04337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 105¤</p>
- </div>
- <div class="details" id="concert-4">
- <h1>Concert 4</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- </ol>
- <h2>Salle</h2>
- 46 Place de l'Endroit
- 05337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 104¤</p>
- </div>
- <div class="details" id="concert-3">
- <h1>Concert 3</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- </ol>
- <h2>Salle</h2>
- 47 Place de l'Endroit
- 06337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 103¤</p>
- </div>
- <div class="details" id="concert-2">
- <h1>Concert 2</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
+ <div class="details" id="concert-2021-04-03">
+ <p class="detail date">Samedi 3 avril 2021</p>
+ <p class="detail time">20h00</p>
+ <p class="detail place">Dinard</p>
+ <ol class="detail program">
+ <li>Haydn quatuor op.76 n°1​</li>
+ <li>Brahms quatuor n°7, op.59 n°1​</li>
+ <li>Ravel quatuor à cordes</li>
</ol>
- <h2>Salle</h2>
- 48 Place de l'Endroit
- 07337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 102¤</p>
+ <p class="more">
+ Informations et réservations :
+ <a href="https://weekenddemusiqueclassique.fr">
+ https://weekenddemusiqueclassique.fr
+ </a>
+ </p>
+ <p class="photo-credits">
+ Photo fournie par
+ <a href="https://www.piqsels.com/fr/public-domain-photo-zxmbk">
+ Piqsels
+ </a>
+ / <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a>
+ </p>
</div>
- <div class="details" id="concert-1">
- <h1>Concert 1</h1>
- <h2>Programme</h2>
- <ol>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Entracte</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
- <li>Un morceau</li>
+ <div class="details" id="concert-2021-06-21">
+ <p class="detail date">Dimanche 13 juin 2021</p>
+ <p class="detail time">15h00</p>
+ <p class="detail place">
+ Église Sainte-Claire d’Assise<br>
+ Place de la Porte-de-Pantin<br>
+ 75019 Paris
+ </p>
+ <ol class="detail program">
+ <li>Haydn quatuor op.76 n°1​</li>
+ <li>Beethoven quatuor n°7, op.59 n°1</li>
</ol>
- <h2>Salle</h2>
- 49 Place de l'Endroit
- 08337 La-Ville-du-Coin
- <h2>Programmation</h2>
- <p><a href="http://perdu.com">Site du programmateur</a></p>
- <p>Conditions de réservation : tenue correcte, vaccins à jour</p>
- <p>Tarif 1 place : 101¤</p>
+ <p class="more">Entrée libre</p>
+ <p class="photo-credits">
+ Photo fournie par
+ <a href="https://www.flickr.com/photos/129231073@N06/23414771992/">
+ Fred Romero
+ </a>
+ / <a href="https://creativecommons.org/licenses/by/2.0/">CC BY</a>
+ </p>
</div>
</div>
@@ -243,10 +71,12 @@
detailsStyle.sheet.insertRule('.details:not(.active) {display:none}');
var anchor = document.location.hash;
- if (anchor.match(/#concert-[0-9]/))
+ if (anchor.match(/#concert-/)) {
document.querySelector(anchor).classList.add('active');
-
- document.querySelectorAll('.event a').forEach((link) => {
+ document.querySelector(`a[href="${document.location.hash}"]`)
+ .classList.add('active');
+ }
+ document.querySelectorAll('a.event').forEach((link) => {
link.addEventListener('click', function(click) {
if (click.ctrlKey || click.shiftKey)
return;
@@ -256,6 +86,12 @@
prev.classList.remove('active');
var id = link.attributes['href'].value;
document.querySelector(id).classList.add('active');
+
+ prev = document.querySelector('a.event.active');
+ if (prev) {
+ prev.classList.remove('active');
+ }
+ link.classList.add('active');
});
});
</script>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-07 23:39:08 +0000