66 lines
1.8 KiB
HTML
66 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>PAI - Analyse en cours</title>
|
||
<link rel="stylesheet" href="../style.css">
|
||
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<img src="../pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
|
||
<h1>PAI</h1>
|
||
|
||
<nav>
|
||
<ul class="menu">
|
||
<li><a href="./index.html">Accueil </a></li>
|
||
<li><a href="./pokemon.html">Jeu Pokémon</a></li>
|
||
<li><a href="./PAI.html">PAI</a></li>
|
||
<li><a href="./qcm.html">QCM</a></li>
|
||
<li><a href="./outils.html">Outils et OS</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="pai-container">
|
||
<div class="pai-box">
|
||
<h2>Protocole d’Analyse Intellectuelle</h2>
|
||
<p id="pai-text" class="pai-text">Initialisation du système…</p>
|
||
|
||
<div class="loading-bar">
|
||
<div class="loading-fill"></div>
|
||
</div>
|
||
|
||
<p class="pai-small">Veuillez patienter… l’analyse peut prendre plusieurs siècles.</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<script>
|
||
const messages = [
|
||
"Analyse du QI en cours…",
|
||
"Calcul du niveau de bon sens…",
|
||
"Mesure du taux de curiosité…",
|
||
"Scan des neurones disponibles…",
|
||
"Synchronisation avec le protocole PAI…",
|
||
"Détection de l'utilisateur…",
|
||
"Hmm… les résultats ne sont pas glorieux.",
|
||
"Erreur : cerveau introuvable. Reconnexion en cours…",
|
||
"Analyse presque terminée… enfin, peut-être.",
|
||
];
|
||
|
||
let index = 0;
|
||
|
||
setInterval(() => {
|
||
index = (index + 1) % messages.length;
|
||
document.getElementById("pai-text").textContent = messages[index];
|
||
}, 3500);
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|