Release 2.0.1

Co-authored-by: Florian <[email protected]>
Co-authored-by: Benjamin Arias <[email protected]>
Co-authored-by: Paul Souche <[email protected]>
Co-authored-by: Clément <[email protected]>
Co-authored-by: Clément <[email protected]>
Co-authored-by: Paul Souche <[email protected]>
Co-authored-by: Lilian Saget-Lethias <[email protected]>

.github/workflows/upload-translation-status.yaml

@@ -71,7 +71,7 @@ jobs:
           > _You will find more information about the translation in the dedicated file._
           " > artifacts/result.md
       - name: Upload artifact
-        uses: actions/upload-artifact@v1
+        uses: actions/upload-artifact@v4
         with:
           name: pr_message
           path: artifacts

package.json

@@ -33,7 +33,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.1",
     "@incubateur-ademe/legal-pages-react": "^0.2.0",
-    "@incubateur-ademe/nosgestesclimat": "^3.1.0",
+    "@incubateur-ademe/nosgestesclimat": "^3.1.1",
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
     "@next/bundle-analyzer": "^14.1.0",

src/app/(simulation)/(large-layout-nosticky)/fin/_components/carbone/subcategories/Subcategory.tsx

@@ -29,10 +29,10 @@ export default function Subcategory({ subcategory, index }: Props) {
       )}>
       <div className="mb-4 flex items-start justify-between">
         <div>
-          <h3 className="mb-1 text-2xl lg:text-3xl">
+          <h3 className="mb-1 text-2xl">
             {index + 1}. {title}
           </h3>
-          <div className="text-xl lg:text-2xl">
+          <div className="text-base">
             <span className="font-black text-secondary-700">{percent} %</span>{' '}
             <Trans>de votre empreinte</Trans>
           </div>

src/app/(simulation)/(large-layout-nosticky)/fin/_components/eau/BlogArticles.tsx

@@ -1,3 +1,5 @@
+import ExternalLinkIcon from '@/components/icons/ExternalLinkIcon'
+import Link from '@/components/Link'
 import Trans from '@/components/translation/Trans'
 import Badge from '@/design-system/layout/Badge'
 import Title from '@/design-system/layout/Title'
