Merge pull request #1813 from BaseAdresseNationale/page_mentions_legales

Pages Mentions légales et CGU

public/markdown/cgu.md

@@ -0,0 +1,33 @@
+---
+title: Conditions Générales d'Utilisation
+---
+
+## Conditions Générales d’Utilisation
+
+Tout utilisateur de la plateforme reconnaît expressément souscrire sans réserve aux présentes conditions générales d’utilisation (CGU). L’utilisation de la plateforme suppose le respect total des lois, règlements et tous les autres textes juridiques en vigueur. Il conviendra de respecter l’ensemble de ces dispositions et règles en toutes circonstances. A défaut, l’utilisateur est conscient qu’il risque des sanctions civiles, pénales et/ou disciplinaires.
+
+### Disponibilité du site
+
+L’éditeur s’engage à mettre en œuvre tout ce qui est possible techniquement pour sécuriser l’accès et l’utilisation du site adresse.data.gouv.fr. Elle est accessible 24 heures sur 24, 7 jours sur 7, sauf en cas de force majeure ou de survenance d’un événement hors du contrôle de l’éditeur et sous réserve d’éventuelles pannes et interventions de maintenance nécessaires au bon fonctionnement de la plateforme.
+
+
+L’éditeur ne garantit pas que la plateforme fonctionne de manière ininterrompue, sécurisée ou qu’elle soit exempte d’erreurs. Les interventions de maintenance pourront être effectuées sans que les utilisateurs de adresse.data.gouv.fr n’aient été préalablement avertis.
+
+
+L’éditeur ne peut être tenu pour responsable d’une éventuelle rupture de ce service ou d’un problème technique empêchant un utilisateur d’accéder au site adresse.data.gouv.fr.
+
+L’éditeur se réserve la possibilité de refuser l’accès aux services offerts par adresse.data.gouv.fr en cas d’usage abusif ou de violation de dispositions législatives ou réglementaires en vigueur.
+
+### Accès aux données personnelles
+
+En application de la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, les utilisateurs de la plateforme data.gouv.fr disposent notamment d’un droit d’accès et de rectification auprès de l’éditeur de la plateforme.
+
+Ce droit s’exerce auprès de la direction interministérielle du numérique (DINUM), 20 avenue de Ségur, 75007 Paris.
+
+La plateforme data.gouv.fr a été déclarée à la Commission Nationale de l’Informatique et des Libertés sous le numéro : eRa0876341t.
+
+### Stockage des données soumises à l’API
+
+Les données adresses soumises à l’API peuvent être conservées dans un but d’amélioration du service, que ce soit au niveau des algorithmes ou au niveau du contenu de la BAN.
+
+Pour les fichiers CSV soumis au géocodage, seules les colonnes signalées comme contenant les données adresses peuvent être conservées, aucun stockage des autres colonnes n’est effectué à l’issu du traitement.

public/markdown/mentions-legales.md

@@ -0,0 +1,27 @@
+---
+title: Mentions Legales
+---
+
+### Mentions légales
+
+#### Editeur
+
+Direction interministérielle du numérique (DINUM)  
+20, avenue de Ségur  
+75007 Paris  
+dinsic-sec-directeur [à] modernisation.gouv.fr  
+
+Directrice de la publication : Mme Stéphanie Schaer, DINUM
+
+#### Hébergeur
+
+Société OVH  
+SAS au capital de 10 174 560 €  
+RCS Lille Métropole 424 761 419 00045  
+Code APE 6311Z  
+Siège social : 2 rue Kellermann - 59100 Roubaix - France.  
+
+### Nous contacter  
+
+[[email protected]](mailto:[email protected])
+

src/app/cgu/page.styled.tsx

