feat(act): update content (#44)

Co-authored-by: Thomas Catinaud Taris <[email protected]>

messages/en/pages/act.json

@@ -14,13 +14,13 @@
       "title": "I say no to the salmon factory project on my territory",
       "content": "The onshore salmon factory project called “Pure Salmon”, an initiative of the Singaporean investment fund 8F Asset Management, is under discussion near Bordeaux. Thanks to petitions signed by citizens, it was notably rejected in Pas-de-Calais and Brittany. Let's go on !",
       "link": "Sign the petition",
-      "target": "#"
+      "target": "https://www.mesopinions.com/petition/nature-environnement/stop-projet-pure-salmon-usine-saumons/182289"
     },
     "seastemik": {
       "title": "I support Seastemik",
       "content": "Seastemik is an association created in 2023 with the objective of accelerating our transition to a healthy ocean.<br />To mobilize on the ground, it works to raise community awareness, accessibility of information and proposal of solutions.",
       "link": "Contribute on HelloAsso",
-      "target": "#"
+      "target": "https://www.helloasso.com/associations/seastemik/formulaires/1"
     },
     "eat": {
       "title": "I leave the salmon off my plate",

messages/fr/pages/act.json

@@ -14,13 +14,13 @@
       "title": "Je dis non au projet d’usine à saumons sur mon territoire",
       "content": "Le projet d’usine à saumons à terre dénommé « Pure Salmon », initiative du fonds d’investissement Singapourien 8F Asset Management, est en discussion près de Bordeaux. Grâce aux pétitions signées par les citoyen.ne.s, il a notamment été retoqué au Pas-de-Calais et en Bretagne. Continuons !",
       "link": "Signer la pétition",
-      "target": "#"
+      "target": "https://www.mesopinions.com/petition/nature-environnement/stop-projet-pure-salmon-usine-saumons/182289"
     },
     "seastemik": {
       "title": "Je soutiens Seastemik",
       "content": "Seastemik est une association créée en 2023 avec l’objectif d’accélérer notre transition vers un océan en bonne santé.<br />Pour mobiliser sur le terrain, elle travaille à la sensibilisation des communautés, l’accessibilité de l’information et la proposition de solutions.",
       "link": "Contribuer sur HelloAsso",
-      "target": "#"
+      "target": "https://www.helloasso.com/associations/seastemik/formulaires/1"
     },
     "eat": {
       "title": "Je laisse les saumons en dehors de mon assiette",

src/app/[locale]/to-act/act.tsx

@@ -24,7 +24,7 @@ const Act = () => {
         contentPosition="right"
         mode="light"
         image={{
-          large: "/images/storytelling/biodiversity-hd.webp",
+          large: "/images/act/call-companies.jpg",
         }}
       />
 
@@ -38,7 +38,7 @@ const Act = () => {
         contentPosition="right"
         mode="light"
         image={{
-          large: "/images/storytelling/biodiversity-hd.webp",
+          large: "/images/act/stop-industry.jpg",
         }}
       />
 
@@ -52,7 +52,7 @@ const Act = () => {
         contentPosition="right"
         mode="light"
         image={{
-          large: "/images/storytelling/biodiversity-hd.webp",
+          large: "/images/act/support-seastemik.jpg",
         }}
       />
 
@@ -64,7 +64,7 @@ const Act = () => {
         contentPosition="right"
         mode="light"
         image={{
-          large: "/images/storytelling/biodiversity-hd.webp",
+          large: "/images/act/no-eat-salmon.jpeg",
         }}
       />
     </>

src/components/Edito.tsx

@@ -11,7 +11,7 @@ const Edito = ({
   image,
   content,
   mode = "dark",
-  link = "/",
+  link,
   linkLabel,
   contentPosition = "left",
 }: {
@@ -98,19 +98,13 @@ const Edito = ({
                 "block aspect-square",
               )}
             >
-              {image.small && (
-                <source srcSet={image.small} media="(min-width:300px)" />
-              )}
-              {image.medium && (
-                <source srcSet={image.medium} media="(min-width:600px)" />
-              )}
               <Image
                 loading="lazy"
                 src={image.large}
                 width={600}
                 height={600}
                 alt=""
-                className="w-full"
+                className="w-full h-full object-cover"
               />
             </picture>
             {image.caption && (