@@ -13,30 +15,29 @@ export default function BlogArticles() {
         <Trans>Nos articles sur le sujet :</Trans>
       </p>
       <div className="mb-4 flex justify-center gap-4">
-        <div className="relative flex flex-1 flex-col justify-between overflow-hidden rounded-xl border-2 border-primary-50 bg-gray-100 pb-4 no-underline hover:bg-primary-100 lg:p-4">
+        <Link
+          href={'/blog/lexique-eau-tout-comprendre'}
+          target="_blank"
+          className="relative flex flex-1 flex-col justify-between overflow-hidden rounded-xl border-2 border-primary-50 bg-gray-100 pb-4 no-underline hover:bg-primary-100 lg:p-4">
           <div>
             <Image
-              src="/images/blog/velo.png"
+              src="/images/blog/philip-junior-mail-arroser-champ.jpg"
               width="400"
               height="200"
               className="mx-auto mb-3 h-24 w-full object-cover lg:h-36"
               alt={`Les 4 gestes pour réduire l’empreinte eau de mon alimentation`}
             />
             <p className="mb-3 px-4 text-center text-sm leading-tight text-black lg:px-0 lg:text-base">
-              <Trans>
-                Petit lexique pour tout comprendre à l’empreinte eau
-              </Trans>
+              <Trans>Le lexique pour tout comprendre à l’empreinte eau</Trans>
             </p>
           </div>
-          <div className="flex justify-center">
-            <Badge size="sm">
-              <Trans>Bientôt disponible !</Trans>
-            </Badge>
+          <div className="text-center text-sm text-primary-700 underline">
+            <Trans>Lire l'article</Trans>{' '}
+            <ExternalLinkIcon className="stroke-primary-700" />
           </div>
-        </div>
+        </Link>
         <div className="relative flex flex-1 flex-col justify-between overflow-hidden rounded-xl border-2 border-primary-50 bg-gray-100 pb-4 no-underline hover:bg-primary-100 lg:p-4">
           <div>
-            {' '}
             <Image
               src="/images/blog/william-bossen-fonte-glaces.jpg"
               width="400"

src/app/(simulation)/(large-layout-nosticky)/fin/_components/eau/WaterActions.tsx

@@ -1,3 +1,5 @@
+import ExternalLinkIcon from '@/components/icons/ExternalLinkIcon'
+import Link from '@/components/Link'
 import Trans from '@/components/translation/Trans'
 import Badge from '@/design-system/layout/Badge'
 import Title from '@/design-system/layout/Title'
@@ -25,40 +27,41 @@ export default function WaterActions() {
         <Trans>Retrouvez nos conseils dans ces articles :</Trans>
       </p>
       <div className="mb-4 flex justify-center gap-4">
-        <div className="relative flex flex-1 flex-col justify-between overflow-hidden rounded-xl border-2 border-primary-50 bg-gray-100 pb-4 no-underline hover:bg-primary-100 lg:p-4">
+        <Link
+          href={'/blog/reflexes-textile-econome-empreinte-eau'}
+          target="_blank"
+          className="relative flex flex-1 flex-col justify-between overflow-hidden rounded-xl border-2 border-primary-50 bg-gray-100 pb-4 no-underline hover:bg-primary-100 lg:p-4">
           <div>
             <Image
-              src="/images/blog/erda-estremera-demenagement.jpg"
+              src="/images/blog/priscilla-du-preez-garde-robe.jpg"
               width="400"
               height="200"
               className="mx-auto mb-3 h-24 w-full object-cover lg:h-36"
-              alt={`Les 4 gestes pour réduire l’empreinte eau de mon alimentation`}
+              alt={`Les 3 réflexes à adopter pour une garde-robe économe en eau`}
             />
             <p className="mb-3 px-4 text-center text-sm leading-tight text-black lg:px-0 lg:text-base">
               <Trans>
-                Les 4 gestes pour réduire l’empreinte eau de mon alimentation
+                Les 3 réflexes à adopter pour une garde-robe économe en eau
               </Trans>
             </p>
           </div>
-          <div className="flex justify-center">
-            <Badge size="sm">
-              <Trans>Bientôt disponible !</Trans>
-            </Badge>
+          <div className="text-center text-sm text-primary-700 underline">
+            <Trans>Lire l'article</Trans>{' '}
+            <ExternalLinkIcon className="stroke-primary-700" />
           </div>
-        </div>
+        </Link>
         <div className="relative flex flex-1 flex-col justify-between overflow-hidden rounded-xl border-2 border-primary-50 bg-gray-100 pb-4 no-underline hover:bg-primary-100 lg:p-4">
           <div>
-            {' '}
             <Image
-              src="/images/blog/campus.jpg"
+              src="/images/blog/gareth-hubbard-qPcSUERqBAc-unsplash.jpg"
               width="400"
               height="200"
               className="mx-auto mb-3 h-24 w-full object-cover lg:h-36"
               alt={`Les 4 gestes pour réduire l’empreinte eau de mon alimentation`}
             />
             <p className="mb-3 px-4 text-center text-sm leading-tight text-black lg:px-0 lg:text-base">
               <Trans>
-                Les 3 réflexes à adopter pour une garde-robe économe en eau
+                Les 4 gestes pour réduire l’empreinte eau de mon alimentation
               </Trans>
             </p>
           </div>

src/app/(simulation)/(large-layout-nosticky)/fin/_components/eau/WaterDisclaimer.tsx

@@ -14,7 +14,7 @@ export default function WaterDisclaimer() {
         <Trans>
           En règle générale, les valeurs d'empreinte eau varient{' '}
           <strong className="text-secondary-700">
-            entre 9000 et 15000 litres par jour
+            entre 3 000 et 9 000 litres par jour
           </strong>
           . Contrairement au carbone, il n'existe pas d'objectif chiffré pour
           l'empreinte eau.

src/locales/blog/fr/reflexes-textile-econome-empreinte-eau.mdx

@@ -0,0 +1,118 @@
+---
+date: '2024-09-09'
+title: "Les 3 réflexes à adopter pour une garde-robe économe en eau"
+description: "Le textile est un poste très important de l’empreinte eau des français : en moyenne, autour de 15% de cette empreinte. Pour comprendre comment réduire notre impact sur le cycle de l’eau douce, revenons ensemble sur les consommations en eau de chaque étape de la vie d’un vêtement. Pour l’exercice, partons d’un des grands classiques de notre garde-robe, le vêtement le plus vendu au monde : le tee-shirt."
+image: '/images/blog/priscilla-du-preez-garde-robe.jpg'
+categories: 'Consommation,Eau'
+author: 'Julie Pouliquen'
+---
+
+![Une garde robe, image de Priscilla du Preez](/images/blog/priscilla-du-preez-garde-robe.jpg)
+
+## 1. Entretenir une garde-robe réduite
+
+Une garde-robe économe en eau, c’est avant tout une garde-robe adaptée à votre usage. [Une étude menée par Movinga en 2018](https://www.corsenetinfos.corsica/Halte-au-Gaspi-Les-Francais-ne-portent-pas-68-des-vetements-qu-ils-possedent-_a34819.html) a estimé que les français ne portaient pas 68% de leur garde-robe ! Quand on voit le poids de ces vêtements dans notre empreinte eau (et notre empreinte carbone…), c’est un vrai gâchis environnemental.
+
+Les tee-shirts sont assez symptomatiques de cette société de l’abondance : objets promotionnels, cadeaux sportifs, de combien d’entre eux avons-nous pu dire “Bah, ça fera un pyjama !” ?
+
+À l’heure où l’on peut acheter un tee-shirt pour moins de 5€, il est grand temps de réaliser l’importance de notre empreinte eau, et de faire du tri dans nos achats (et nos placards, pour renvoyer nos tee-shirts inutilisés vers des filières de seconde-main).
+
+Réduire son empreinte eau, c’est donc, comme toujours, faire moins avant de mieux : un nombre limité de vêtements, portés longtemps, lavés uniquement si nécessaire, réparés quand ils sont abîmés, et amenés en point de tri pour recyclage, en fin de vie.
+
+Maintenant, s’il s’agit d’acheter…
+
+## 2. Choisir la bonne matière première
+
+Avant de confectionner un tee-shirt, il nous faut du tissu. Il existe toute une variété de matières premières à partir desquelles nous pouvons fabriquer un tee-shirt, et ces matières premières ont des empreintes eau qui varient énormément ! Choisir un tee-shirt économe en eau, c’est avant tout choisir le bon matériau. Passons-les en revue…
+
+### L’incontournable : le coton
+
+![Différence d'empreinte eau entre les cotons](/images/blog/empreinte-coton.png)
+
+La majorité de nos tee-shirts est fabriquée en coton. Or, celui-ci a une empreinte eau très importante : il faut 58 m3 d’eau pour produire 1 kg de coton. 90% de l’empreinte eau d’un tee-shirt en coton provient de la matière première. Le processus de transformation, lui, est relativement peu consommateur d’eau.
+
+L’empreinte eau du coton biologique est de 53,6 m3/kg. La différence est liée à l’absence de pollutions liées à cette culture. Si elle paraît faible en valeur, elle a donc de multiples autres co-bénéfices pour l’environnement. Le saviez-vous ? La culture du coton concentre à elle seule 25% de l’utilisation des pesticides dans le monde.
+
+*Vous vous demandez si le coton de votre tee-shirt est réellement bio ? [Voici le lien vers un article très complet sur les labels de la filière textile](https://www.wedressfair.fr/blog/3-etapes-pour-reconnaitre-un-vetement-eco-responsable?srsltid=AfmBOoq-Vb7gB0KgJq78_9KynKYKIWR6MJ46rWCfO8Zs_vbz20y68Isu).*
+
+Enfin, si vous souhaitez rester sur le coton pour votre tee-shirt, vous pouvez opter pour du coton recyclé : la production d’1 kg de coton recyclé nécessite 5,38 m3 d’eau, soit plus de dix fois moins que la production de la matière première !
+
+### Le concurrent numéro 1 : les fibres synthétiques et artificielles
+
+Les matières synthétiques nécessitent beaucoup moins d’eau pour leur fabrication :
+
+- 0,38 m3/kg pour le polyester
+- 2,31 m3/kg pour le nylon
+- 1,82 m3/kg pour l’acrylique
+- 3,86 m3/kg pour le viscose
+
+… mais leur utilisation pose d’autres problèmes :
+
+- Les fibres synthétiques sont produites à partir d’une ressource polluante non renouvelable (le pétrole et ses dérivés)
+- Ces tissus rejettent tout au long de leur vie des polluants, dans l’eau de lavage, des micro-plastiques qui finissent par arriver dans les océans et polluer toute la chaîne alimentaire.
+
+### Les alternatives durables : les fibres naturelles économes en eau
+
+Il existe des fibres naturelles dont la production consomme très peu d’eau. Ce sont les plus anciennes fibres textiles travaillées, elles sont adaptées à nos climats tempérés et nécessitent très peu d’intrants. Naturelles, elles ne polluent pas en se dégradant.
+
+- **Le lin** : 5,77 m3/kg
+
+    Le lin pousse en Europe. En France, vous en trouverez majoritairement en Normandie. La production européenne représente les 2/3 de la production mondiale.
+
+- **Le chanvre** : 2,59 m3/kg
+
+    Comme le lin, le chanvre nécessite peu voire pas d’intrants pour sa production. Ce matériau, aux qualités naturelles multiples (thermorégulateur, antibactérien, antifongique), qui peut pousser sous presque toutes les latitudes, mériterait de prendre plus de place dans l’industrie textile !
+
+- **La laine** : de 2,93 à 27,08 m3/kg selon la provenance
+
+    En France et en Europe, la laine a été délaissée ces dernières décennies au profit des fibres synthétiques. Des filières entières ont mis la clef sous la porte. Aujourd’hui, la laine en France est majoritairement considérée comme un déchet agricole. Elle est, au choix, brûlée, jetée, ou bradée (car non triée, donc peu qualitative) à des acteurs chinois pour la fabrication de vêtements à bas coût. À ce jour, la laine de l’industrie textile vient majoritairement d’Australie, de Chine, de Nouvelle-Zélande, d’Iran ou d’Argentine.
+
+    Recréer une filière laine locale permettrait de valoriser une matière première qui est un co-produit de l’industrie ovine, et de participer à une meilleure rémunération des éleveurs. La laine française a une empreinte eau très faible par rapport à la laine importée.
+
+- **Le jute, le liège, le Tencel® (ou Lyocell), les matières recyclées et upcyclées**
+
+    Bien que ne disposant pas de chiffres correspondant à l’empreinte eau de ces matières, nous savons que les procédés de fabrication sont économes en eau, et représentent également une très bonne alternative au coton.
+
+
+## 3. Sélectionner un vêtement durable
+
+Il existe trois critères qui forment pour la base de données Ecobalyse (que nous utilisons pour toutes nos données textiles liées à l’empreinte eau) une [note de durabilité d’un vêtement](https://fabrique-numerique.gitbook.io/ecobalyse/textile/durabilite), ayant une influence forte sur l’empreinte eau.
+
+En effet, l’empreinte eau d’un vêtement étant lié à sa conception, plus il est porté et plus son empreinte sera faible.
+
+Ces trois critères sont des guides, pour notre quête d’un vêtement économe en eau.
+
+### L’incitation à la réparation
+
+La réparabilité d’un vêtement est en quelque-sorte une double garantie :
+
+- Bien sûr, la réparabilité d’un vêtement permet de lui donner une deuxième, une troisième (une quatrième ?) vie, et donc de le rendre plus durable.
+- Mais aussi, la réparabilité est la garantie d’une conception résistante et durable, car seuls les vêtements les mieux conçus, les plus solides, sont réparables.
+
+### La largeur de gamme
+
+Impossible d’assurer une qualité de produit, et de service après-vente, sur une large gamme de produits. Privilégiez donc les marques dont l’offre de produit n’est pas trop large, ni renouvelée trop fréquemment.
+
+### L’affichage de la traçabilité
+
+Il est considéré que l’affichage de la traçabilité du vêtement est de nature à générer de l’attachement à ce dernier, et donc à l’utiliser plus longtemps.
+
+## Conclusion : le meilleur tee-shirt
+
+Notons en premier lieu que le meilleur tee-shirt est celui que vous portez. Pensez à amener ceux qui dorment dans vos placards à la ressourcerie la plus proche pour qu’ils puissent faire de nouveaux heureux !
+
+La ressourcerie sera également un excellent point de départ pour votre prochain achat de tee-shirt, si vous y trouviez votre bonheur. Évitons de contribuer à produire neuf ce qui existe déjà sur le marché de l’occasion.
+
+Et pour votre prochaine acquisition, voici quelques repères pour distinguer les bons des mauvais élèves en matière de tee-shirts :
+
+![Le meilleur tee-shirt](/images/blog/podium-tee-shirt.png)
+
+Enfin, rappelez-vous que le meilleur tee-shirt est celui que vous gardez et utilisez longtemps. Et pour cela, mollo sur le lavage ! Vous éviterez l’utilisation d’une grande quantité d’[eau domestique](https://nosgestesclimat.fr/blog/lexique-eau-tout-comprendre), vous éviterez l’émission de polluants, et vous contribuerez à la longévité de vos vêtements. D’ailleurs, triple bonus : les matières naturelles sont celles qui puent le moins, ont le moins besoin d’être lavées, et ne relâchent aucun polluant dans l’eau restituée.
+
+<div className="text-center">
+  <a
+    href="https://nosgestesclimat.fr?mtm_campaign=blog-simu&mtm_kwd=reflexes-textile-eau"
+    className="focus:ring-offset-3 transition-color mx-auto inline-flex items-center whitespace-nowrap rounded-full border-2 border-primary-700 bg-primary-700 !p-4 font-bold !text-white no-underline shadow-sm transition-colors transition-colors hover:bg-primary-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-primary-700 aria-disabled:opacity-50">
+    Et vous, connaissez-vous votre empreinte eau ?
+  </a>
+</div>

src/locales/ui/ui-en.yaml

@@ -1150,3 +1150,5 @@ entries:
   Un grand-père et sa petite fille qui regardent un film: A grandfather and his granddaughter watching a film
   Votre test est sauvegardé !: Your test is saved!
   <0>La taille des logements français a très fortement augmenté</0> sur ces 50 dernirèes années, passant de 23 à 40,4 m² par habitant, soit <4>90,9 m² en moyenne pour un foyer de 2,2 personnes.</4>: <0>The size of French homes has risen sharply</0> over the last 50 years, from 23 to 40.4 m² per inhabitant, or <4>90.9 m² on average for a household of 2.2 people.</4>
+  Le lexique pour tout comprendre à l’empreinte eau: A glossary to help you understand the water footprint
+  Lire l'article: Read the article

src/locales/ui/ui-es.yaml

@@ -1143,3 +1143,5 @@ entries:
   Une mère et son enfant sur un vélo: Una madre y su hijo en bicicleta
   Un grand-père et sa petite fille qui regardent un film: Un abuelo y su nieta viendo una película
   <0>La taille des logements français a très fortement augmenté</0> sur ces 50 dernirèes années, passant de 23 à 40,4 m² par habitant, soit <4>90,9 m² en moyenne pour un foyer de 2,2 personnes.</4>: <0>El tamaño de las viviendas francesas ha aumentado mucho</0> en los últimos 50 años, pasando de 23 a 40,4 m² por habitante, es decir, <4>90,9 m² de media para un hogar de 2,2 personas.</4>
+  Le lexique pour tout comprendre à l’empreinte eau: Un glosario para entender la huella hídrica
+  Lire l'article: Leer el artículo

src/locales/ui/ui-fr.yaml

@@ -937,3 +937,5 @@ entries:
   Une mère et son enfant sur un vélo: Une mère et son enfant sur un vélo
   Votre test est sauvegardé !: Votre test est sauvegardé !
   Vous pouvez le reprendre plus tard en cliquant sur le lien que vous avez reçu par email.: Vous pouvez le reprendre plus tard en cliquant sur le lien que vous avez reçu par email.
+  Le lexique pour tout comprendre à l’empreinte eau: Le lexique pour tout comprendre à l’empreinte eau
+  Lire l'article: Lire l'article

yarn.lock

@@ -1023,10 +1023,10 @@
     prompt-sync "^4.2.0"
     yargs "^17.7.2"
 
-"@incubateur-ademe/nosgestesclimat@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@incubateur-ademe/nosgestesclimat/-/nosgestesclimat-3.1.0.tgz#9b1e7763c9d99eba487710445bf1c8f0954268d0"
-  integrity sha512-OtvKm3xD/dtr03YHGsveZAcZJfIxlHu92GeUJTkyVs5OwhPUeSJIZZj/v6qKC6u8Smz33OwlILSZYQTTZrochw==
+"@incubateur-ademe/nosgestesclimat@^3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@incubateur-ademe/nosgestesclimat/-/nosgestesclimat-3.1.1.tgz#b472d445e877b32c76112e31dc596b58fec8eb77"
+  integrity sha512-Gw3k2F2oBTYeItxDdjMZYPF2zW28IYN4cVJhe7QGqjKCtWcxJDqEIeCosocd/00Bu4TgF4b0wffFoKD8pJ1WCg==
 
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"