From 2f291a86ae64a501033f6fb1141aa8f81b7af955 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Wed, 21 Oct 2020 23:16:35 +0200
Subject: add event images

---
 "\303\251v\303\251nements.css"  | 15 ++++++++++++-
 "\303\251v\303\251nements.html" | 50 ++++++++++++++++++++++++++++++++---------
 2 files changed, 54 insertions(+), 11 deletions(-)

diff --git "a/\303\251v\303\251nements.css" "b/\303\251v\303\251nements.css"
index e76a531..5ee11c5 100644
--- "a/\303\251v\303\251nements.css"
+++ "b/\303\251v\303\251nements.css"
@@ -10,8 +10,21 @@
 }
 
 .event {
+    position: relative;
+    background-color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: #fff;
+}
+
+.event img {
+    position: absolute;
+    object-position: center;
+    object-fit: cover;
+    height: 100%;
+    width: 100%;
+}
+
+.event p {
+    z-index: 1;
 }
diff --git "a/\303\251v\303\251nements.html" "b/\303\251v\303\251nements.html"
index 97fba31..23cbabe 100644
--- "a/\303\251v\303\251nements.html"
+++ "b/\303\251v\303\251nements.html"
@@ -14,16 +14,46 @@
 
   <div class="main">
     <div class="events">
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
-      <div class="event"><p>Quelque part<br>À un moment</p></div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
+      <div class="event">
+        <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
+        <p>Quelque part<br>À un moment</p>
+      </div>
     </div>
   </div>
 </body>
-- 
cgit v1.2.3