115 lines
4.4 KiB
TypeScript
115 lines
4.4 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Mentions légales — CV-Maker",
|
|
description:
|
|
"Mentions légales de l'application CV-Maker : éditeur, données traitées, stockage et droits.",
|
|
};
|
|
|
|
export default function MentionsLegalesPage() {
|
|
return (
|
|
<main className="mx-auto w-full max-w-3xl flex-1 px-6 py-10">
|
|
<Link
|
|
href="/"
|
|
className="text-sm font-medium text-muted underline-offset-2 hover:text-accent hover:underline"
|
|
>
|
|
← Retour à l'éditeur
|
|
</Link>
|
|
|
|
<h1 className="mt-4 text-2xl font-bold text-ink">Mentions légales</h1>
|
|
|
|
<div className="mt-6 space-y-6 text-sm leading-relaxed text-ink">
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">Éditeur</h2>
|
|
<p className="mt-2">
|
|
L'utilisateur de l'application est le seul responsable et
|
|
destinataire des données saisies. Aucune entité tiers ne traite ces
|
|
données.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">Données traitées</h2>
|
|
<p className="mt-2">
|
|
Les zones de saisie (message d'accroche, état civil, contacts,
|
|
formations, soft skills, centres d'intérêt) et les expériences
|
|
professionnelles contiennent des informations que vous choisissez de
|
|
saisir : nom, prénom, adresse, e-mail, téléphone, site web, GitHub,
|
|
parcours professionnel et formations.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">Finalité</h2>
|
|
<p className="mt-2">
|
|
Les données sont utilisées exclusivement à la production d'un CV,
|
|
destiné à être imprimé ou exporté en PDF par l'utilisateur.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">Stockage</h2>
|
|
<p className="mt-2">
|
|
Les données sont stockées dans le{" "}
|
|
<code className="rounded bg-paper px-1.5 py-0.5 font-mono text-xs">
|
|
localStorage
|
|
</code>{" "}
|
|
du navigateur, sous la clé{" "}
|
|
<code className="rounded bg-paper px-1.5 py-0.5 font-mono text-xs">
|
|
cv-maker:v1
|
|
</code>
|
|
. Aucune donnée n'est envoyée à un serveur. Le stockage est
|
|
entièrement local à votre navigateur.
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">Durée de conservation</h2>
|
|
<p className="mt-2">
|
|
Les données sont conservées jusqu'à leur effacement par
|
|
l'utilisateur (via le bouton « Réinitialiser » dans
|
|
l'application, ou en vidant le cache de votre navigateur).
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">
|
|
Droits de la personne concernée
|
|
</h2>
|
|
<p className="mt-2">
|
|
En tant que seul responsable des données, vous disposez d'un accès
|
|
complet à l'ensemble des informations saisies. Vous pouvez les
|
|
modifier à tout moment depuis l'éditeur, ou les supprimer en
|
|
utilisant :
|
|
</p>
|
|
<ul className="mt-2 list-disc space-y-1 pl-5">
|
|
<li>
|
|
Le bouton <strong>« Réinitialiser »</strong> dans la barre d'outils
|
|
(après confirmation).
|
|
</li>
|
|
<li>
|
|
Les outils de votre navigateur : paramètres → vie privée → vider les
|
|
données de ce site pour cette application.
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 className="text-base font-semibold text-ink">Sécurité</h2>
|
|
<p className="mt-2">
|
|
Le contenu Markdown saisi est assaini avant rendu via{" "}
|
|
<strong>DOMPurify</strong> pour neutraliser tout script ou contenu
|
|
dangereux (protection contre les attaques XSS). Aucune donnée
|
|
n'est transmise sur le réseau ; l'application fonctionne
|
|
entièrement hors ligne une fois chargée.
|
|
</p>
|
|
</section>
|
|
|
|
<p className="text-xs text-muted">
|
|
Dernière mise à jour : 16 septembre 2026
|
|
</p>
|
|
</div>
|
|
</main>
|
|
);
|
|
} |