Skip to content
This repository was archived by the owner on Apr 5, 2024. It is now read-only.

Commit e7118e4

Browse files
maxgfrmaxgfr
committed
feat: add page
1 parent 07e9514 commit e7118e4

File tree

4 files changed

+183
-7
lines changed

4 files changed

+183
-7
lines changed

‎.socialgouv/config.json

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"name": "template",
3+
"type": "static",
4+
"subdomain": "template",
5+
"registry": "ghcr",
6+
"project": "fabrique"
7+
}

‎src/pages/cgu.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const Index: NextPage = () => {
1717
]}
1818
/>
1919
<div className="fr-container fr-my-6w">
20-
<h1 id="mentions-legales">Conditions générales d&apos;utilisation</h1>
20+
<h1>Conditions générales d&apos;utilisation</h1>
2121
<div>
2222
<MentionPart
2323
title="Présentation"

‎src/pages/mention-legales.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const Index: NextPage = () => {
1818
]}
1919
/>
2020
<div className="fr-container fr-my-6w">
21-
<h1 id="mentions-legales">Mentions légales</h1>
21+
<h1>Mentions légales</h1>
2222
<div>
2323
<MentionPart
2424
title="Hébergement du site"

‎src/pages/politique-confidentialite.tsx

+174-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
1-
import { MentionPart } from "@components";
1+
import { Table } from "@dataesr/react-dsfr";
22
import type { NextPage } from "next";
33
import { NextSeo } from "next-seo";
44
import React from "react";
55

