From c7d0c9d90c7981878e5dc7f163fb41f350c5f45e Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Mon, 23 Nov 2020 00:03:57 +0100
Subject: Hide and show details on demand

Don't write display:none into regular stylesheets, otherwise people
who disable JS will be screwed.
---
 "actualit\303\251s.html" | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'actualités.html')

diff --git "a/actualit\303\251s.html" "b/actualit\303\251s.html"
index 937b83e..136f089 100644
--- "a/actualit\303\251s.html"
+++ "b/actualit\303\251s.html"
@@ -223,6 +223,24 @@
         </div>
       </div>
 
+      <!-- TODO: scroll list and details independently -->
+      <!-- TODO: check URL for anchor and auto-enable -->
+      <script>
+        var detailsStyle = document.createElement('style');
+        document.head.appendChild(detailsStyle);
+        detailsStyle.sheet.insertRule('.details:not(.active) {display:none}');
+
+        document.querySelectorAll('.event a').forEach((link) => {
+            link.onclick = function() {
+                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>
+
     </main>
 
     <footer class="social">
-- 
cgit v1.2.3