I don't even know what changed; mmm; "Fix stuff" I guess??

2 files changed, 30 insertions, 38 deletions

diff --git a/actualités.css b/actualités.css
index d063ebd..7f6aae1 100644
--- a/actualités.css
+++ b/actualités.css
@@ -1,5 +1,6 @@
 main {
     display: grid;
+    overflow: auto;
     grid-template-columns: 60% 40%;
 }
 
@@ -19,13 +20,13 @@ main > div {
 .event {
     position: relative;
     background-color: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
 }
 
 .event a {
     position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     height: 100%;
     width: 100%;
     text-decoration: none;
@@ -45,14 +46,8 @@ main > div {
 }
 
 .event .summary {
-    position: absolute;
-    margin: 0;
-    text-align: center;
-    vertical-align: middle;
-    height: 100%;
-    width: 100%;
-    z-index: 1;
     opacity: 0;
+    z-index: 1;
     font-weight: bold;
     color: white;
     transition: 0.5s;
@@ -61,7 +56,3 @@ main > div {
 .event:hover .summary {
     opacity: 1;
 }
-
-#event-details .details {
-    display: none;
-}
diff --git a/actualités.html b/actualités.html
index ab0faa4..937b83e 100644
--- a/actualités.html
+++ b/actualités.html
@@ -34,26 +34,26 @@
       <div id="event-list">
         <h1>Prochains concerts</h1>
         <div class="events">
-          <div class="event" id="concert-1">
-            <a href="#details-1">
+          <div class="event">
+            <a href="#concert-1">
               <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
           </div>
-          <div class="event" id="concert-2">
-            <a href="#details-2">
+          <div class="event">
+            <a href="#concert-2">
               <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
           </div>
-          <div class="event" id="concert-3">
-            <a href="#details-3">
+          <div class="event">
+            <a href="#concert-3">
               <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
           </div>
-          <div class="event" id="concert-4">
-            <a href="#details-4">
+          <div class="event">
+            <a href="#concert-4">
               <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
@@ -61,25 +61,26 @@
         </div>
         <h1>Concerts passés</h1>
         <div class="events">
-          <div class="event" id="concert-5">
-            <a href="#details-5">
+          <div class="event">
+            <a href="#concert-5">
               <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
           </div>
-          <div class="event" id="concert-6">
-            <a href="#details-6">
+          <div class="event">
+            <a href="#concert-6">
               <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
           </div>
-          <div class="event" id="concert-7">
-            <a href="#details-7">
+          <div class="event">
+            <a href="#concert-7">
               <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
               <p class="summary">Quelque part<br>À un moment</p>
+            </a>
           </div>
-          <div class="event" id="concert-8">
-            <a href="#details-8">
+          <div class="event">
+            <a href="#concert-8">
               <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
               <p class="summary">Quelque part<br>À un moment</p>
             </a>
@@ -88,7 +89,7 @@
       </div>
 
       <div id="event-details">
-        <div class="details" id="details-1">
+        <div class="details" id="concert-1">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -101,7 +102,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 101¤</p>
         </div>
-        <div class="details" id="details-2">
+        <div class="details" id="concert-2">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -115,7 +116,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 102¤</p>
         </div>
-        <div class="details" id="details-3">
+        <div class="details" id="concert-3">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -130,7 +131,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 103¤</p>
         </div>
-        <div class="details" id="details-4">
+        <div class="details" id="concert-4">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -146,7 +147,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 104¤</p>
         </div>
-        <div class="details" id="details-5">
+        <div class="details" id="concert-5">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -163,7 +164,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 105¤</p>
         </div>
-        <div class="details" id="details-6">
+        <div class="details" id="concert-6">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -181,7 +182,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 106¤</p>
         </div>
-        <div class="details" id="details-7">
+        <div class="details" id="concert-7">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>
@@ -200,7 +201,7 @@
           <p>Réservable sous conditions.</p>
           <p>1 place : 107¤</p>
         </div>
-        <div class="details" id="details-8">
+        <div class="details" id="concert-8">
           <h2>Programme</h2>
           <ol>
             <li>Un morceau</li>