@@ -0,0 +1,24 @@
+'use client'
+import styled from 'styled-components'
+
+export const TextWrapper = styled.div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 1rem;
+
+    article {
+      flex: 65;
+      min-width: 600px;
+
+      img {
+        max-width: 100%;
+      }
+    }
+
+    aside {
+      flex: 35;
+      min-width: 300px;
+    }
+`

src/app/cgu/page.tsx

@@ -0,0 +1,43 @@
+import { Suspense } from 'react'
+import { CallOut } from '@codegouvfr/react-dsfr/CallOut'
+import Section from '@/components/Section'
+import HtmlViewer from '@/components/HtmlViewer'
+import { getMarkdown } from '@/lib/markdown'
+import type { DataType } from '@/lib/markdown'
+import Breadcrumb from '@/layouts/Breadcrumb'
+import { TextWrapper } from './page.styled'
+
+export default async function Home() {
+  const { contentHtml, data }: { contentHtml?: string, data?: DataType } = await getMarkdown('cgu') || {}
+
+  return (
+    <>
+      <Breadcrumb
+        currentPageLabel="Conditions Générales d'Utilisation"
+        segments={[]}
+      />
+      <Section>
+        <TextWrapper>
+          <Suspense fallback={<p>Chargement...</p>}>
+            <article>
+              {contentHtml && <HtmlViewer html={contentHtml} />}
+            </article>
+            {
+              data?.aside && (
+                <aside>{data?.aside?.map(
+                  ({ data }) =>
+                    data?.contentHtml && (
+                      <CallOut key={`${data?.data?.title}`}>
+                        <HtmlViewer html={data?.contentHtml} />
+                      </CallOut>
+                    )
+                )}
+                </aside>
+              )
+            }
+          </Suspense>
+        </TextWrapper>
+      </Section>
+    </>
+  )
+}

src/app/mentions-legales/page.styled.tsx

@@ -0,0 +1,24 @@
+'use client'
+import styled from 'styled-components'
+
+export const TextWrapper = styled.div`
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 1rem;
+
+    article {
+      flex: 65;
+      min-width: 600px;
+
+      img {
+        max-width: 100%;
+      }
+    }
+
+    aside {
+      flex: 35;
+      min-width: 300px;
+    }
+`

src/app/mentions-legales/page.tsx

@@ -0,0 +1,43 @@
+import { Suspense } from 'react'
+import { CallOut } from '@codegouvfr/react-dsfr/CallOut'
+import Section from '@/components/Section'
+import HtmlViewer from '@/components/HtmlViewer'
+import { getMarkdown } from '@/lib/markdown'
+import type { DataType } from '@/lib/markdown'
+import { TextWrapper } from './page.styled'
+import Breadcrumb from '@/layouts/Breadcrumb'
+
+export default async function Home() {
+  const { contentHtml, data }: { contentHtml?: string, data?: DataType } = await getMarkdown('mentions-legales') || {}
+
+  return (
+    <>
+      <Breadcrumb
+        currentPageLabel="Mentions Légales"
+        segments={[]}
+      />
+      <Section>
+        <TextWrapper>
+          <Suspense fallback={<p>Chargement...</p>}>
+            <article>
+              {contentHtml && <HtmlViewer html={contentHtml} />}
+            </article>
+            {
+              data?.aside && (
+                <aside>{data?.aside?.map(
+                  ({ data }) =>
+                    data?.contentHtml && (
+                      <CallOut key={`${data?.data?.title}`}>
+                        <HtmlViewer html={data?.contentHtml} />
+                      </CallOut>
+                    )
+                )}
+                </aside>
+              )
+            }
+          </Suspense>
+        </TextWrapper>
+      </Section>
+    </>
+  )
+}

src/layouts/Footer.tsx

@@ -71,9 +71,13 @@ export default function Footer() {
           href: '/accessibilite',
         }}
         termsLinkProps={{
-          href: '/cgu',
+          href: '/mentions-legales',
         }}
         bottomItems={[
+          {
+            text: 'CGU',
+            linkProps: { href: '/cgu' },
+          },
           {
             text: 'Statistiques',
             linkProps: { href: '/stats' },