quatuorbellefeuille.com

commit 1c8d3c6ff37892ff4092229039f886dc59619546
parent 44bc0af7f094257fa7e8f268c08cad3a119bd643
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Fri, 26 Feb 2021 17:50:51 +0100

Simplify thumbnail structure

Diffstat:
M
actualités.html
 | 
22
+++++++++-------------
M
stylesheets/actualités.css
 | 
4
++--

2 files changed, 11 insertions(+), 15 deletions(-)
diff --git a/actualités.html b/actualités.html
@@ -2,18 +2,14 @@
   <div id="event-list">
     <h1>Prochains concerts</h1>
     <div class="events">
-      <div class="event">
-        <a href="#concert-2021-04-03">
-          <img src="images/concerts/dinard.jpg">
-          <p class="summary">Dinard<br>3 avril 2021</p>
-        </a>
-      </div>
-      <div class="event">
-        <a href="#concert-2021-06-21">
-          <img src="images/concerts/pantin.jpg">
-          <p class="summary">Paris<br>13 juin 2021</p>
-        </a>
-      </div>
+      <a class="event" href="#concert-2021-04-03">
+        <img src="images/concerts/dinard.jpg">
+        <p class="summary">Dinard<br>3 avril 2021</p>
+      </a>
+      <a class="event" href="#concert-2021-06-21">
+        <img src="images/concerts/pantin.jpg">
+        <p class="summary">Paris<br>13 juin 2021</p>
+      </a>
     </div>
     <h1>Concerts passés</h1>
     <div class="events">
@@ -78,7 +74,7 @@
     if (anchor.match(/#concert-/)) {
         document.querySelector(anchor).classList.add('active');
     }
-    document.querySelectorAll('.event a').forEach((link) => {
+    document.querySelectorAll('a.event').forEach((link) => {
         link.addEventListener('click', function(click) {
             if (click.ctrlKey || click.shiftKey)
                 return;
diff --git a/stylesheets/actualités.css b/stylesheets/actualités.css
@@ -25,7 +25,7 @@
     grid-gap: 0.8em;
 }
 
-.event a {
+a.event {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -96,7 +96,7 @@
         --cell-height: 12em;
     }
 
-    .event a {
+    a.event {
         position: relative;
     }