sushi/Camilou.fr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
e8dbdda62209766d0d0ca8bfe388f6d7b3128136
Camilou.fr/HTML/TN/Crypto/test23.html
T
Camilla Schoeser ec81bcd634 ajout tout
2026-05-29 21:10:04 +02:00

202 lines
8.5 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>SIGNAL_TERMINAL_V9_HYBRID</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="data-column"></div>
<div id="scanner-line"></div>
<div id="hud">
[ SYSTEM: <span class="blink">STABLE</span> ]<br>
[ NODE: TELECOM_NANCY_SRV ]<br>
[ DATA_STACK: <span id="counter">00</span> ]
</div>
<div id="bg-logs">
<div id="log-scroll"></div>
</div>
<div id="desk">
<div class="card active" id="c1" style="top: 10%; left: 50%; transform: translate(-50%, 0); width: 800px;">
<div class="tag">[ CLASSIFIED // SESSION_START ]</div>
<h2 style="text-align: center; font-size: 3rem;">Protocole de messagerie sécurisée : Signal</h2>
<p style="text-align: center; opacity: 0.6;">Analyse de la souveraineté et du chiffrement moderne</p>
</div>
<div class="card from-bottom" id="c2" style="top: 20%; left: 15%;">
<div class="tag">[ CRYPTO_BASICS ]</div>
<h2>01_LES_FONDAMENTAUX</h2>
<div class="step-content active">
<p><strong>Protocole de messagerie classique :</strong></p>
<ul class="terminal-list">
<li>Confidentialité</li>
<li>Intégrité</li>
<li>Authentification</li>
<li>Disponibilité</li>
</ul>
</div>
<div class="step-content" style="border-top: 1px dashed #ccc; margin-top: 10px; padding-top: 10px;">
<p><strong>Standard Moderne (Signal) :</strong></p>
<ul class="terminal-list cyan-list">
<li>Confidentialité persistante (PFS)</li>
<li>Auto-guérison</li>
<li>Asynchronisme</li>
<li>Déniabilité plausible</li>
<li>E2EE</li>
</ul>
</div>
</div>
<div class="card from-left" id="c3" style="top: 15%; left: 10%; width: 650px;">
<div class="tag">[ TIMELINE_DUMP ]</div>
<h2>02_HISTORIQUE_EVOLUTION</h2>
<div class="step-content active">
<p><strong>1982-1992 : L'ère du clair (SMS/Email)</strong></p>
<p class="small">SMTP & SMS : Stockage en clair dans les serveurs (SMSC). Les opérateurs et routeurs lisent tout (Hop-by-Hop).</p>
<p class="small">2020 : RCS (Google) impose l'E2EE mais l'interopérabilité reste complexe.</p>
</div>
<div class="step-content">
<p><strong>1991 : PGP (Pretty Good Privacy)</strong></p>
<p class="small">Le premier E2EE asynchrone grand public. <span class="alert">Échec :</span> Pas de PFS. Si une clé est volée, tout le passé est décryptable.</p>
</div>
<div class="step-content">
<p><strong>2004 : OTR (Off-the-Record)</strong></p>
<p class="small">Apporte la PFS et la déniabilité. <span class="alert">Échec :</span> Uniquement synchrone. Bob doit être en ligne pour "négocier" la clé. Inadapté au mobile.</p>
</div>
</div>
<div class="card from-bottom" id="c4" style="top: 10%; left: 55%; width: 550px;">
<div class="tag">[ PROTOCOL_DEEP_DIVE ]</div>
<h2>03_SIGNAL_REVOLUTION</h2>
<p><strong>2013 :</strong> Fusion du meilleur d'OTR et de PGP.</p>
<ul class="small">
<li><strong>Asynchronisme parfait :</strong> Utilisation de <em>Pre-keys</em> (coupons de clés) stockées sur le serveur.</li>
<li><strong>Double Ratchet :</strong> Renouvellement des clés à chaque message (Auto-guérison).</li>
<li><strong>2023 :</strong> Déploiement de <strong>PQXDH</strong> (Post-Quantum).</li>
</ul>
</div>
<div class="card from-left" id="c5" style="top: 20%; left: 10%; width: 850px;">
<div class="tag">[ COMPARISON_MATRIX ]</div>
<table class="mini-table">
<tr><th>Critères</th><th>SMS/Email</th><th>PGP</th><th>OTR</th><th>Signal</th></tr>
<tr><td>Confidentialité</td><td>Partielle ❌</td><td>✅</td><td>✅</td><td>✅</td></tr>
<tr><td>E2EE</td><td>❌</td><td>✅</td><td>✅</td><td>✅</td></tr>
<tr><td>Asynchronisme</td><td>✅</td><td>✅</td><td>❌</td><td>✅</td></tr>
<tr><td>PFS (Persistance)</td><td>❌</td><td>❌</td><td>✅</td><td>✅</td></tr>
<tr><td>Auto-guérison</td><td>❌</td><td>❌</td><td>❌</td><td>✅</td></tr>
<tr><td>Déniabilité</td><td>❌</td><td>❌</td><td>✅</td><td>✅</td></tr>
</table>
</div>
<div class="card from-bottom" id="c6" style="top: 40%; left: 50%; width: 600px;">
<div class="tag">[ ECOSYSTEM_ANALYSIS ]</div>
<h2>04_ADOPTION</h2>
<p class="small">Le protocole Signal est devenu le standard industriel :</p>
<div class="logo-grid">
<div class="logo-item"><img src="whatsapp.png" style="height:60px;"></div>
<div class="logo-item"><img src="google.png" class="logo" style="margin-bottom:-40px;"></div>
<div class="logo-item"><img src="messenger.png" class="logo"></div>
<div class="logo-item"><img src="skype.png" class="logo"></div>
</div>
<p class="small" style="margin-top:15px;">Développé par une ONG (Signal Foundation)</p>
</div>
<div class="card from-left" id="c7" style="top: 25%; left: 20%;">
<div class="tag">[ SYSTEM_VULNERABILITIES ]</div>
<h2>05_LIMITES_ACTUELLES</h2>
<ul class="terminal-list">
<li>Menace Quantique (Algorithme de Shor)</li>
<li>Compromission des Endpoints (Pegasus)</li>
<li>Attaques MitM sur les clés publiques</li>
</ul>
</div>
<div class="card from-bottom" id="c8" style="top: 15%; left: 10%; width: 900px;">
<div class="tag">[ SOVEREIGNTY_MATRIX_V2 ]</div>
<h2>06_ANALYSE_COMPARATIVE</h2>
<table class="mini-table">
<thead>
<tr>
<th>Critère</th>
<th>Signal Messenger</th>
<th>WhatsApp</th>
<th>Discord</th>
<th>Matrix (Element)</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Protocole</strong></td>
<td>Signal Protocol</td>
<td>Signal (variante)</td>
<td>Propriétaire</td>
<td>Matrix (Olm)</td>
</tr>
<tr>
<td><strong>Modèle Réseau</strong></td>
<td>Centralisé</td>
<td>Centralisé</td>
<td>Centralisé</td>
<td>Décentralisé</td>
</tr>
<tr>
<td><strong>E2EE par défaut</strong></td>
<td>✅ Oui (Partout)</td>
<td>✅ Oui (Partout)</td>
<td>❌ Non (Sauf Voix)</td>
<td>✅ Oui</td>
</tr>
<tr>
<td><strong>Métadonnées</strong></td>
<td>Minimisées</td>
<td>Exploitées</td>
<td>Collecte massive</td>
<td>Variable</td>
</tr>
<tr>
<td><strong>Gouvernance</strong></td>
<td>Fondation</td>
<td>Meta (Privée)</td>
<td>Privée</td>
<td>Standard Ouvert</td>
</tr>
<tr>
<td><strong>Souveraineté</strong></td>
<td>Faible (USA)</td>
<td>Nulle (Cloud)</td>
<td>Nulle (Cloud)</td>
<td>Totale ✅</td>
</tr>
</tbody>
</table>
</div>
<div class="card from-left" id="c9" style="top: 40%; left: 50%; transform: translate(-50%, -50%);">
<h2 style="font-size: 5rem; text-align: center;">CONCLUSION.</h2>
<p style="text-align: center;">Session de questions / réponses</p>
</div>
</div> <div id="axo-layer">
<img src="cliquet.gif" class="top-right-gif step-content">
<h2 style="color:#000; border-bottom: 5px solid #000; animation: none;">TECH_FOCUS: X3DH & Double Ratchet</h2>
<p style="font-family: var(--font-pixel); font-size: 1.5rem; color:#000;">[ EXPLICATIONS AU TABLEAU ]</p>
<img src="axolotl.webp" style="height:20%">
</div>
<div class="nav-controls">
<button class="nav-btn" onclick="prev()">[ PREV ]</button>
<div class="nav-separator"></div>
<button class="nav-btn" onclick="next()">[ NEXT ]</button>
</div>
<script src="script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink