diff options
| -rw-r--r-- | actualités.html | 492 | ||||
| -rw-r--r-- | actualités.sh | 6 |
2 files changed, 222 insertions, 276 deletions
diff --git a/actualités.html b/actualités.html index 9f7c484..fe0fabe 100644 --- a/actualités.html +++ b/actualités.html @@ -1,287 +1,227 @@ -<!DOCTYPE html> -<html lang="fr"> - <head> - <meta charset="utf-8"> - <title>Actualités - Quatuor Camelot</title> - <link rel="stylesheet" href="commun.css"> - <link rel="stylesheet" href="actualités.css"> - <link rel="alternate" type="application/rss+xml" href="feed.xml"> - </head> - <body> - <header class="banner"> - - <div class="brand"> - <a href="index.html"> - <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png" - alt="logo"> - <h1 class="qname">Quatuor Camelot</h1> +<main> + <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> - - <nav> - <ol> - <li class="dropdown"> - <a href="quatuor.html">Le quatuor</a> - <ul> - <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li> - <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li> - <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li> - <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li> - </ul> - </li> - <li class="current"><a href="actualités.html">Actualités</a></li> - <li><a href="programmes.html">Programmes</a></li> - <li><a href="gallerie.html">Gallerie</a></li> - </ol> - </nav> - - <div class="lang"> - EN + <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> - - </header> - - <main> - <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> - </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 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 id="event-details"> - <div class="details" id="concert-8"> - <h1>Concert 8</h1> - <h2>Programme</h2> - <ol> - <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> - </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> - </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> - </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>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>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>Un morceau</li> - <li>Un morceau</li> - <li>Un morceau</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> - </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>Un morceau</li> - <li>Un morceau</li> - <li>Un morceau</li> - <li>Un morceau</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> - </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> + </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> - <script> - // When JS is enabled, hide concert details by default, and - // allow the user to display concerts selectively. - var detailsStyle = document.createElement('style'); - document.head.appendChild(detailsStyle); - detailsStyle.sheet.insertRule('.details:not(.active) {display:none}'); - - var anchor = document.location.hash; - if (anchor.match(/#concert-[0-9]/)) - document.querySelector(anchor).classList.add('active'); + <div id="event-details"> + <div class="details" id="concert-8"> + <h1>Concert 8</h1> + <h2>Programme</h2> + <ol> + <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> + </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> + </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> + </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>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>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>Un morceau</li> + <li>Un morceau</li> + <li>Un morceau</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> + </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>Un morceau</li> + <li>Un morceau</li> + <li>Un morceau</li> + <li>Un morceau</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> + </div> + </div> - document.querySelectorAll('.event a').forEach((link) => { - link.addEventListener('click', function(click) { - if (click.ctrlKey || click.shiftKey) - return; + <script> + // When JS is enabled, hide concert details by default, and + // allow the user to display concerts selectively. + var detailsStyle = document.createElement('style'); + document.head.appendChild(detailsStyle); + detailsStyle.sheet.insertRule('.details:not(.active) {display:none}'); - var prev = document.querySelector('.details.active'); - if (prev) - prev.classList.remove('active'); - var id = link.attributes['href'].value; - document.querySelector(id).classList.add('active'); - }); - }); - </script> + var anchor = document.location.hash; + if (anchor.match(/#concert-[0-9]/)) + document.querySelector(anchor).classList.add('active'); - </main> + document.querySelectorAll('.event a').forEach((link) => { + link.addEventListener('click', function(click) { + if (click.ctrlKey || click.shiftKey) + return; - <footer class="social"> - <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> - <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> - <a href="feed.xml"> - <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> - </a> - <p class="contact"> - <a href="contact.html">Contact</a> - </p> - </footer> + var prev = document.querySelector('.details.active'); + if (prev) + prev.classList.remove('active'); + var id = link.attributes['href'].value; + document.querySelector(id).classList.add('active'); + }); + }); + </script> - <footer class="legal"> - <p>Mentions légales - Plan du site</p> - </footer> - </body> -</html> +</main> diff --git a/actualités.sh b/actualités.sh new file mode 100644 index 0000000..6e037f3 --- /dev/null +++ b/actualités.sh @@ -0,0 +1,6 @@ +title=Actualités +stylesheets=actualités + +old='<li><a href="actualités.html">' +new='<li class="current"><a href="actualités.html">' +current_div=",${old},${new}," |