Update templates/index.html

templates/index.html

@@ -603,14 +603,13 @@
             header.className = 'mb-8 text-center';
             header.innerHTML = `
                 <h2 class="text-3xl font-bold text-gray-800 mb-2">Vos Flashcards (${flashcards.length})</h2>
-                <p class="text-gray-600">Cliquez sur une carte pour la retourner et voir la réponse</p>
+                <p >Cliquez sur une carte pour la retourner et voir la réponse.</p>
+                    <p class="text-gray-600">
+                        <i class="far fa-lightbulb mr-1"></i> Astuce : Essayez de répondre mentalement avant de retourner la carte
+                        </p>
+                <p><div class="flex items-center justify-center space-x-4 mt-6">
+                </div></p>
                 <div class="flex items-center justify-center space-x-4 mt-6">
-                    <button id="printBtn" class="btn-secondary text-sm">
-                        <i class="fas fa-print mr-2"></i> Imprimer
-                    </button>
-                    <button id="saveBtn" class="btn-secondary text-sm">
-                        <i class="fas fa-save mr-2"></i> Enregistrer
-                    </button>
                     <button id="shareBtn" class="btn-secondary text-sm">
                         <i class="fas fa-share-alt mr-2"></i> Partager
                     </button>
@@ -666,11 +665,7 @@
                         <i class="fas fa-plus mr-2"></i> Nouveau sujet
                     </button>
                 </div>
-                <div class="text-center mt-2">
-                    <p class="text-gray-500 text-sm">
-                        <i class="far fa-lightbulb mr-1"></i> Astuce : Essayez de répondre mentalement avant de retourner la carte
-                    </p>
-                </div>
+               
             `;
             flashcardsContainer.appendChild(controls);
             
@@ -782,23 +777,25 @@
                         const explanationElement = document.getElementById(`explanation-${qIdx}`);
                         
                         // Vérifier la réponse
+                        let delay = 0; // Initialiser le délai
                         if (selected === correct) {
                             // Réponse correcte
                             document.getElementById(`option-${qIdx}-${oIdx}`).classList.add('correct');
                             currentScore++;
                             document.getElementById('score').textContent = currentScore;
-                            
+
                             // Afficher une animation de succès
                             const successIcon = this.nextElementSibling.querySelector('.success-icon');
                             successIcon.classList.remove('hidden');
+                            delay = 2000; // 2 secondes pour une réponse correcte
                         } else {
                             // Réponse incorrecte
                             document.getElementById(`option-${qIdx}-${oIdx}`).classList.add('incorrect');
-                            
+
                             // Afficher une animation d'erreur
                             const errorIcon = this.nextElementSibling.querySelector('.error-icon');
                             errorIcon.classList.remove('hidden');
-                            
+
                             // Mettre en évidence la bonne réponse
                             options.forEach((opt, idx) => {
                                 if (opt.value === correct) {
@@ -807,18 +804,19 @@
                                     successIcon.classList.remove('hidden');
                                 }
                             });
+                            delay = 5000; // 5 secondes pour une réponse incorrecte
                         }
-                        
+
                         // Désactiver toutes les autres options
                         options.forEach((opt) => {
                             if (opt !== this) {
                                 opt.disabled = true;
                             }
                         });
-                        
+
                         // Afficher l'explication
                         explanationElement.classList.remove('hidden');
-                        
+
                         // Animer le passage à la question suivante
                         setTimeout(() => {
                             const nextQuestion = document.getElementById(`question-${parseInt(qIdx) + 1}`);
@@ -833,7 +831,7 @@
                                     displayQuizResults(currentScore, quizQuestions.length);
                                 }
                             }
-                        }, 1500);
+                        }, delay);
                     });
                 });
             });