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.css" | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

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

diff --git "a/\303\251v\303\251nements.css" "b/\303\251v\303\251nements.css"
index 8753eb3..6a2bd4a 100644
--- "a/\303\251v\303\251nements.css"
+++ "b/\303\251v\303\251nements.css"
@@ -30,7 +30,7 @@
     filter: grayscale(0.8) brightness(0.4);
 }
 
-.event p {
+.event .summary {
     z-index: 1;
     opacity: 0;
     font-weight: bold;
@@ -38,6 +38,26 @@
     transition: 0.5s;
 }
 
-.event:hover p {
+.event:hover .summary {
     opacity: 1;
 }
+
+.event .details {
+    display: none;
+}
+
+.event input {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    cursor: pointer;
+    opacity: 0;
+    z-index: 2;
+}
+
+.event input:checked ~ .details {
+    display: block;
+    position: fixed;
+    top: 10em;
+    left: 0;
+}
-- 
cgit v1.2.3