genpass/privacy.html at main · PocketBinary/genpass · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Politique de Confidentialité — GenPass</title>
    <meta name="description" content="Politique de confidentialité de GenPass.">
    <link rel="canonical" href="https://genpass.fr/privacy.html">
    <!-- Content Security Policy -->
    <meta http-equiv="Content-Security-Policy"
        content="default-src 'none'; script-src 'self'; style-src 'self'; img-src 'self'; font-src 'self'; connect-src 'self'; manifest-src 'self'">
    <!-- Preload fonts -->
    <link rel="preload" href="fonts/PirulenRg.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="fonts/tabler-icons.subset.woff2" as="font" type="font/woff2" crossorigin>
    <!-- Préchargement de style.css : téléchargé en parallèle, appliqué en bas de <body> -->
    <link rel="preload" href="css/style.css" as="style">
    <!-- Styles critiques (above-the-fold) : bloquants mais minuscules -->
    <link rel="stylesheet" href="css/tabler-icons.min.css">
    <link rel="stylesheet" href="css/critical.css">
    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
</head>

<body>
    <!-- Header identique à index.html -->
    <header class="site-header">
        <div class="header-inner">
            <a href="/" class="header-brand">
                <img src="assets/logo.svg" class="brand-logo" alt="GenPass" width="32" height="32">
                <span class="brand-name">GenPass</span>
            </a>
            <p class="header-tagline">Générez des mots de passe forts — 100&nbsp;% local, zéro collecte de données</p>
            <button class="theme-toggle" id="themeToggle" aria-label="Changer le thème">
                <i class="ti ti-moon theme-icon moon-icon" aria-hidden="true"></i>
                <i class="ti ti-sun theme-icon sun-icon" aria-hidden="true"></i>
            </button>
        </div>
    </header>

    <main class="site-main">
        <div class="container container-block">
            <div class="privacy-content">
                <a href="/" class="back-link">
                    <i class="ti ti-arrow-left"></i> Retour au générateur
                </a>

                <h1 class="heading-primary">Politique de Confidentialité</h1>

                <h2 class="heading-secondary">1. Transparence et collecte de données</h2>
                <p>La protection de votre vie privée n'est pas qu'une promesse, c'est l'essence même de l'architecture
                    technique de GenPass. Notre outil est rigoureusement conçu selon le principe de <strong>"Privacy by
                        Design"</strong> et <strong>"Privacy by Default"</strong>. Nous garantissons que nous ne
                    collectons, n'analysons, ne stockons et ne transmettons absolument aucune donnée personnelle. Aucun
                    traceur publicitaire, aucun outil d'analyse d'audience (comme Google Analytics) ni aucun cookie de
                    suivi n'est intégré au code source de cette application.</p>

                <h2 class="heading-secondary">2. Traitement des mots de passe en local</h2>
                <p>La fonction première de GenPass étant de créer des clés de sécurité, le niveau d'isolation doit être
                    maximal. C'est pourquoi toute la logique de génération cryptographique s'exécute de manière
                    strictement <strong>locale dans votre navigateur web</strong>. Lorsque vous cliquez sur "Générer",
                    aucun serveur distant n'est sollicité, aucune requête réseau contenant vos futurs mots de passe
                    n'est émise. L'outil utilise la <code>Web Crypto API</code> intégrée à votre appareil pour garantir
                    un résultat sûr et privé.</p>

                <h2 class="heading-secondary">3. Stockage local et préférences (localStorage)</h2>
                <p>Pour améliorer votre confort d'utilisation sans compromettre votre anonymat, GenPass utilise la
                    fonctionnalité de stockage local (localStorage) de votre navigateur. Ce mécanisme permet de
                    mémoriser exclusivement des <strong>préférences d'interface inoffensives</strong>, telles que votre
                    choix de thème (clair ou sombre) ou vos paramètres de longueur de mot de passe favoris. Ces données
                    de configuration restent confinées sur votre appareil et peuvent être effacées à tout moment via les
                    paramètres de votre navigateur.</p>

                <h2 class="heading-secondary">4. Hébergement et infrastructure</h2>
                <p>Le site GenPass est déployé de manière statique via l'infrastructure GitHub Pages. Dans le cadre du
                    fonctionnement normal d'internet, les serveurs d'hébergement traitent techniquement votre adresse IP
                    pour vous distribuer les fichiers du site (HTML, CSS, JS). Ces journaux d'accès (logs) sont gérés
                    par l'hébergeur à des fins exclusives de sécurité, de maintien en condition opérationnelle et de
                    prévention des attaques par déni de service, conformément à sa propre politique globale.</p>

                <h2 class="heading-secondary">5. Liens vers des services tiers</h2>
                <p>Afin d'enrichir votre culture de la cybersécurité, notre interface peut proposer des liens sortants
                    vers des services de confiance (par exemple : vérification des fuites de données via <em>Have I Been
                        Pwned</em>, ou recommandations de gestionnaires de mots de passe comme <em>Proton Pass</em>).
                    GenPass n'exerce aucun contrôle sur le contenu ou les pratiques de confidentialité de ces
                    plateformes externes. Nous vous invitons à consulter leurs politiques de confidentialité respectives
                    lorsque vous quittez notre écosystème.</p>
            </div>
        </div>
    </main>

    <!-- Footer identique à index.html -->
    <footer class="site-footer">
        <div class="footer-inner">
            <p class="footer-copy">© 2026 GenPass · Créé par PocketBinary</p>
            <div class="footer-links">
                <a href="https://github.com/SletOne/genpass" target="_blank" rel="noopener noreferrer"
                    class="footer-link">
                    <i class="ti ti-brand-github"></i>
                    Open source
                </a>
                <span class="footer-sep">·</span>
                <a href="https://haveibeenpwned.com" target="_blank" rel="noopener noreferrer" class="footer-link">
                    <i class="ti ti-shield-check"></i>
                    Vérifier mes identifiants
                </a>
                <span class="footer-sep">·</span>
                <a href="privacy.html" class="footer-link" aria-current="page">
                    <i class="ti ti-lock"></i>
                    Confidentialité
                </a>
            </div>
        </div>
    </footer>

    <!-- style.css : préchargé dans <head>, appliqué ici pour ne pas bloquer le premier rendu -->
    <link rel="stylesheet" href="css/style.css">
    <script type="module" src="js/privacy.js"></script>
</body>

</html>