6+
const URL = [
7+
{
8+
name: "Déclaration de confidentialité Microsoft",
9+
value: "https://privacy.microsoft.com/fr-fr/privacystatement",
10+
},
11+
];
12+
613
const Index: NextPage = () => {
714
return (
815
<>
@@ -17,12 +24,174 @@ const Index: NextPage = () => {
1724
]}
1825
/>
1926
<div className="fr-container fr-my-6w">
20-
<h1 id="mentions-legales">Politique de confidentialité</h1>
27+
<h1>Politique de confidentialité</h1>
2128
<div>
22-
<MentionPart
23-
title="Traitement des données à caractère personnel"
24-
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."
29+
<h2>Traitement des données à caractère personnel</h2>
30+
<p>Template ne vous demande ni ne stocke d’information nominative.</p>
31+
<p>
32+
Pour autant, nous enregistrons les informations saisies dans la
33+
barre de recherche. Elles sont conservées pendant deux années pour
34+
analyser les usages, améliorer la précision des réponses apportées
35+
et améliorer le service et ainsi réaliser la mission d’intérêt
36+
public.
37+
</p>
38+
<p>
39+
Nous nous engageons à ne jamais céder ces informations à des tiers.
40+
</p>
41+
<p>
42+
Vous avez un droit d’accès, de rectification et de suppression de
43+
vos données. Pour l’exercer, faites-nous parvenir une demande en
44+
précisant la date et l’heure précise de la requête et tout élément
45+
permettant d’attester que vous êtes bien l’auteur du message - ces
46+
éléments sont indispensables pour nous permettre de retrouver votre
47+
recherche - par voie électronique à l’adresse suivante&nbsp;:{" "}
48+
<a
49+
title="Envoyer un mail à [email protected]"
50+
href="mailto:[email protected]"
51+
>
52+
[email protected]
53+
</a>
54+
<br />
55+
ou par voie postale&nbsp;:
56+
</p>
57+
<address className="fr-mb-2w">
58+
Direction des systèmes d’information
59+
<br />
60+
Ministère des affaires sociales et de la santé
61+
<br />
62+
39-43 Quai André Citroën
63+
<br />
64+
75015 PARIS
65+
</address>
66+
<p>
67+
Vous êtes également en droit de saisir la Commission Nationale de
68+
l’Informatique et des Libertés pour toute réclamation à{" "}
69+
<a
70+
title="Adresser une réclamation (plainte) à la CNIL"
71+
href="https://www.cnil.fr/fr/cnil-direct/question/adresser-une-reclamation-plainte-la-cnil-quelles-conditions-et-comment"
72+
>
73+
l’adresse suivante
74+
</a>
75+
.
76+
</p>
77+
<h2>Hébergement</h2>
78+
<Table
79+
rowKey={row => row.name}
80+
data={[
81+
{
82+
name: "Microsoft Azure",
83+
country: "France",
84+
treatment: "Hébergement",
85+
urlName: "Déclaration de confidentialité Microsoft",
86+
},
87+
]}
88+
columns={[
89+
{ name: "name", label: "Partenaire" },
90+
{ name: "country", label: "Pays destinataire" },
91+
{
92+
name: "treatment",
93+
label: "Traitement réalisé",
94+
},
95+
{
96+
name: "urlName",
97+
label: "Garantie",
98+
render: ({ urlName }: { urlName: string }) => (
99+
<a
100+
title={urlName}
101+
target="_blank"
102+
rel="nofollow, noopener, noreferrer"
103+
href={URL.find(v => v.name === urlName)?.value}
104+
>
105+
{urlName}
106+
</a>
107+
),
108+
},
109+
]}
110+
/>
111+
<h2>Cookies</h2>
112+
<p>
113+
Un cookie est un fichier déposé sur votre terminal lors de la visite
114+
d’un site. Il a pour but de collecter des informations relatives à
115+
votre navigation et de vous adresser des services adaptés à votre
116+
terminal (ordinateur, mobile ou tablette).
117+
</p>
118+
<p>
119+
Nous collectons donc des données par l’intermédiaire de dispositifs
120+
appelés “cookies” permettant d’établir des mesures statistiques.
121+
</p>
122+
<Table
123+
rowKey={row => row.name}
124+
data={[
125+
{
126+
type: "Mesure d’audience anonymisée",
127+
name: "Matomo",
128+
months: "13 mois",
129+
purpose: "Mesure d’audience",
130+
editor: "Matomo & Fabrique numérique",
131+
country: "France",
132+
},
133+
]}
134+
columns={[
135+
{ name: "type", label: "Catégorie de cookie" },
136+
{ name: "name", label: "Nom du cookie" },
137+
{
138+
name: "months",
139+
label: "Délai de conservation",
140+
},
141+
{ name: "purpose", label: "Finalités" },
142+
{ name: "editor", label: "Éditeur" },
143+
{ name: "country", label: "Destination" },
144+
]}
145+
/>
146+
<p>
147+
L’accès aux informations contenues dans les cookies est limité aux
148+
seules personnes autorisées au sein de la Fabrique numérique. En
149+
outre, l’éditeur peut utiliser certaines données pour des finalités
150+
qui lui sont propres.
151+
</p>
152+
<p>
153+
À tout moment, vous pouvez refuser l’utilisation des cookies et
154+
désactiver le dépôt sur votre ordinateur en utilisant la fonction
155+
dédiée de votre navigateur (fonction disponible notamment sur
156+
Microsoft Internet Explorer 11, Google Chrome, Mozilla Firefox,
157+
Apple Safari et Opera).
158+
</p>
159+
<p>
160+
Pour l’outil Matomo, vous pouvez décider de ne jamais être suivi, y
161+
compris anonymement&nbsp;:
162+
</p>
163+
<iframe
164+
title="matomo optout"
165+
style={{ border: 0, width: "100%" }}
166+
src="https://matomo.fabrique.social.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=2f3b6c&fontSize=16px&fontFamily=sans-serif"
25167
/>
168+
<p>
169+
Pour aller plus loin, vous pouvez consulter les fiches proposées par
170+
la Commission Nationale de l’Informatique et des Libertés
171+
(CNIL)&nbsp;:
172+
</p>
173+
<ul>
174+
<li>
175+
<a
176+
title="Déclaration de confidentialité Microsoft"
177+
target="_blank"
178+
rel="nofollow, noopener, noreferrer"
179+
href="https://www.cnil.fr/fr/cookies-traceurs-que-dit-la-loi"
180+
>
181+
Cookies et traceurs : que dit la loi ?
182+
</a>
183+
</li>
184+
<li>
185+
<a
186+
title="Déclaration de confidentialité Microsoft"
187+
target="_blank"
188+
rel="nofollow, noopener, noreferrer"
189+
href="https://www.cnil.fr/fr/cookies-les-outils-pour-les-maitriser"
190+
>
191+
Cookies : les outils pour les maîtriser
192+
</a>
193+
</li>
194+
</ul>
26195
</div>
27196
</div>
28197
</>

0 commit comments

Comments
 (0)