inclus page final

2024-12-24 00:52:14 +01:00
parent 1b12f3f732
commit ec777f133f
115 changed files with 6712 additions and 194 deletions
--- a/final1_b.html
+++ b/final1_b.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mystère !</title>
+    <link rel="stylesheet" href="static/css/mystere_b.css">
+</head>
+<body>
+    <div class="fullscreen-container" style="background-image: url('static/css/img/fond_mystere_b.webp');">
+        <!-- Texte en haut -->
+        <div class="header-text" id="header-text">
+            Je ne suis pas débutant, ni apprenti,<br />
+Dans mon domaine, je suis aguerri.<br />
+On me consulte pour mes compétences,<br />
+Et je réponds avec assurance.<br />
+Qui suis-je ?
+        </div>
+
+        <!-- Conteneur des défis -->
+        <div id="defis-container" class="defis-container"></div>
+
+        <!-- Champ de réponse -->
+        <input type="text" id="reponse" placeholder="Votre réponse">
+        <button id="valide" onclick="myFunction()">Valider</button>
+
+        <!-- Popup -->
+        <div id="popup" class="popup">
+            <img id="img" src="" alt="Popup Image">
+            <p id="popup-message">Vous pouvez aller chercher les cadeaux !!!</p>
+            <button class="close" onclick="document.getElementById('popup').style.display='none';">Fermer</button>
+        </div>
+    </div>
+
+    <script src="static/js/final_b.js"></script>
+    <script>
+ document.addEventListener('DOMContentLoaded', async () => {
+            async function chargerDefis() {
+                try {
+                    const response = await fetch('/defis_b');
+                    const data = await response.json();
+                    // verifie pour chaque data.defi1.resolu ... data.defi6.resolu = oui alors data.tout_resolu = oui sinon data.tout_resolu = non
+                    let tout_resolu = 'oui';    
+                    for (let i = 1; i <= 6; i++) {
+                        if (data[`defi_${i}`].resolu === 'non') {
+                            tout_resolu = 'non';
+                            break;
+                        }
+                    }
+                    data.tout_resolu = tout_resolu;
+                        
+                   
+ 
+
+
+
+
+
+                
+
+
+                    
+
+                    // Vérification si tout est résolu
+                    if (data.tout_resolu === 'oui') {
+                        document.getElementById('header-text').style.display = 'block';
+                        document.getElementById('reponse').style.display = 'block';
+                        document.getElementById('valide').style.display = 'block';
+                    } else {
+                        document.getElementById('header-text').style.display = 'none';
+                        document.getElementById('reponse').style.display = 'none';
+                        document.getElementById('valide').style.display = 'none';
+                    }
+
+                    // Charger les défis dynamiquement
+                    const defisContainer = document.getElementById('defis-container');
+                    if (defisContainer) {
+                        // Effacer les images existantes
+                        defisContainer.innerHTML = '';
+
+                        // Ajouter les nouvelles images
+                        Object.keys(data).forEach((key) => {
+                            if (key.startsWith('defi_')) {
+                                const defi = data[key];
+                                const imgSrc = defi.resolu === 'oui' ? defi.image_found : defi.image_not_found;
+
+                                const imgElement = document.createElement('img');
+                                imgElement.src = imgSrc;
+                                imgElement.alt = `Défi ${defi.number}`;
+                                imgElement.classList.add('defi-image', `defi-${defi.number}`);
+                                imgElement.style.cursor = defi.resolu === 'non' ? 'pointer' : 'default';
+
+                                // Ajoutez un gestionnaire de clic uniquement si l'image est "not_found"
+                                if (defi.resolu === 'non') {
+                                    imgElement.addEventListener('click', () => {
+                                        window.location.href = defi.link;
+                                    });
+                                }
+
+                                defisContainer.appendChild(imgElement);
+                            }
+                        });
+                    }
+                } catch (error) {
+                    console.error('Erreur lors du chargement des défis :', error);
+                }
+            }
+
+    // Charger les données au démarrage
+    chargerDefis();
+
+    // Actualiser les données toutes les 10 secondes (par exemple)
+    setInterval(chargerDefis, 2000);
+});
+    </script>
+</body>
+</html>