commit 89d7345d98640482f1f925b06a8238f3b1355ba1
parent e44a48a6dc36cb5a644c85e8866936c339a62540
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 22 Nov 2020 22:57:50 +0100
I don't even know what changed; mmm; "Fix stuff" I guess??
Diffstat:
2 files changed, 30 insertions(+), 38 deletions(-)
diff --git 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
@@ -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>
