UEIsBad-ChatControl/technical.html at main · GHub942/UEIsBad-ChatControl · 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Technical Folder - ChatControl</title>
<meta name="description" content="Comment fonctionne le scan côté client : comparaison de hash, vision par IA, détection du grooming, et statistiques sur les faux positifs.">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<meta name="theme-color" content="#0d1321">
<meta property="og:type" content="website">
<meta property="og:title" content="Dossier technique — Chat Control Dossier">
<meta property="og:description" content="Comment fonctionne le scan côté client : comparaison de hash, vision par IA, détection du grooming, et statistiques sur les faux positifs.">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<a class="skip-link" href="#main">Aller au contenu</a>

<header class="topbar">
  <div class="topbar-inner">
    <a href="home.html" class="brand"><span data-i18n="brand.title">Dossier Chat Control</span><span class="stamp" data-i18n="brand.stamp">EN DIRECT</span></a>
    <button class="nav-toggle" aria-label="Menu" aria-expanded="false">☰</button>
    <nav class="nav-links">
      <a href="home.html" data-i18n="nav.home">Accueil</a>
      <a href="status.html" data-i18n="nav.status">Statut légal</a>
      <a href="technical.html" data-i18n="nav.dossier">Dossier technique</a>
      <a href="protection.html" data-i18n="nav.protection">Manuel de protection</a>
      <a href="take-action.html" data-i18n="nav.act">Passer à l'action</a>
    </nav>
    <div class="lang-switch">
      <button class="lang-btn" data-lang="fr">FR</button>
      <button class="lang-btn" data-lang="en">EN</button>
      <button class="lang-btn" data-lang="de">DE</button>
      <button class="lang-btn" data-lang="it">IT</button>
      <button class="lang-btn" data-lang="es">ES</button>
    </div>
  </div>
</header>

<div class="container page-wrap" id="main">

  <section class="hero" style="padding:44px 40px;">
    <span class="eyebrow" data-i18n="dossier.eyebrow">Dossier technique</span>
    <h1 style="font-size:clamp(1.6rem,3vw,2.4rem);" data-i18n="dossier.h1">Comment le scan des messages fonctionne réellement</h1>
    <p class="lead" data-i18n="dossier.lead">…</p>
  </section>

  <div class="card reveal">
    <h2><span class="tag">01</span> <span data-i18n="dossier.s1.title">Injonctions de détection</span></h2>
    <p data-i18n="dossier.s1.body">…</p>
  </div>

  <div class="card reveal">
    <h2><span class="tag">02</span> <span data-i18n="dossier.tax.title">Trois méthodes de scan, trois modes de défaillance</span></h2>
    <h3 data-i18n="dossier.tax.t1title">Comparaison de hash</h3>
    <p data-i18n="dossier.tax.t1body">…</p>
    <h3 data-i18n="dossier.tax.t2title">Vision par ordinateur</h3>
    <p data-i18n="dossier.tax.t2body">…</p>
    <h3 data-i18n="dossier.tax.t3title">Détection du grooming</h3>
    <p data-i18n="dossier.tax.t3body">…</p>
  </div>

  <div class="card reveal">
    <h2><span class="tag">03</span> <span data-i18n="dossier.stats.title">Ce que montrent réellement les chiffres</span></h2>
    <h3 data-i18n="dossier.stats.fpTitle">Le problème de saturation des faux positifs</h3>
    <p class="note" data-i18n-html="dossier.stats.mathP">…</p>
    <p data-i18n="dossier.stats.fpBody">…</p>
    <div class="range-bar-wrap">
      <div class="range-bar-track">
        <div class="range-bar-fill" data-max="90"></div>
        <div class="range-bar-marker" data-pos="50"><span class="range-bar-marker-tag">~50%</span></div>
        <span class="range-bar-tag-end" data-pos="90">~90%</span>
      </div>
      <div class="range-bar-labels"><span>0%</span><span>50%</span><span>100%</span></div>
      <p class="range-bar-caption" data-i18n="dossier.stats.rangeCaption">…</p>
    </div>
    <p class="note" data-i18n="dossier.stats.sourcesNote">…</p>
  </div>

</div>

<footer class="site-footer">
  <div class="container">
    <p data-i18n="footer.text">Dossier de sensibilisation technique et civique.</p>
  </div>
</footer>

<script src="assets/js/lang/fr.js"></script>
<script src="assets/js/lang/en.js"></script>
<script src="assets/js/lang/de.js"></script>
<script src="assets/js/lang/it.js"></script>
<script src="assets/js/lang/es.js"></script>
<script src="assets/js/countries-data.js"></script>
<script src="assets/js/i18n.js"></script>
<script src="assets/js/render.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>