Update challenge history with 2025 edition

Author: utarwyn

src/assets/img/challenge/2022.webp

@@ -11,7 +11,7 @@ import PinIcon from "@/assets/icons/pin.svg";
         <img
           src="@/assets/img/challenge/2022.webp"
           alt="Challenge 2022"
-          width="384"
+          width="296"
         />
         <div class="info">
           <h3>2-3 juin 2022</h3>
@@ -21,7 +21,7 @@ import PinIcon from "@/assets/icons/pin.svg";
         <img
           src="@/assets/img/challenge/2023.webp"
           alt="Challenge 2023"
-          width="384"
+          width="296"
         />
         <div class="info">
           <h3>5-6 avril 2023</h3>
@@ -35,17 +35,17 @@ import PinIcon from "@/assets/icons/pin.svg";
             <a
               href="https://presse.credit-agricole.com/actualites/succes-confirme-pour-la-seconde-edition-d-ecocode-challenge-le-hackathon-green-it-du-credit-agricole-b8bf-9ed05.html"
               target="_blank"
-              >Article de presse <ExternalLinkIcon width="16" height="16"
+              >Article de presse <ExternalLinkIcon width="14" height="14"
             /></a>
             <a
               href="https://www.davidson.fr/blog/davidson-accueille-la-deuxieme-edition-du-challenge-ecocode-dans-ses-locaux"
               target="_blank"
-              >Davidson <ExternalLinkIcon width="16" height="16"
+              >Davidson <ExternalLinkIcon width="14" height="14"
             /></a>
             <a
               href="https://glalloue.medium.com/ecocode-challenge-2023-ce-qui-sest-vraiment-passé-ff76df1ad557"
               target="_blank"
-              >Blog <ExternalLinkIcon width="16" height="16"
+              >Blog <ExternalLinkIcon width="14" height="14"
             /></a>
           </div>
         </div>
@@ -54,7 +54,7 @@ import PinIcon from "@/assets/icons/pin.svg";
         <img
           src="@/assets/img/challenge/2024.webp"
           alt="Challenge 2024"
-          width="384"
+          width="296"
         />
         <div class="info">
           <h3>29-30 mai 2024</h3>
@@ -64,14 +64,30 @@ import PinIcon from "@/assets/icons/pin.svg";
           </div>
           <div class="links">
             <a
-              href="https://presse.credit-agricole.com/actualites/3eme-edition-fructueuse-de-lecocode-challenge-2cb9-9ed05.html"
+              href="https://photos.app.goo.gl/HprjHfReKZVKU6sYA"
               target="_blank"
-              >Article de presse <ExternalLinkIcon width="16" height="16"
+              >Galerie photo <ExternalLinkIcon width="14" height="14"
             /></a>
+          </div>
+        </div>
+      </div>
+      <div class="event">
+        <img
+          src="@/assets/img/challenge/2025.webp"
+          alt="Challenge 2025"
+          width="296"
+        />
+        <div class="info">
+          <h3>20-21 mai 2025</h3>
+          <div class="location">
+            <PinIcon width="18" height="18" />
+            <span>La Belleviloise, 19-21 rue Boyer<br />75020 Paris</span>
+          </div>
+          <div class="links">
             <a
-              href="https://photos.app.goo.gl/HprjHfReKZVKU6sYA"
+              href="https://photos.app.goo.gl/uMnY9iRW2HJ3GZN38"
               target="_blank"
-              >Galerie photo <ExternalLinkIcon width="16" height="16"
+              >Galerie photo <ExternalLinkIcon width="14" height="14"
             /></a>
           </div>
         </div>
@@ -94,8 +110,17 @@ import PinIcon from "@/assets/icons/pin.svg";
 
   .events {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    gap: 4rem;
+    grid-template-columns: repeat(4, 296px);
+    justify-content: center;
+    gap: 2rem;
+
+    @media (max-width: 1300px) {
+      grid-template-columns: repeat(2, 296px);
+    }
+
+    @media (max-width: 680px) {
+      grid-template-columns: 296px;
+    }
 
     .event {
       display: flex;
@@ -133,8 +158,9 @@ import PinIcon from "@/assets/icons/pin.svg";
         .links {
           display: flex;
           flex-wrap: wrap;
-          gap: 0.5rem 2rem;
+          gap: 0.5rem 1rem;
           font-weight: 700;
+          font-size: 0.9rem;
 
           a {
             display: flex;

src/assets/img/challenge/2023.webp

@@ -3,7 +3,7 @@
 import ChallengeContact from "@/components/challenge/ChallengeContact.vue";
 import ChallengeGoals from "@/components/challenge/ChallengeGoals.vue";
 import ChallengeHero from "@/components/challenge/ChallengeHero.vue";
-// import ChallengeHistory from "@/components/challenge/ChallengeHistory.vue";
+import ChallengeHistory from "@/components/challenge/ChallengeHistory.vue";
 import ChallengeSponsors from "@/components/challenge/ChallengeSponsors.vue";
 import { useHead } from "@unhead/vue";
 
@@ -46,9 +46,9 @@ useHead({
     <section class="neutral">
       <ChallengeSponsors />
     </section>
-    <!-- <section>
+    <section>
       <ChallengeHistory />
-    </section> -->
+    </section>
     <section>
       <ChallengeContact />
     </section>