update

contenido/13.html

@@ -29,9 +29,8 @@
   .grip-jeopardy {
     position: relative;
     width: 80%;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    grid-template-rows: repeat(2, 1fr);
+    display: flex;
+    flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     text-align: center;
@@ -41,6 +40,7 @@
 
   .btn-question-pop {
     cursor: pointer;
+    flex: 0 0 calc(25% - 15px);
   }
 
   .btn-question-pop.completed {
@@ -196,7 +196,7 @@
                   >
                     <img src="img/13.1.png" class="img-fluid" />
                   </div>
-                  <div
+                  <!-- <div
                     class="btn-question-pop animate__animated animate__pulse animate__infinite"
                     data-puntos="100"
                   >
@@ -213,7 +213,7 @@
                     data-puntos="200"
                   >
                     <img src="img/13.2.png" class="img-fluid" />
-                  </div>
+                  </div> -->
                 </div>
               </div>
             </div>
@@ -385,14 +385,9 @@
     }
 
     function mostrarFeedback(isCorrect, pregunta, questionIndex) {
-      const retroalimentacion = isCorrect
-        ? pregunta.retroalimentacion_correcta
-        : pregunta.retroalimentacion_incorrecta;
-
       Swal.fire({
         target: document.getElementById("wrap-course-content"),
         imageUrl: isCorrect ? "img/good.png" : "img/bad.png",
-        text: retroalimentacion || "",
         showConfirmButton: true,
         customClass: {
           popup: "pop_retros bg-transparent border-0 rounded-0 shadow-none",
@@ -436,7 +431,11 @@
     $(".btn-question-pop").click(function () {
       const index = $(this).index();
       const puntosEnJuego = parseInt($(this).data("puntos"));
-      if (!$(this).hasClass("completed") && !$(this).hasClass("disabled")) {
+      if (
+        !$(this).hasClass("completed") &&
+        !$(this).hasClass("disabled") &&
+        index < questions.length
+      ) {
         $(this).removeClass("animate__pulse animate__infinite").addClass("disabled");
         CourseNav.soundClick();
         mostrarPregunta(index, puntosEnJuego);
@@ -445,7 +444,8 @@
 
     readExcelFile(urlExcelFile, function (data) {
       const hojaDatos = data["Diapositiva 26"];
-      questions = shuffleArray(procesarPreguntas(hojaDatos));
+      const todasLasPreguntas = shuffleArray(procesarPreguntas(hojaDatos));
+      questions = todasLasPreguntas.slice(0, 5);
     });
   });
 </script>