Update: Ajuste de audios Papilocare

Papilocare/OgestanPlus.code-workspace

@@ -1,8 +0,0 @@
-{
-	"folders": [
-		{
-			"path": "."
-		}
-    ],
-    "settings": {}
-}

Papilocare/contenido/03.html

@@ -288,9 +288,6 @@
             const completedSlides = swiperInstance.slides.filter(slide => slide.classList.contains('completed'));
 
             if (completedSlides.length === totalSlides) {
-                // Todos los slides están completados
-                // console.log('Todos los slides han sido completados');
-                // CourseNav.setSlideVisited();
                 $('.whois').show().removeClass('disabled');
             }
         }

Papilocare/contenido/04.html

@@ -369,7 +369,6 @@
         e.preventDefault();
         $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited');
         const index = $('.btn-pop').index(this);
-        console.log(index);
         CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
         const html = $($(this).data('popid')).html();
         Swal.fire({

Papilocare/contenido/05.html

@@ -158,7 +158,6 @@
             e.preventDefault();
             $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited');
             const index = $('.btn-pop').index(this);
-            console.log(index);
             CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
             const html = $($(this).data('popid')).html();
             Swal.fire({

Papilocare/contenido/07.html

@@ -92,13 +92,13 @@
                         <div class="col-12 animate__animated animate__fadeInDown">
                             <h2 class="text-secondary fw-bold text-center">Recomendaciones de uso</h2>
                         </div>
-                        <div class="col-12 col-md-6 col-lg-5 me-xl-4" data-sal="slide-down">
+                        <div class="col-12 col-md-6 col-lg-5 me-xl-4 animate__animated animate__flipInX animate__delay-2s" data-sal="slide-down">
                             <h3 class="text-pink-1 fw-bold text-center">Primer mes</h3>
                             <p>Aplicar <b>una vez al día</b>, preferentemente por la noche, durante <b>21 días
                                     consecutivos</b>, descansando durante el ciclo menstrual.</p>
                             <img src="img/07.1.png" class="img-fluid mx-auto mt-3">
                         </div>
-                        <div class="col-12 col-md-6 col-lg-5 ms-xl-4 mb-3 mb-md-0" data-sal="slide-down">
+                        <div class="col-12 col-md-6 col-lg-5 ms-xl-4 mb-3 mb-md-0 animate__animated animate__flipInX animate__delay-15s" data-sal="slide-down">
                             <h3 class="text-pink-1 fw-bold text-center">Meses siguientes</h3>
                             <p>Aplicar en <b>días alternos</b> (un día sí y un día no), descansando durante el ciclo
                                 menstrual.</p>
@@ -126,8 +126,8 @@
                         <div class="card border-0 bg-purple-3">
                             <div class="card-body">
                                 <p class="my-0"><b>Insertar el aplicador</b> del tubo monodosis dentro de la vagina,
-                                    preferiblemente antes de acostarse. Comenzar el tratamiento después del período </p>
-                                menstrual.
+                                    preferiblemente antes de acostarse. Comenzar el tratamiento después del período
+                                    menstrual.</p>
                             </div>
                         </div>
                     </div>
@@ -208,14 +208,13 @@
 
 
         const audios = [
-            CourseNav.createSound('audio/audiom16.mp3'),
+            CourseNav.createSound('audio/audiom19.mp3'),
         ];
 
         $('.btn-pop').click(function (e) {
             e.preventDefault();
             $(this).removeClass('animate__animated animate__pulse animate__infinite').addClass('completed visited');
             const index = $('.btn-pop').index(this);
-            console.log(index);
             CourseNav.audioController.stopAllSoundsAndPlay(audios[index]);
             const html = $($(this).data('popid')).html();
             Swal.fire({

Papilocare/contenido/08.html

@@ -14,7 +14,7 @@
   }
 
   .fakecierre {
-    background-image: none;
+    background-image: url("img/actividad/fondo-cierre.jpg");
   }
 
   .page-activity {
@@ -328,31 +328,34 @@
 
 </div>
 <div class="page-sco page-activity full-height" id="cierre" style="display: none;">
-  <div class="grid-cierre">
-    <div class="part1-cierre h-100 d-flex flex-column justify-content-center">
-      <div class="flex-fill w-100 h-100 bg-pass passed" style="display: none;">
-        <img src="img/actividad/bannerbien.jpg" class="img-fluid w-100 d-none d-xl-block m-h">
+  <div class="container">
+    <div class="row justify-content-center align-items-center">
+      <div class="col-7 col-md-5 col-xl-5 text-center">
+        <div class="passed w-100 text-center" style="display: none;">
+          <img src="img/actividad/bannerbien.png" class="img-fluid ">
+        </div>
+        <div class="failed w-100 text-center" style="display: none;">
+          <img src="img/actividad/bannermal.png" class="img-fluid ">
+        </div>
       </div>
-      <div class="flex-fill w-100 h-100 bg-fail failed" style="display: none;">
-        <img src="img/actividad/bannermal.jpg" class="img-fluid w-100 d-none d-xl-block m-h">
-      </div>
-    </div>
-    <div class="part2-cierre h-100 d-flex flex-column justify-content-center align-items-center py-2">
-      <div class="container">
-        <div class="row align-items-center justify-content-center pt-2">
-          <div class="col-12 col-md-8">
-            <div class="row">
-              <div class="col-12 text-center animate__animated animate__fadeInLeft passed" style="display: none;">
-                <h1 class="fw-bold text-secondary">¡Excelente trabajo!</h1>
-                <p>Dominas las principales objeciones y sabes cómo responderlas con claridad y seguridad.</p>
-              </div>
-              <div class="col-12 text-center animate__animated animate__fadeInLeft failed" style="display: none;">
-                <h1 class="fw-bold text-secondary">¡Tú puedes lograrlo!</h1>
-                <p>Repasa el curso para dominar las objeciones más frecuentes y vuelve a intentarlo.</p>
-                <div class="w-100 text-center">
-                  <div class="btn btn-begin text-white fw-bold py-1  animate__animated animate__pulse animate__infinite"
-                    onclick="CourseNav.reload()">
-                    Volver a intentar
+      <div class="col-7 col-md-7 col-xl-7">
+        <div class="container">
+          <div class="row align-items-center justify-content-center pt-2">
+            <div class="col-12 col-md-8">
+              <div class="row">
+                <div class="col-12 text-center animate__animated animate__fadeInLeft passed" style="display: none;">
+                  <h1 class="fw-bold text-secondary">¡Excelente trabajo!</h1>
+                  <p>Dominas las principales objeciones y sabes cómo responderlas con claridad y seguridad.</p>
+                </div>
+                <div class="col-12 text-center animate__animated animate__fadeInLeft failed" style="display: none;">
+                  <h1 class="fw-bold text-secondary">¡Tú puedes lograrlo!</h1>
+                  <p>Repasa el curso para dominar las objeciones más frecuentes y vuelve a intentarlo.</p>
+                  <div class="w-100 text-center">
+                    <div
+                      class="btn btn-begin text-white fw-bold py-1  animate__animated animate__pulse animate__infinite"
+                      onclick="CourseNav.reload()">
+                      Volver a intentar
+                    </div>
                   </div>
                 </div>
               </div>