From a4ebd66b1d0cc9eb505ad05538487b776e31c3cc Mon Sep 17 00:00:00 2001
From: mco-system <michael.costa@mcos.nc>
Date: Sat, 13 May 2023 09:51:45 +1100
Subject: [PATCH] fix: too large image for goodies and food illustrations on
 mobile

---
 src/thsf/static/css/custom.css  | 8 +++++++-
 src/thsf/templates/food.html    | 8 ++++----
 src/thsf/templates/goodies.html | 6 +++---
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/thsf/static/css/custom.css b/src/thsf/static/css/custom.css
index 1420b8c..71f4345 100644
--- a/src/thsf/static/css/custom.css
+++ b/src/thsf/static/css/custom.css
@@ -48,6 +48,12 @@
     color: var(--main-color);
     cursor: pointer;
   }
+  .goodies, .food {
+    text-align: justify;
+  }
+  .goodies_pic, .food_pic {
+    max-width: 7em;
+  }
 }
 
 @media screen and (max-width: 44em) {
@@ -104,6 +110,6 @@
     text-align: justify;
   }
   .goodies_pic, .food_pic {
-    max-width: 5em;
+    max-width: 4em;
   }
 }
diff --git a/src/thsf/templates/food.html b/src/thsf/templates/food.html
index db72f5d..0cd646d 100644
--- a/src/thsf/templates/food.html
+++ b/src/thsf/templates/food.html
@@ -9,28 +9,28 @@
       <div class="content">
         <h2>Gastronomie régionale et artisanat</h2>
         <p class="food">
-          <img class="left"
+          <img class="left food_pic"
                src="{{url_for('static', filename='images/fourmidable01.png')}}"
                alt="Fourmidable!"
                title="Fourmidable!">
           Depuis 2020, l'association toulousaine <strong>Fourmidable!</strong>, œuvre pour promouvoir la gastronomie régionale et l'artisanat local. Cette initiative collective et solidaire s'est donnée pour mission de valoriser les produits locaux, de qualité et à petits prix.
         </p>
         <p class="food">
-          <img class="right"
+          <img class="right food_pic"
                src="{{url_for('static', filename='images/fourmidable02.png')}}"
                alt="Fourmidable!"
                title="Fourmidable!">
             En mai 2022, <strong>Fourmidable!</strong> inaugure une cuisine associative au sein de <a href="https://www.terresderencontres.fr/restofourmidable">l'espace Terres de Rencontres</a>. Une occasion pour les gourmands de découvrir une cuisine de qualité, élaborée avec des produits locaux et de saison.
         </p>
         <p class="food">
-          <img class="left"
+          <img class="left food_pic"
                src="{{url_for('static', filename='images/fourmidable03.png')}}"
                alt="Fourmidable!"
                title="Fourmidable!">
           Au menu, des plats du jour, des flammekueche, des sandwichs, des desserts, des boissons fermentées et bien d'autres délices. Pour <strong>Fourmidable!</strong>, il est essentiel de proposer des plats savoureux et sains, tout en préservant l'environnement et le circuit court. Les aliments sont donc rigoureusement sélectionnés auprès des producteurs locaux pour une cuisine éthique et responsable.
         </p>
         <p class="food">
-          <img class="right"
+          <img class="right food_pic"
                src="{{url_for('static', filename='images/fourmidable04.png')}}"
                alt="Fourmidable!"
                title="Fourmidable!">
diff --git a/src/thsf/templates/goodies.html b/src/thsf/templates/goodies.html
index 1f10862..88be746 100644
--- a/src/thsf/templates/goodies.html
+++ b/src/thsf/templates/goodies.html
@@ -9,21 +9,21 @@
       <div class="content" class="goodies">
         <h2>Nous avons besoin de votre soutien</h2>
         <p class="goodies">
-          <img class="left"
+          <img class="left goodies_pic"
                src="{{ url_for('static', filename='images/stickers.webp') }}"
                alt="Stickers"
                title="Stickers">
           Pour faire du <strong>Toulouse Hacker Space Factory</strong> un événement toujours différent des autres festivals <a href="https://www.leetchi.com/c/thsf23" target="_new">votre soutien financier</a> est nécessaire.
         </p>
         <p class="goodies">
-          <img class="right"
+          <img class="right goodies_pic"
                src="{{ url_for('static', filename='images/tshirt.webp') }}"
                alt="T-Shirt"
                title="T-Shirt">
           Pour faciliter la collecte des dons et vous remercier de votre participation, nous avons mis en place <a href="https://www.leetchi.com/c/thsf23" target="_new">une cagnote Leetchi</a> qui nous permettra de recenser les dons et vous permettra de suivre l'évolution du financement de notre festival.
         </p>
         <p class="goodies">
-          <img class="left"
+          <img class="left goodies_pic"
                 src="{{ url_for('static', filename='images/sweatshirt.webp') }}"
                 alt="Sweat shirt"
                 title="Sweat shirt">