From 8e6d5c3f2e7f289e12f8f7735abe2f4f92b4e372 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Thu, 22 Oct 2020 21:19:40 +0200
Subject: draft event details

radio buttons cannot be unset, so this might not be The Way.

take the plunge, learn some js, and use <input type="button">?
---
 "\303\251v\303\251nements.html" | 40 ++++++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 10 deletions(-)

(limited to 'événements.html')

diff --git "a/\303\251v\303\251nements.html" "b/\303\251v\303\251nements.html"
index 23cbabe..9ac88cc 100644
--- "a/\303\251v\303\251nements.html"
+++ "b/\303\251v\303\251nements.html"
@@ -15,44 +15,64 @@
   <div class="main">
     <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>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #0 !<br>Plein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #1 !<br>Pleein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #2 !<br>Pleeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #3 !<br>Pleeeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #4 !<br>Pleeeeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #5 !<br>Pleeeeeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #6 !<br>Pleeeeeeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #7 !<br>Pleeeeeeeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #8 !<br>Pleeeeeeeeein de détails.</div>
       </div>
       <div class="event">
+        <input type="radio" name="event">
         <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
-        <p>Quelque part<br>À un moment</p>
+        <p class="summary">Quelque part<br>À un moment</p>
+        <div class="details">Des détails #9 !<br>Pleeeeeeeeeein de détails.</div>
       </div>
     </div>
   </div>
-- 
cgit v1.2.3