From a57bdf1faa544a105c3d17f5ce345a4bb81bfe9d Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 22 Nov 2020 21:06:14 +0100
Subject: Make event details more robust

This is not going to cut it.
---
 "actualit\303\251s.html" | 187 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 176 insertions(+), 11 deletions(-)

(limited to 'actualités.html')

diff --git "a/actualit\303\251s.html" "b/actualit\303\251s.html"
index 5524640..53d322a 100644
--- "a/actualit\303\251s.html"
+++ "b/actualit\303\251s.html"
@@ -38,66 +38,231 @@
           <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">Des détails #0 !<br>Plein de détails.</div>
+          <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>
         </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">Des détails #1 !<br>Pleein de détails.</div>
+          <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>
         </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">Des détails #2 !<br>Pleeein de détails.</div>
+          <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>
         </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">Des détails #3 !<br>Pleeeein de détails.</div>
+          <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>
+          </div>
         </div>
       </div>
 
-      <h1>Prochains concerts</h1>
+      <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">Des détails #4 !<br>Pleeeeein de détails.</div>
+          <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>
         <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">Des détails #5 !<br>Pleeeeeein de détails.</div>
+          <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>
         <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">Des détails #6 !<br>Pleeeeeeein de détails.</div>
+          <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>
         <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">Des détails #7 !<br>Pleeeeeeeein de détails.</div>
+          <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>
         <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">Des détails #8 !<br>Pleeeeeeeeein de détails.</div>
+          <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>
         <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">Des détails #9 !<br>Pleeeeeeeeeein de détails.</div>
+          <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>
       </div>
 
-- 
cgit v1.2.3