feat: add page

SocialGouv · Mar 11, 2022 · e7118e4 · e7118e4
1 parent 07e9514
commit e7118e4
Show file tree

Hide file tree

Showing 4 changed files with 183 additions and 7 deletions.
diff --git a/.socialgouv/config.json b/.socialgouv/config.json
@@ -0,0 +1,7 @@
+{
+  "name": "template",
+  "type": "static",
+  "subdomain": "template",
+  "registry": "ghcr",
+  "project": "fabrique"
+}
diff --git a/src/pages/cgu.tsx b/src/pages/cgu.tsx
@@ -17,7 +17,7 @@ const Index: NextPage = () => {
         ]}
       />
       <div className="fr-container fr-my-6w">
-        <h1 id="mentions-legales">Conditions générales d&apos;utilisation</h1>
+        <h1>Conditions générales d&apos;utilisation</h1>
         <div>
           <MentionPart
             title="Présentation"

diff --git a/src/pages/mention-legales.tsx b/src/pages/mention-legales.tsx
@@ -18,7 +18,7 @@ const Index: NextPage = () => {
         ]}
       />
       <div className="fr-container fr-my-6w">
-        <h1 id="mentions-legales">Mentions légales</h1>
+        <h1>Mentions légales</h1>
         <div>
           <MentionPart
             title="Hébergement du site"

diff --git a/src/pages/politique-confidentialite.tsx b/src/pages/politique-confidentialite.tsx
@@ -1,8 +1,15 @@
-import { MentionPart } from "@components";
+import { Table } from "@dataesr/react-dsfr";
 import type { NextPage } from "next";
 import { NextSeo } from "next-seo";
 import React from "react";
 
