From 24ff9449a06c94c42f778f9c5d46a7c6e9accd57 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Fri, 26 Feb 2021 18:09:07 +0100
Subject: Keep thumbnail of opened concerts highlighted

---
 "actualit\303\251s.html"            | 8 ++++++++
 "stylesheets/actualit\303\251s.css" | 8 ++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git "a/actualit\303\251s.html" "b/actualit\303\251s.html"
index 99d54ae..606bb74 100644
--- "a/actualit\303\251s.html"
+++ "b/actualit\303\251s.html"
@@ -73,6 +73,8 @@
     var anchor = document.location.hash;
     if (anchor.match(/#concert-/)) {
         document.querySelector(anchor).classList.add('active');
+        document.querySelector(`a[href="${document.location.hash}"]`)
+            .classList.add('active');
     }
     document.querySelectorAll('a.event').forEach((link) => {
         link.addEventListener('click', function(click) {
@@ -84,6 +86,12 @@
                 prev.classList.remove('active');
             var id = link.attributes['href'].value;
             document.querySelector(id).classList.add('active');
+
+            prev = document.querySelector('a.event.active');
+            if (prev) {
+                prev.classList.remove('active');
+            }
+            link.classList.add('active');
         });
     });
   </script>
diff --git "a/stylesheets/actualit\303\251s.css" "b/stylesheets/actualit\303\251s.css"
index 280316d..ee1be86 100644
--- "a/stylesheets/actualit\303\251s.css"
+++ "b/stylesheets/actualit\303\251s.css"
@@ -109,7 +109,9 @@ a.event {
         transition: 0.5s;
     }
 
-    .event:hover img, .event:focus-within img {
+    .event:not(.active):hover img,
+    .event:not(.active):focus-within img,
+    .event.active img {
         filter: grayscale(0.8) brightness(0.4);
     }
 
@@ -119,7 +121,9 @@ a.event {
         transition: 0.5s;
     }
 
-    .event:hover .summary, .event:focus-within .summary {
+    .event:not(.active):hover .summary,
+    .event:not(.active):focus-within .summary,
+    .event.active .summary {
         opacity: 1;
     }
 }
-- 
cgit v1.2.3