furtest/tigrou
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout pinguin en feu + piege a con

Browse Source
This commit is contained in:
Yoan Guerin
2025-12-05 03:47:50 +01:00
parent 31c028b38d
commit 9f1e8e1456
10 changed files with 127 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
html/PAI.html Normal file
View File

@@ -0,0 +1,65 @@
<!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>

4
html/index.html
View File

@@ -10,13 +10,13 @@
</head>
<body>
<header>
<img src="../pinguin.gif" alt="Mascotte animée" class="header-gif" />
<img src="../pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Logiciels Libres</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="./partenaires.html">Partenaires</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>

6
html/outils.html
View File

@@ -8,13 +8,13 @@
</head>
<body>
<header>
<img src="../pinguin.gif" alt="Mascotte animée" class="header-gif" />
<h1>Outils et OS</h1>
<img src="../pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Outils et OS</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="./partenaires.html">Partenaires</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>

26
html/partenaires.html
View File

@@ -1,26 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jeu Pokémon</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<header>
<img src="../pinguin.gif" alt="Mascotte animée" class="header-gif" />
<h1>Partenaires </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="./partenaires.html">Partenaires</a></li>
<li><a href="./qcm.html">QCM</a></li>
<li><a href="./outils.html">Outils et OS</a></li>
</ul>
</nav>
</header>
</body>
</html>

4
html/pokemon.html
View File

@@ -9,13 +9,13 @@
<body>
<header>
<img src="../pinguin.gif" alt="Mascotte animée" class="header-gif" />
<img src="../pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Jeu Pokémon</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="./partenaires.html">Partenaires</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>

4
html/qcm.html
View File

@@ -9,13 +9,13 @@
<body>
<header>
<img src="../pinguin.gif" alt="Mascotte animée" class="header-gif" />
<img src="../pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>QCM</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="./partenaires.html">Partenaires</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>

BIN
pinguin 03.30.42.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
pinguin(1).gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
pinguin(2).gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

53
style.css
View File

@@ -332,3 +332,56 @@ button:hover {
object-fit: contain;
image-rendering: pixelated;
}
.pai-container {
margin: 3rem auto;
max-width: 600px;
text-align: center;
}
.pai-box {
border: 2px solid #00ff88;
padding: 2rem;
background: rgba(0, 255, 136, 0.05);
box-shadow: 0 0 12px #00ff88;
border-radius: 10px;
}
.loading-bar {
width: 100%;
height: 22px;
background: #003322;
border: 2px solid #00ff88;
border-radius: 6px;
overflow: hidden;
margin-top: 1.5rem;
}
.loading-fill {
height: 100%;
width: 0%;
background: #00ff88;
box-shadow: 0 0 10px #00ff88;
animation: fill 7s infinite;
}
@keyframes fill {
0% { width: 0%; }
50% { width: 100%; }
100% { width: 0%; }
}
.pai-text {
margin-top: 1.5rem;
font-size: 1.2rem;
color: #00ffcc;
text-shadow: 0 0 6px #00ff88;
min-height: 60px;
}
.pai-small {
margin-top: 2rem;
font-size: 0.9rem;
color: #00ff88;
opacity: 0.7;
}