+const URL = [
+  {
+    name: "Déclaration de confidentialité Microsoft",
+    value: "https://privacy.microsoft.com/fr-fr/privacystatement",
+  },
+];
+
 const Index: NextPage = () => {
   return (
     <>
@@ -17,12 +24,174 @@ const Index: NextPage = () => {
         ]}
       />
       <div className="fr-container fr-my-6w">
-        <h1 id="mentions-legales">Politique de confidentialité</h1>
+        <h1>Politique de confidentialité</h1>
         <div>
-          <MentionPart
-            title="Traitement des données à caractère personnel"
-            description="Le présent site 1000 premiers jours est à l'initiative de la Direction Générale de la Cohésion Sociale au sein de la Fabrique numérique des ministères sociaux."
+          <h2>Traitement des données à caractère personnel</h2>
+          <p>Template ne vous demande ni ne stocke d’information nominative.</p>
+          <p>
+            Pour autant, nous enregistrons les informations saisies dans la
+            barre de recherche. Elles sont conservées pendant deux années pour
+            analyser les usages, améliorer la précision des réponses apportées
+            et améliorer le service et ainsi réaliser la mission d’intérêt
+            public.
+          </p>
+          <p>
+            Nous nous engageons à ne jamais céder ces informations à des tiers.
+          </p>
+          <p>
+            Vous avez un droit d’accès, de rectification et de suppression de
+            vos données. Pour l’exercer, faites-nous parvenir une demande en
+            précisant la date et l’heure précise de la requête et tout élément
+            permettant d’attester que vous êtes bien l’auteur du message - ces
+            éléments sont indispensables pour nous permettre de retrouver votre
+            recherche - par voie électronique à l’adresse suivante&nbsp;:{" "}
+            <a
+              title="Envoyer un mail à template@fabrique.social.gouv.fr"
+              href="mailto:template@fabrique.social.gouv.fr"
+            >
+              template@fabrique.social.gouv.fr
+            </a>
+            <br />
+            ou par voie postale&nbsp;:
+          </p>
+          <address className="fr-mb-2w">
+            Direction des systèmes d’information
+            <br />
+            Ministère des affaires sociales et de la santé
+            <br />
+            39-43 Quai André Citroën
+            <br />
+            75015 PARIS
+          </address>
+          <p>
+            Vous êtes également en droit de saisir la Commission Nationale de
+            l’Informatique et des Libertés pour toute réclamation à{" "}
+            <a
+              title="Adresser une réclamation (plainte) à la CNIL"
+              href="https://www.cnil.fr/fr/cnil-direct/question/adresser-une-reclamation-plainte-la-cnil-quelles-conditions-et-comment"
+            >
+              l’adresse suivante
+            </a>
+            .
+          </p>
+          <h2>Hébergement</h2>
+          <Table
+            rowKey={row => row.name}
+            data={[
+              {
+                name: "Microsoft Azure",
+                country: "France",
+                treatment: "Hébergement",
+                urlName: "Déclaration de confidentialité Microsoft",
+              },
+            ]}
+            columns={[
+              { name: "name", label: "Partenaire" },
+              { name: "country", label: "Pays destinataire" },
+              {
+                name: "treatment",
+                label: "Traitement réalisé",
+              },
+              {
+                name: "urlName",
+                label: "Garantie",
+                render: ({ urlName }: { urlName: string }) => (
+                  <a
+                    title={urlName}
+                    target="_blank"
+                    rel="nofollow, noopener, noreferrer"
+                    href={URL.find(v => v.name === urlName)?.value}
+                  >
+                    {urlName}
+                  </a>
+                ),
+              },
+            ]}
+          />
+          <h2>Cookies</h2>
+          <p>
+            Un cookie est un fichier déposé sur votre terminal lors de la visite
+            d’un site. Il a pour but de collecter des informations relatives à
+            votre navigation et de vous adresser des services adaptés à votre
+            terminal (ordinateur, mobile ou tablette).
+          </p>
+          <p>
+            Nous collectons donc des données par l’intermédiaire de dispositifs
+            appelés “cookies” permettant d’établir des mesures statistiques.
+          </p>
+          <Table
+            rowKey={row => row.name}
+            data={[
+              {
+                type: "Mesure d’audience anonymisée",
+                name: "Matomo",
+                months: "13 mois",
+                purpose: "Mesure d’audience",
+                editor: "Matomo & Fabrique numérique",
+                country: "France",
+              },
+            ]}
+            columns={[
+              { name: "type", label: "Catégorie de cookie" },
+              { name: "name", label: "Nom du cookie" },
+              {
+                name: "months",
+                label: "Délai de conservation",
+              },
+              { name: "purpose", label: "Finalités" },
+              { name: "editor", label: "Éditeur" },
+              { name: "country", label: "Destination" },
+            ]}
+          />
+          <p>
+            L’accès aux informations contenues dans les cookies est limité aux
+            seules personnes autorisées au sein de la Fabrique numérique. En
+            outre, l’éditeur peut utiliser certaines données pour des finalités
+            qui lui sont propres.
+          </p>
+          <p>
+            À tout moment, vous pouvez refuser l’utilisation des cookies et
+            désactiver le dépôt sur votre ordinateur en utilisant la fonction
+            dédiée de votre navigateur (fonction disponible notamment sur
+            Microsoft Internet Explorer 11, Google Chrome, Mozilla Firefox,
+            Apple Safari et Opera).
+          </p>
+          <p>
+            Pour l’outil Matomo, vous pouvez décider de ne jamais être suivi, y
+            compris anonymement&nbsp;:
+          </p>
+          <iframe
+            title="matomo optout"
+            style={{ border: 0, width: "100%" }}
+            src="https://matomo.fabrique.social.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=2f3b6c&fontSize=16px&fontFamily=sans-serif"
           />
+          <p>
+            Pour aller plus loin, vous pouvez consulter les fiches proposées par
+            la Commission Nationale de l’Informatique et des Libertés
+            (CNIL)&nbsp;:
+          </p>
+          <ul>
+            <li>
+              <a
+                title="Déclaration de confidentialité Microsoft"
+                target="_blank"
+                rel="nofollow, noopener, noreferrer"
+                href="https://www.cnil.fr/fr/cookies-traceurs-que-dit-la-loi"
+              >
+                Cookies et traceurs : que dit la loi ?
+              </a>
+            </li>
+            <li>
+              <a
+                title="Déclaration de confidentialité Microsoft"
+                target="_blank"
+                rel="nofollow, noopener, noreferrer"
+                href="https://www.cnil.fr/fr/cookies-les-outils-pour-les-maitriser"
+              >
+                Cookies : les outils pour les maîtriser
+              </a>
+            </li>
+          </ul>
         </div>
       </div>
     </>