🌐(pages) translate legal pages to english

They should be translated to French using the i18n tooling and not
directly in the code.

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to
 - (frontend) invite user to a document (#52)
 - (frontend) manage members (update role / list / remove) (#81)
 - ✨(frontend) offline mode (#88)
+- (frontend) translate cgu (#83)
 
 ## Changed
 

src/frontend/apps/impress/src/pages/accessibility/index.tsx

@@ -23,34 +23,34 @@ const Page: NextPageWithLayout = () => {
       <Box $padding={{ horizontal: 'large', vertical: 'big' }}>
         <Text as="p" $display="inline">
           <Trans t={t} i18nKey="accessibility-dinum-services">
-            <strong>La DINUM</strong> s&apos;engage à rendre ses services
+            <strong>DINUM</strong> is committed to making its digital services
-            numériques accessibles, conformément à l&apos;article 47 de la loi
+            accessible, in accordance with article 47 of French law n° 2005-102
-            n° 2005-102 du 11 février 2005.
+            dated February 11, 2005.
           </Trans>
         </Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t("Déclaration d'accessibilité")}
+          {t('Accessibility statement')}
         </Text>
-        <Text as="p">{t('Établie le 20 décembre 2023.')}</Text>
+        <Text as="p">{t('Established on December 20, 2023.')}</Text>
         <Text as="p" $display="inline">
-          {t("Cette déclaration d'accessibilité s'applique au site")}{' '}
+          {t('This accessibility statement applies to the site hosted on')}{' '}
-          <strong>docs.numerique.gouv.fr</strong>.
+          <strong>https://docs.numerique.gouv.fr</strong>.
         </Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('État de conformité')}
+          {t('Compliance status')}
         </Text>
         <Text as="p" $display="inline">
           <Trans t={t} i18nKey="accessibility-not-audit">
-            <strong>docs.numerique.gouv.fr</strong> est non conforme avec le
+            <strong>https://docs.numerique.gouv.fr</strong> is not compliant
-            RGAA 4.1. Le site n&apos;a <strong>pas encore été audité.</strong>
+            with RGAA 4.1. The site has <strong>not yet been audited.</strong>
           </Trans>
         </Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('Amélioration et contact')}
+          {t('Improvement and contact')}
         </Text>
         <Text as="p" $display="inline">
           {t(
-            `Si vous n'arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable de lasuite.numerique.gouv.fr pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.`,
+            'If you are unable to access a content or a service, you can contact the person responsible for https://lasuite.numerique.gouv.fr to be directed to an accessible alternative or to obtain the content in another form.',
           )}
         </Text>
         <Text as="p" $display="inline">
@@ -65,57 +65,59 @@ const Page: NextPageWithLayout = () => {
             </TextStyled>
           </li>
           <li>
-            {t('Adresse:')} <strong>DINUM</strong>, 20 avenue de Ségur 75007
+            {t('Address:')} <strong>DINUM</strong>, 20 avenue de Ségur 75007
             Paris
           </li>
         </Text>
         <Text as="p" $display="inline">
-          {t('Nous essayons de répondre dans les 2 jours ouvrés.')}
+          {t('We try to respond within 2 working days.')}
         </Text>
 
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('Voie de recours')}
+          {t('Remedies')}
         </Text>
         <Text as="p" $display="inline">
-          {t(`Cette procédure est à utiliser dans le cas suivant:`)}{' '}
+          {t('This procedure should be used in the following case:')}{' '}
           {t(
-            `vous avez signalé au responsable du site internet un défaut d'accessibilité qui vous empêche d'accéder à un contenu ou à un des services du portail et vous n'avez pas obtenu de réponse satisfaisante.`,
+            'you have reported to the website manager a lack of accessibility that prevents you from accessing content or one of the services of the portal and you have not received a satisfactory response.',
           )}
         </Text>
         <Text as="p" $display="inline" $margin={{ bottom: 'tiny' }}>
-          {t('Vous pouvez:')}
+          {t('You can:')}
         </Text>
         <Text as="p" $display="inline" $margin={{ top: 'tiny' }}>
           <li>
             <Trans t={t} i18nKey="accessibility-form-defenseurdesdroits">
-              Écrire un message au{' '}
+              Write a message to the
               <TextStyled
                 as="a"
                 href="https://formulaire.defenseurdesdroits.fr/formulaire_saisine/"
                 $display="inline"
+                $margin={{ left: '4px' }}
               >
-                Défenseur des droits
+                Defender of Rights
               </TextStyled>
             </Trans>
           </li>
           <li>
             <Trans t={t} i18nKey="accessibility-contact-defenseurdesdroits">
-              Contacter le délégué du
+              Contact the delegate of the
               <TextStyled
                 as="a"
                 href="https://www.defenseurdesdroits.fr/carte-des-delegues"
                 $display="inline"
+                $margin={{ left: '4px' }}
               >
-                {t('Défenseur des droits dans votre région')}
+                Defender of Rights in your region
               </TextStyled>
             </Trans>
           </li>
           <li>
-            {t(
+            {t('Send a letter by post (free of charge, no stamp needed):')}{' '}
-              `Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre):`,
-            )}{' '}
             <strong>
-              Défenseur des droits Libre réponse 71120 75342 Paris CEDEX 07
+              {t(
+                'Defender of Rights - Free response - 71120 75342 Paris CEDEX 07',
+              )}
             </strong>
           </li>
         </Text>

src/frontend/apps/impress/src/pages/legal-notice/index.tsx

@@ -22,17 +22,19 @@ const Page: NextPageWithLayout = () => {
       </Box>
       <Box $padding={{ horizontal: 'large', vertical: 'big' }}>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('Éditeur')}
+          {t('Publisher')}
         </Text>
         <Text as="p">
           {t(
-            'Équipe La Suite Numérique de la Direction interministérielle du numérique DINUM, 20 avenue de Ségur 75007 Paris.',
+            'French Interministerial Directorate for Digital Affairs (DINUM), 20 avenue de Ségur 75007 Paris.',
           )}
         </Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('Directeur de la publication')}
+          {t('Publication Director')}
+        </Text>
+        <Text as="p">
+          {t('Stéphanie Schaer: Interministerial Digital Director (DINUM).')}
         </Text>
-        <Text as="p">{t('Directeur interministériel du numérique.')}</Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
           {t('Copyright')}
         </Text>
@@ -43,15 +45,15 @@ const Page: NextPageWithLayout = () => {
           </Text>
         </Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t("Plus d'infos ?")}
+          {t('More info?')}
         </Text>
         <Text as="p" $display="inline">
           {t(
-            "L'équipe de La Suite Numérique peut être contactée directement à",
+            'The team in charge of the digital workspace "La Suite numérique" can be contacted directly at',
           )}{' '}
           <TextStyled
             as="a"
-            href="lasuite@modernisation.gouv.fr"
+            href="mailto:lasuite@modernisation.gouv.fr"
             $display="inline"
           >
             lasuite@modernisation.gouv.fr

src/frontend/apps/impress/src/pages/personal-data-cookies/index.tsx

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { Box, Text, TextStyled } from '@/components';
+import { Box, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 import { PageLayout } from '@/layouts';
 import { NextPageWithLayout } from '@/types/next';
@@ -22,52 +22,38 @@ const Page: NextPageWithLayout = () => {
       </Box>
       <Box $padding={{ horizontal: 'large', vertical: 'big' }}>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('Cookies déposés')}
+          {t('Cookies placed')}
         </Text>
         <Text as="p">
           {t(
-            'Ce site dépose un petit fichier texte (un « cookie ») sur votre ordinateur lorsque vous le consultez.',
+            'This site places a small text file (a "cookie") on your computer when you visit it.',
           )}
           {t(
-            'Cela nous permet de mesurer le nombre de visites et de comprendre quelles sont les pages les plus consultées.',
+            'This allows us to measure the number of visits and understand which pages are the most viewed.',
           )}
         </Text>
         <Text as="p">
+          {t('You can oppose the tracking of your browsing on this website.')}
           {t(
-            'Vous pouvez vous opposer au suivi de votre navigation sur ce site web.',
+            'This will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.',
-          )}
-          {t(
-            "Cela protégera votre vie privée, mais empêchera également le propriétaire d'apprendre de vos actions et de créer une meilleure expérience pour vous et les autres utilisateurs.",
           )}
         </Text>
         <Text as="h2" $margin={{ bottom: 'xtiny' }}>
+          {t('This site does not display a cookie consent banner, why?')}
+        </Text>
+        <Text as="p">
           {t(
-            "Ce site n'affiche pas de bannière de consentement aux cookies, pourquoi ?",
+            "It's true, you didn't have to click on a block that covers half the page to say you agree to the placement of cookies — even if you don't know what it means!",
           )}
         </Text>
         <Text as="p">
           {t(
-            "C'est vrai, vous n'avez pas eu à cliquer sur un bloc qui recouvre la moitié de la page pour dire que vous êtes d'accord avec le dépôt de cookies — même si vous ne savez pas ce que ça veut dire !",
+            'Nothing exceptional, no special privileges related to a .gouv.fr.',
+          )}
+          {t(
+            'We simply comply with the law, which states that certain audience measurement tools, properly configured to respect privacy, are exempt from prior authorization.',
           )}
         </Text>
-        <Text as="p">
-          {t("Rien d'exceptionnel, pas de passe-droit lié à un .gouv.fr .")}
-          {t(
-            "Nous respectons simplement la loi, qui dit que certains outils de suivi d'audience, correctement configurés pour respecter la vie privée, sont exemptés d'autorisation préalable.",
-          )}
-        </Text>
-        <Text as="h2" $margin={{ bottom: 'xtiny' }}>
-          {t('Je contribue à enrichir vos données, puis-je y accéder ?')}
-        </Text>
-        <p>
-          {t(
-            "Bien sûr ! Les statistiques d'usage de la majorité de nos produits, dont docs.numerique.gouv.fr, sont disponibles en accès libre sur",
-          )}{' '}
-          <TextStyled as="a" href="stats.data.gouv.fr" $display="inline">
-            stats.data.gouv.fr
-          </TextStyled>
-          .
-        </p>
       </Box>
     </Box>
   );