diff --git a/messages/en/pages/about.json b/messages/en/pages/about.json index 2a2070131..72f65f7f2 100644 --- a/messages/en/pages/about.json +++ b/messages/en/pages/about.json @@ -6,15 +6,17 @@ "title": "About", "why": { "title": "Why PinkBombs?", - "content": "

We are in a state of ocean emergency. The ocean, being Earth's primary life source, is under growing threat due to our human activities. Overfishing stands as the leading cause of biodiversity loss. Salmon, emblematic of intensive farming, is particularly affected. There is therefore an urgent need to change the food system to protect marine ecosystems, animal and human health.

PinkBombs is there to:

" + "content": "

We are in a state of ocean emergency. The ocean, being Earth's primary life source, is under growing threat due to our human activities. Overfishing stands as the leading cause of biodiversity loss. Salmon, emblematic of intensive fish farming, is particularly affected. There is therefore an urgent need to change the food system to protect marine ecosystems, animal and human health.

PinkBombs is there to:

" }, "who": { - "title": "Who we are?", - "content": "

PinkBombs is the result of a collaboration between two non-profit organizations, Seastemik and DataforGood.

Seastemik is an NGO founded in 2023 by a collective of optimists concerned about the state of the oceans, the primary source of life on Earth. By raising awareness among civil society and engaging the responsibility of intermediary actors (large-scale retail and collective catering) and the State, our mission is to drive a transition towards a healthy, accessible, and sustainable food system that respects the oceans, human societies, and animals.

Data For Good is a French NGO whose aim is to help projects of general interest to develop. Thanks to a community of over 4000 tech-savvy volunteers, a dozen projects a year are supported and developed for over 3 months.

" + "title": "Who are we?", + "content": "

PinkBombs is the result of a collaboration between two non-profit organizations, Seastemik and DataforGood .

Thank you! We would like to express our deep gratitude to each of these individuals who gave their time and expertise to enable the creation of the project, from its conception to its implementation: Adrien Brogniet, Agathe Arnould, Antoine Rogeau, Béatrice Chetard, Charlotte Eckstein, Charlotte Martinez, Erin Pacquetet, Gaëlle Nordström-Schüler, Giuseppe Guarino, Jade Fath, Julie Lasserre, Malena Guallar, Marie Courraud, Maud Ges, Maxime Schroder, Mélanie Beraud, Nadezda Berzina, Nelson Carvalho, Nicolas Berthozat, Oumeima El Isbihani, Paul Pajot, Paul Tenaillon, Quentin Deltour, Sandrine Dimitriadis, Sarah Rieubland, Solène Richard, Thomas Catinaud Taris, Vincent Martin.

" }, "methods": { - "title": "Approach & methodologies", - "content": "

PinkBombs was created by a consortium of non-profit organizations that analyze and transform public data into accessible tools to raise awareness of the key levers for halting the ocean emergency.

Our approach is based on three pillars:

  1. Open source: the code is available here.
  2. Collaborative: Reach out to contribute or suggest improvements.
  3. Dynamic: Our database is regularly updated to incorporate new insights and to enhance its accuracy.

Our approach followed three steps:

  1. Prioritized topics: The aim of the website being to offer a compilation of the most striking information on the subject, the organization set out to prioritize the subjects to be tackled. Then each volunteer chose the subjects they wanted to tackle alone or in groups.
  2. In-depth research: Research is carried out on the internet and by contacting experts, taking care to use only scientific sources and not to use information from unreliable sources or without sourced or scientific support.
  3. Peer reviewed data: In the interest of data quality, all information is double-checked by another volunteer or member of the Seastemik organization (source and formulation).
" + "title": "Approach", + "content": "

PinkBombs was created by a consortium of non-profit organizations that analyze and transform public data into accessible tools to raise awareness of the key levers for halting the ocean emergency.

Our approach is based on three pillars:

  1. Open source: all the data is available on the platform.
  2. Collaborative: Reach out to contribute or suggest improvements.
  3. Dynamic: Our database is regularly updated to incorporate new insights and to enhance its accuracy.

Our approach followed three steps:

  1. Prioritized topics: The aim of the website being to offer a compilation of the most striking information on the subject, the organization set out to prioritize the subjects to be tackled. Then each volunteer chose the subjects they wanted to tackle alone or in groups.
  2. In-depth research: Research is carried out on the internet and by contacting experts, taking care to use only scientific sources and not to use information from unreliable sources or without sourced or scientific support.
  3. Peer reviewed data: In the interest of data quality, all information is double-checked by another volunteer or member of the Seastemik organization (source and formulation).
", + "link": "Contact us", + "target": "https://seastemik.org/nous-ecrire" }, "sources": "Sources & Methodology", "statement": { diff --git a/messages/fr/pages/about.json b/messages/fr/pages/about.json index f798354a8..b477a818e 100644 --- a/messages/fr/pages/about.json +++ b/messages/fr/pages/about.json @@ -6,15 +6,17 @@ "title": "À propos", "why": { "title": "Pourquoi PinkBombs ?", - "content": "

Nous sommes face à une urgence océanique. L'océan, principale source de vie sur Terre, est de plus en plus menacé par nos activités humaines. La surpêche est la principale cause de perte de biodiversité marine. Le saumon, emblématique de l'aquaculture intensive, génère des impacts multiples à l’échelle mondiale. Il est donc urgent de changer le système alimentaire pour protéger les écosystèmes marins, la santé animale et humaine.

PinkBombs est là pour :

" + "content": "

Nous sommes face à une urgence océanique. L'océan, principale source de vie sur Terre, est de plus en plus menacé par nos activités humaines. La surpêche est la principale cause de perte de biodiversité marine. Le saumon, emblématique de l'aquaculture intensive, génère des impacts multiples à l’échelle mondiale. Il est donc urgent de changer le système alimentaire pour protéger les écosystèmes marins, la santé animale et humaine.

PinkBombs est là pour :

" }, "who": { "title": "Qui sommes-nous ?", - "content": "

PinkBombs est le fruit d'une collaboration entre deux organisations à but non lucratif, Seastemik et DataforGood.

Seastemik est une ONG fondée en 2023 par un collectif d'optimistes préoccupés par l'état des océans. En sensibilisant la société civile et en engageant la responsabilité des acteurs intermédiaires (grande distribution et restauration collective) et de l'État, notre mission est de favoriser une transition vers un système alimentaire sain, accessible et durable.

Data For Good est une ONG française dont le but est d'aider les projets d'intérêt général à se développer. Grâce à une communauté de plus de 4000 bénévoles compétents en technologie, une douzaine de projets sont soutenus et développés pendant plus de 3 mois.

" + "content": "

PinkBombs est le fruit d'une collaboration entre deux organisations à but non lucratif, Seastemik et DataforGood.

Un immense merci aux volontaires qui ont mis leurs talents et leur temps pour permettre à ce projet de voir le jour : Adrien Brogniet, Agathe Arnould, Antoine Rogeau, Béatrice Chetard, Charlotte Eckstein, Charlotte Martinez, Erin Pacquetet, Gaëlle Nordström-Schüler, Giuseppe Guarino, Jade Fath, Julie Lasserre, Malena Guallar, Marie Courraud, Maud Ges, Maxime Schroder, Mélanie Beraud, Nadezda Berzina, Nelson Carvalho, Nicolas Berthozat, Oumeima El Isbihani, Paul Pajot, Paul Tenaillon, Quentin Deltour, Sandrine Dimitriadis, Sarah Rieubland, Solène Richard, Thomas Catinaud Taris, Vincent Martin. Gratitude éternelle.

" }, "methods": { - "title": "Approche et démarche", - "content": "

PinkBombs a été créé pour analyser et transformer les données publiques en outils accessibles à tous.

Notre approche repose sur trois valeurs :

  1. Open source : le code et la data sont disponibles ici.
  2. Collaboratif : contactez-nous pour contribuer ou suggérer des améliorations.
  3. Dynamique : Notre base de données est régulièrement mise à jour pour intégrer de nouvelles perspectives et améliorer sa précision.

Notre démarche a suivi trois étapes :

  1. Identifications des sujets prioritaires : L'objectif du site étant d'offrir une compilation des informations les plus frappantes sur le sujet, l'organisation a commencé par prioriser les sujets à aborder.
  2. Recherche approfondie : Une recherche documentaire a été menée sur Internet et en contactant des experts, en prenant soin d'utiliser uniquement des sources scientifiques ou issues d’organisations internationales renommées.
  3. Données évaluées par des pairs : Dans l'intérêt de la qualité des données, toutes les informations ont été vérifiées en interne. Un soutien d’experts à permis la validation finale.
" + "title": "Approche", + "content": "

PinkBombs a été créé pour analyser et transformer les données publiques en outils accessibles à tous.

Notre approche repose sur trois valeurs :

  1. Open source : les datas sont disponibles.
  2. Collaboratif : contactez-nous pour contribuer ou suggérer des améliorations.
  3. Dynamique : Notre base de données est régulièrement mise à jour pour intégrer de nouvelles perspectives et améliorer sa précision.

Notre démarche a suivi trois étapes :

  1. Identifications des sujets prioritaires : L'objectif du site étant d'offrir une compilation des informations les plus frappantes sur le sujet, l'organisation a commencé par prioriser les sujets à aborder.
  2. Recherche approfondie : Une recherche documentaire a été menée sur Internet et en contactant des experts, en prenant soin d'utiliser uniquement des sources scientifiques ou issues d’organisations internationales renommées.
  3. Données évaluées par des pairs : Dans l'intérêt de la qualité des données, toutes les informations ont été vérifiées en interne. Un soutien d’experts à permis la validation finale.

Nous avons oublié des informations clés ? Vous avez une question ? Veuillez nous contacter.

", + "link": "Contactez-nous", + "target": "https://seastemik.org/nous-ecrire" }, "sources": "Sources & méthodologies", "statement": { diff --git a/src/app/[locale]/about/about.tsx b/src/app/[locale]/about/about.tsx index a1f622e2f..4f6102a95 100644 --- a/src/app/[locale]/about/about.tsx +++ b/src/app/[locale]/about/about.tsx @@ -54,7 +54,11 @@ const ExplainSection = () => { id="methods-section-title" title={t("methods.title")} /> - + ); }; diff --git a/src/components/AboutSection.tsx b/src/components/AboutSection.tsx index ae5eac80c..ce76f4776 100644 --- a/src/components/AboutSection.tsx +++ b/src/components/AboutSection.tsx @@ -1,19 +1,30 @@ import clsx from "clsx"; +import { useTranslations } from "next-intl"; import React from "react"; +import MainLink from "@/components/links/MainLink"; + +type AboutSectionProps = { + content?: string; + className?: string; + title?: string; + subtitle?: string; + id?: string; + link?: string; + linkLabel?: string; +}; + const AboutSection = ({ content, className = "", title, subtitle, id = "", -}: { - content?: string; - className?: string; - title?: string; - subtitle?: string; - id?: string; -}) => { + link, + linkLabel, +}: AboutSectionProps) => { + const t = useTranslations("components"); + if (!content && !title && !subtitle) return <>; return ( @@ -24,6 +35,16 @@ const AboutSection = ({ {title &&

{title}

} {subtitle &&

{subtitle}

} {content &&
} + + {link ? ( + + ) : null}
); }; diff --git a/src/components/links/MainLink.tsx b/src/components/links/MainLink.tsx new file mode 100644 index 000000000..e7f1babd9 --- /dev/null +++ b/src/components/links/MainLink.tsx @@ -0,0 +1,69 @@ +import clsx from "clsx"; +import Link from "next/link"; +import React from "react"; + +type MainLinkProps = { + className?: string; + href: string; + label: string; + mode?: "dark" | "light"; + isBlank?: boolean; + hasIcon?: boolean; +}; + +const MainLink = ({ + className, + href, + label, + mode = "dark", + isBlank = false, + hasIcon = false, + ...rest +}: MainLinkProps) => { + if (!href || !label) { + return <>; + } + + return ( + + {hasIcon && ( + + )} + {label} + + ); +}; + +export default MainLink;