From c21ef40c84e1648fc052fe0a599cc176d83ed646 Mon Sep 17 00:00:00 2001
From: Jean-Marie Favreau <j-marie.favreau@uca.fr>
Date: Sun, 5 Nov 2023 12:47:50 +0100
Subject: [PATCH] Ajout de l'illustration

---
 src/agenda_culturel/static/style.scss            | 16 ++++++++++++++++
 .../templates/agenda_culturel/event-inc.html     | 12 +++++-------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index b2e37f3..99a7048 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -132,3 +132,19 @@ svg {
     font-weight: bold;
 }
 
+.illustration {
+    float: right;
+    width: 20em;
+    margin: 0 0 0.5em .5em;
+    padding: 0.3em;
+}
+
+.illustration-small {
+    @extend .illustration;
+    width: 10em;
+}
+
+footer {
+    clear: both;
+}
+
diff --git a/src/agenda_culturel/templates/agenda_culturel/event-inc.html b/src/agenda_culturel/templates/agenda_culturel/event-inc.html
index 45a8b48..7366959 100644
--- a/src/agenda_culturel/templates/agenda_culturel/event-inc.html
+++ b/src/agenda_culturel/templates/agenda_culturel/event-inc.html
@@ -58,14 +58,12 @@
     </header>
     {% endif %}
 
-    {% comment %}
-    manque encore: 
-    * image, image_alt
-    {% endcomment %}
+    {% if event.image %}
+    <article class='illustration{% if display in "in list by day" %}-small{% endif %}'>
+        <img src="{{ event.image }}" alt="{{ event.image_alt }}" />
+    </article>
+    {% endif %}
 
-    {% comment %}
-    On affiche le corps du message avec plus ou moins de longueur
-    {% endcomment %}
     {% if display in "in list by day" %}
         <p>{{ event.description |truncatewords:20 }}</p>
     {% else %}