compress and fix logos

en/about.html

@@ -113,53 +113,42 @@ <h4>March 2023</h4>
     </p>
 </section>
 
-<section class="espace-des-logos center">
-    <div class="ligne-logo">
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/LogoIRHiS_256.png"
-                alt="IRHIS laboratory logo, University of Lille (France)">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-uliege_256-2.png" alt="logo of the University of Liège (Belgium)">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Holusion_256-2.png" alt="Holusion company logo">
-        </div>
+<section >
+    <div class="logo-grid">
+        <img src="/assets/img/about/logo-IRHiS_128.webp"
+            alt="logo du laboratoire IRHIS, université de Lille (France)">
+        <img src="/assets/img/about/logo-uliege_128.webp" 
+            alt="logo de l'université de Liège (Belgique)">
+        <img src="/assets/img/about/logo-Holusion_128.webp" 
+            alt="logo de l'entreprise Holusion">
+
     </div>
-    <div class="ligne-logo">
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-CAPSO_128.png"
-                alt="CAPSO logo, Saint-Omer agglomeration community">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-MESHS_128.png"
-                alt="MESHS logo, Maison Européenne des Sciences de l'Homme et de la Société, Lille">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-MuseedeCluny_128.jpg" alt="Musée de Cluny logo">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-PBA-Lille_256.png" alt="logo of the Palais des Beaux-Arts in Lille">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-prefectureHdF_128.png" alt="logo of the Haut-de-France prefecture">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Saint-Omer_128.png" alt="Saint-Omer logo">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Sandelin_128.png" alt="logo of the Hôtel Sandelin museum in Saint-Omer">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-sfrnumeriqueetpatrimoine_128.png"
-                alt="logo of the SFR Numérique & Patrimoine, federative research structure">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-TresorDeLiege_128.jpg" alt="Trésor de Lièges museum logo">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Univ-lorraine-Nancy_256.png" alt="logo of the University of Lorraine, Nancy">
-        </div>
+
+    <div class="logo-grid">           
+        <img src="/assets/img/about/logo-Univ-Lille_128.webp" 
+            alt="logo de l'université de Lille">
+        <img src="/assets/img/about/logo-CNRS_128.webp" 
+            alt="logo du CNRS">
+        <img src="/assets/img/about/logo-CAPSO_128.webp"
+            alt="logo de CAPSO, communauté d'agglomération du pays de Saint-Omer">
+        <img src="/assets/img/about/logo-MESHS_128.webp"
+            alt="logo du MESHS, Maison Européenne des Sciences de l'Homme et de la Société, Lille">
+        <img src="/assets/img/about/logo-Musee-de-Cluny_128.webp" 
+            alt="logo du musée de Cluny">
+        <img src="/assets/img/about/logo-PBA-Lille_128.webp" 
+            alt="logo du palais des beaux-arts de Lille">
+        <img src="/assets/img/about/logo-prefectureHdF_128.webp" 
+            alt="logo de la préfecture des Haut-de-France">
+        <img src="/assets/img/about/logo-Saint-Omer_128.webp"
+            alt="logo de la ville de Saint-Omer">
+        <img src="/assets/img/about/logo-Sandelin_128.webp" 
+            alt="logo du musée de l'Hôtel Sandelin à Saint-Omer">
+        <img src="/assets/img/about/logo-sfrnumeriqueetpatrimoine_128.webp"
+            alt="logo de la SFR Numérique & Patrimoine, structure fédérative de recherche">
+        <img src="/assets/img/about/logo-Tresor-de-Liège_128.webp" 
+            alt="logo du musée Trésor de Lièges">
+        <img src="/assets/img/about/logo-Univ-lorraine-Nancy_128.webp" 
+            alt="logo de l'université de Lorraine, Nancy">
     </div>
 </section>
 

fr/about.html

@@ -116,53 +116,41 @@ <h4>Mars 2023</h4>
             évolution.</i>
     </p>
 </section>
