Ajout de l'illustration

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;
+}
+

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 %}