diff --git a/contenido/11.html b/contenido/11.html index e8c5afc..0417b0f 100644 --- a/contenido/11.html +++ b/contenido/11.html @@ -14,6 +14,15 @@ .bg-custom { box-shadow: 0 0 10px rgba(0, 0, 0, .5); } + + .content-cards { + width: 100%; + } + + .content-cards .persoSwiper { + width: 326px; + height: 326px; + }
@@ -25,7 +34,7 @@
-
+
@@ -41,7 +50,33 @@
-
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
@@ -54,5 +89,51 @@ $(function () { "use strict"; $('.wrap-course-content').addClass('fake'); + const feedbackcorrect = CourseNav.createSound('audio/feedback-correct.mpeg'); + const feedbackincorrect = CourseNav.createSound('audio/feedback-incorrect.mpeg'); + + const respuestasCorrectas = ['true','true','false','false','false']; + + function shuffleArray(array) { + for (let i = array.length - 1; i > 0; i--) { + const j = Math.floor(Math.random() * (i + 1)); + [array[i], array[j]] = [array[j], array[i]]; + } + return array; + } + + // Shuffle slides and answers + const slides = Array.from(document.querySelectorAll('.swiper-slide')); + const slidesData = slides.map((slide, index) => ({ + element: slide, + answer: respuestasCorrectas[index] + })); + + const shuffledData = shuffleArray(slidesData); + const wrapper = document.querySelector('.swiper-wrapper'); + wrapper.innerHTML = ''; + + const shuffledAnswers = []; + shuffledData.forEach((item, index) => { + wrapper.appendChild(item.element); + shuffledAnswers[index] = item.answer; + }); + + const swiper = new Swiper('.persoSwiper', { + effect: 'cards', + grabCursor: true, + centeredSlides: true, + slidesPerView: 'auto', + initialSlide: 0, + cardsEffect: { + slideShadows: false, + perSlideOffset: 10, + perSlideRotate: 2, + }, + on: { + slideChange: function () { + } + } + }); }); diff --git a/contenido/11_fixed.html b/contenido/11_fixed.html new file mode 100644 index 0000000..10b58b2 --- /dev/null +++ b/contenido/11_fixed.html @@ -0,0 +1,170 @@ + +
+
+
+
+
+
+

Características del sitio de salida

+
+
+
+
+
+ +
+

Instrucciones: Observa las imágenes del sitio de salida que se presentan en las + tarjetas.

+

Si consideras que se encuentra sano, desliza la tarjeta a la derecha. Si + crees que no está sano, + desliza la tarjeta a la izquierda.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ \ No newline at end of file diff --git a/img/11.0.png b/img/11.0.png new file mode 100644 index 0000000..810cd69 Binary files /dev/null and b/img/11.0.png differ diff --git a/img/11.1.png b/img/11.1.png new file mode 100644 index 0000000..d614171 Binary files /dev/null and b/img/11.1.png differ diff --git a/img/11.2.png b/img/11.2.png new file mode 100644 index 0000000..d0ec5fa Binary files /dev/null and b/img/11.2.png differ diff --git a/img/11.3.png b/img/11.3.png new file mode 100644 index 0000000..0a3bced Binary files /dev/null and b/img/11.3.png differ diff --git a/img/11.4.png b/img/11.4.png new file mode 100644 index 0000000..54070b8 Binary files /dev/null and b/img/11.4.png differ diff --git a/img/11.5.png b/img/11.5.png new file mode 100644 index 0000000..ede695e Binary files /dev/null and b/img/11.5.png differ