+<section >
+    <div class="logo-grid">
+        <img src="/assets/img/about/logo-IRHiS_128.webp"
+            alt="logo du laboratoire IRHIS, université de Lille (France)">
+        <img src="/assets/img/about/logo-uliege_128.webp" 
+            alt="logo de l'université de Liège (Belgique)">
+        <img src="/assets/img/about/logo-Holusion_128.webp" 
+            alt="logo de l'entreprise Holusion">
 
-<section class="espace-des-logos center">
-    <div class="ligne-logo">
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/LogoIRHiS_256.png"
-                alt="logo du laboratoire IRHIS, université de Lille (France)">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-uliege_256-2.png" alt="logo de l'université de Liège (Belgique)">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Holusion_256-2.png" alt="logo de l'entreprise Holusion">
-        </div>
     </div>
-    <div class="ligne-logo">
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-CAPSO_128.png"
-                alt="logo de CAPSO, communauté d'agglomération du pays de Saint-Omer">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-MESHS_128.png"
-                alt="logo du MESHS, Maison Européenne des Sciences de l'Homme et de la Société, Lille">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-MuseedeCluny_128.jpg" alt="logo du musée de Cluny">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-PBA-Lille_256.png" alt="logo du palais des beaux-arts de Lille">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-prefectureHdF_128.png" alt="logo de la préfecture des Haut-de-France">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Saint-Omer_128.png" alt="logo de la ville de Saint-Omer">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Sandelin_128.png" alt="logo du musée de l'Hôtel Sandelin à Saint-Omer">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-sfrnumeriqueetpatrimoine_128.png"
-                alt="logo de la SFR Numérique & Patrimoine, structure fédérative de recherche">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-TresorDeLiege_128.jpg" alt="logo du musée Trésor de Lièges">
-        </div>
-        <div class="largeur-img-30prct">
-            <img src="/assets/img/about/logo-Univ-lorraine-Nancy_256.png" alt="logo de l'université de Lorraine, Nancy">
-        </div>
+
+    <div class="logo-grid">           
+        <img src="/assets/img/about/logo-Univ-Lille_128.webp" 
+            alt="logo de l'université de Lille">
+        <img src="/assets/img/about/logo-CNRS_128.webp" 
+            alt="logo du CNRS">
+        <img src="/assets/img/about/logo-CAPSO_128.webp"
+            alt="logo de CAPSO, communauté d'agglomération du pays de Saint-Omer">
+        <img src="/assets/img/about/logo-MESHS_128.webp"
+            alt="logo du MESHS, Maison Européenne des Sciences de l'Homme et de la Société, Lille">
+        <img src="/assets/img/about/logo-Musee-de-Cluny_128.webp" 
+            alt="logo du musée de Cluny">
+        <img src="/assets/img/about/logo-PBA-Lille_128.webp" 
+            alt="logo du palais des beaux-arts de Lille">
+        <img src="/assets/img/about/logo-prefectureHdF_128.webp" 
+            alt="logo de la préfecture des Haut-de-France">
+        <img src="/assets/img/about/logo-Saint-Omer_128.webp"
+            alt="logo de la ville de Saint-Omer">
+        <img src="/assets/img/about/logo-Sandelin_128.webp" 
+            alt="logo du musée de l'Hôtel Sandelin à Saint-Omer">
+        <img src="/assets/img/about/logo-sfrnumeriqueetpatrimoine_128.webp"
+            alt="logo de la SFR Numérique & Patrimoine, structure fédérative de recherche">
+        <img src="/assets/img/about/logo-Tresor-de-Liège_128.webp" 
+            alt="logo du musée Trésor de Lièges">
+        <img src="/assets/img/about/logo-Univ-lorraine-Nancy_128.webp" 
+            alt="logo de l'université de Lorraine, Nancy">
     </div>
 </section>