feat: add flex images to posts

4 files changed, 43 insertions, 2 deletions

diff --git a/src/projects/future-nostalgie.md b/src/projects/future-nostalgie.md
index c0cc852..5bd5992 100644
--- a/src/projects/future-nostalgie.md
+++ b/src/projects/future-nostalgie.md
@@ -9,6 +9,15 @@ Défense pour le parcours des Extatiques en février 2024.
 disparue dont il ne resterait que des fossiles. Dans un futur où nous aurions
 détruit notre écosystème, ces traces seraient nos seuls souvenirs de la nature.
 
+<div class="img-container">
+  <div class="img-item">
+  <img src="/img/future-nostalgie-01.webp">
+  </div>
+  <div class="img-item">
+  <img src="/img/future-nostalgie-02.webp">
+  </div>
+</div>
+
 Ce projet questionne la notion de solastalgie : il invite à s’interroger sur le
 monde que nous sommes en train de perdre, et anticipe notre sentiment de regret.
 L’installation invite les spectateur.ices à se projeter dans une future
diff --git a/src/projects/ktarnaval-2024.md b/src/projects/ktarnaval-2024.md
index 49dc7da..c274fa0 100644
--- a/src/projects/ktarnaval-2024.md
+++ b/src/projects/ktarnaval-2024.md
@@ -3,3 +3,15 @@ title: Ktarnaval (2024)
 ---
 
 Le Ktarnaval 2024 s'est déroulé autour du thème du *Sacre du Printemps*.
+
+<div class="img-container">
+  <div class="img-item">
+  <img src="/img/ktarnaval-01.webp">
+  </div>
+  <div class="img-item">
+  <img src="/img/ktarnaval-02.webp">
+  </div>
+  <div class="img-item">
+  <img src="/img/ktarnaval-03.webp">
+  </div>
+</div>
diff --git a/src/projects/les-extatiques-2024.md b/src/projects/les-extatiques-2024.md
index 83c9ba0..44c0953 100644
--- a/src/projects/les-extatiques-2024.md
+++ b/src/projects/les-extatiques-2024.md
@@ -7,3 +7,5 @@ pour [l'exposition Les Extatiques](https://parisladefense.com/fr/actualites/agen
 
 Cette édition inédite s'est déroulée au coeur du quartier d'affaire de La
 Défense, plus précisément dans ses sous-sols.
+
+<img src="/img/la-defense-cathedrale-01.webp">
diff --git a/src/styles/main.css b/src/styles/main.css
index dd62b28..2994196 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -4,7 +4,7 @@
 }
 
 body {
-	margin-left: 10vw;
+	margin: 0 10vw 0 10vw;
 	max-width: 96ch;
 }
 
@@ -36,9 +36,27 @@ ul li {
 
 footer {
 	background-color: blue;
-	margin-top: 4em;
+	margin: 4em 0 4em 0;
 }
 
 footer a, footer a:hover, footer a:visited {
 	color: white;
 }
+
+img {
+	cursor: crosshair;
+	max-width: 100%;
+}
+
+.img-container {
+	display: flex;
+	flex-direction: row;
+	width: 100%;
+}
+
+.img-item {
+}
+
+.img-item:not(:last-child) {
+	margin-right: 1em;
+}