mfhdmsqlfk

1 files changed, 175 insertions, 219 deletions

diff --git a/actualités.html b/actualités.html
index 53d322a..ab0faa4 100644
--- a/actualités.html
+++ b/actualités.html
@@ -31,238 +31,194 @@
     </header>
 
     <main>
-      <h1>Prochains concerts</h1>
-
-      <div class="events">
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>Réservable sous conditions.</p>
-            <p>1 place : 100¤</p>
+      <div id="event-list">
+        <h1>Prochains concerts</h1>
+        <div class="events">
+          <div class="event" id="concert-1">
+            <a href="#details-1">
+              <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>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <h2>Programme</h2>
-            <ol>
-              <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>Réservable sous conditions.</p>
-            <p>1 place : 101¤</p>
+          <div class="event" id="concert-2">
+            <a href="#details-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>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <h2>Programme</h2>
-            <ol>
-              <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>Réservable sous conditions.</p>
-            <p>1 place : 102¤</p>
+          <div class="event" id="concert-3">
+            <a href="#details-3">
+              <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" id="concert-4">
+            <a href="#details-4">
+              <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>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <h2>Programme</h2>
-            <ol>
-              <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>Réservable sous conditions.</p>
-            <p>1 place : 103¤</p>
+        <h1>Concerts passés</h1>
+        <div class="events">
+          <div class="event" id="concert-5">
+            <a href="#details-5">
+              <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" id="concert-6">
+            <a href="#details-6">
+              <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" id="concert-7">
+            <a href="#details-7">
+              <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
+              <p class="summary">Quelque part<br>À un moment</p>
+          </div>
+          <div class="event" id="concert-8">
+            <a href="#details-8">
+              <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>
 
-      <h1>Concerts passés</h1>
-
-      <div class="events">
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>
-            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>Réservable sous conditions.</p>
-            <p>1 place : 104¤</p>
-          </div>
+      <div id="event-details">
+        <div class="details" id="details-1">
+          <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>Réservable sous conditions.</p>
+          <p>1 place : 101¤</p>
         </div>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>
-            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>Réservable sous conditions.</p>
-            <p>1 place : 105¤</p>
-          </div>
+        <div class="details" id="details-2">
+          <h2>Programme</h2>
+          <ol>
+            <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>Réservable sous conditions.</p>
+          <p>1 place : 102¤</p>
         </div>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>
-            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>Réservable sous conditions.</p>
-            <p>1 place : 106¤</p>
-          </div>
+        <div class="details" id="details-3">
+          <h2>Programme</h2>
+          <ol>
+            <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>Réservable sous conditions.</p>
+          <p>1 place : 103¤</p>
         </div>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>
-            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>Réservable sous conditions.</p>
-            <p>1 place : 107¤</p>
-          </div>
+        <div class="details" id="details-4">
+          <h2>Programme</h2>
+          <ol>
+            <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>Réservable sous conditions.</p>
+          <p>1 place : 104¤</p>
         </div>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>
-              <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>Réservable sous conditions.</p>
-            <p>1 place : 108¤</p>
-          </div>
+        <div class="details" id="details-5">
+          <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>
+          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>Réservable sous conditions.</p>
+          <p>1 place : 105¤</p>
         </div>
-        <div class="event">
-          <input type="radio" name="event">
-          <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
-          <p class="summary">Quelque part<br>À un moment</p>
-          <div class="details">
-            <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>
-              <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>Réservable sous conditions.</p>
-            <p>1 place : 109¤</p>
-          </div>
+        <div class="details" id="details-6">
+          <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>
+          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>Réservable sous conditions.</p>
+          <p>1 place : 106¤</p>
+        </div>
+        <div class="details" id="details-7">
+          <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>
+          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>Réservable sous conditions.</p>
+          <p>1 place : 107¤</p>
+        </div>
+        <div class="details" id="details-8">
+          <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>
+          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>Réservable sous conditions.</p>
+          <p>1 place : 108¤</p>
         </div>
       </div>