Simplify thumbnail structure

2 files changed, 11 insertions, 15 deletions

diff --git a/actualités.html b/actualités.html
index a5a85a8..99d54ae 100644
--- 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
index 9d6508e..280316d 100644
--- 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;
     }