diff --git a/config.json b/config.json index 9726e5c..344947e 100644 --- a/config.json +++ b/config.json @@ -16,6 +16,10 @@ "title": "Vivir con enfermedad renal ", "content": "contenido/03.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Inicio en la terapia de diálisis peritoneal ", "content": "contenido/04.html" @@ -24,10 +28,18 @@ "title": "Inicio en la terapia de diálisis peritoneal ", "content": "contenido/05.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Acceso peritoneal y sus cuidados ", "content": "contenido/06.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Terapia segura en casa ", "content": "contenido/07.html" @@ -36,6 +48,10 @@ "title": "Terapia segura en casa ", "content": "contenido/08.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Terapia segura en casa ", "content": "contenido/09.html" @@ -44,6 +60,10 @@ "title": "Terapia segura en casa ", "content": "contenido/10.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Autocuidado ", "content": "contenido/11.html" @@ -52,26 +72,50 @@ "title": "Autocuidado ", "content": "contenido/12.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Manejo de medicamentos y terapia dialítica", "content": "contenido/13.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Entrega domiciliaria ", "content": "contenido/14.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Actuación ante incidencias ", "content": "contenido/15.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Procedimientos", "content": "contenido/16.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Procedimientos", "content": "contenido/17.html" }, + { + "title": "Contenidos ", + "content": "contenido/02.html" + }, { "title": "Alarmas", "content": "contenido/18.html" diff --git a/contenido/02.html b/contenido/02.html index 6f7ab4b..193e8fa 100644 --- a/contenido/02.html +++ b/contenido/02.html @@ -7,47 +7,126 @@ background-attachment: fixed; } - .bul0 { - list-style-type: none; - list-style-image: url(img/bul0.png); + .grid-cards { + position: relative; + width: 100%; + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: auto; + justify-content: center; + align-items: center; } - ul.bul0>li { - margin-bottom: .5rem; + .btn-tema-go { + box-shadow: 0 0 10px rgba(0, 0, 0, .4); + cursor: pointer; + border-radius: 35px; + transition: transform 0.3s ease; + } + + .btn-tema-go.hover:hover { + transform: scale(1.05) !important; } -
-
-
-
-
-
-
-

Contenidos

-
+
+
+
+
+
+
+
+
+
+ +
+

Vivir con enfermedad renal

+
+
+
+
+
+ +
+

Inicio en la terapia de diálisis peritoneal

+
+
+
+
+
+ +
+

Acceso peritoneal y sus cuidados

+
+
+
+
+
+ +
+

Terapia segura en casa

+
+
+
+
+
+ +
+

Autocuidado

+
+
+
+
+
+ +
+

Manejo de medicamentos y terapia dialítica

+
+
+
+
+
+ +
+

Entrega domiciliaria

+
+
+
+
+
+ +
+

Actuación ante incidencias

+
+
+
+
+
+ +
+

Procedimientos

+
+
+
+
+
+ +
+

Alarmas

+
+
+
+
+
+ +
+

Despedida

+
+
+
-
-
-
-
    -
  • Vivir con enfermedad renal
    • -
  • Inicio en la terapia de diálisis peritoneal
    • -
  • Acceso peritoneal y sus cuidados
    • -
  • Terapia segura en casa
    • -
  • Autocuidado
    • -
  • Manejo de medicamentos y terapia dialítica
    • -
  • Entrega domiciliaria
    • -
  • Actuación ante incidencias
    • -
  • Procedimientos
    • -
  • Alarmas
    • -
  • Despedida
    • -
-
-
- -
-
+
+
@@ -58,23 +137,42 @@ $(function () { "use strict"; $('.wrap-course-content').addClass('fake'); - gsap.fromTo(".bul0 li", - // Estado INICIAL (from) - { - opacity: 0, - y: 90 - }, - // Estado FINAL (to) - { - opacity: 1, - y: 0, - duration: 1, - stagger: 0.2, - ease: "power3.out", - onComplete: function() { - CourseNav.setSlideVisited(); + + // Verificar si algún slide con contenido/02.html ya fue visitado + var contentArray = CourseNav.getCourseContentArray(); + var alreadyVisited = contentArray.some(function(slide) { + return slide.content === 'contenido/02.html' && slide.visited; + }); + + if (!alreadyVisited) { + gsap.fromTo(".btn-tema-go", + { + opacity: 0, + y: 90 + }, + { + opacity: 1, + y: 0, + duration: 1, + stagger: 0.2, + ease: "power3.out", + onComplete: function() { + $('.btn-tema-go').addClass('animate__animated animate__pulse').one('animationend', function() { + $(this).removeClass('animate__animated animate__pulse').addClass('hover'); + }); + CourseNav.setSlideVisited(); + } } - } - ); + ); + } else { + $('.btn-tema-go').addClass('hover'); + CourseNav.setSlideVisited(); + } + + $('.btn-tema-go').on('click', function() { + CourseNav.soundClick(); + var pagina = $(this).data('pagina'); + CourseNav.gotoSlide(pagina); + }); }); diff --git a/contenido/02.html.back b/contenido/02.html.back new file mode 100644 index 0000000..6f7ab4b --- /dev/null +++ b/contenido/02.html.back @@ -0,0 +1,80 @@ + +
+
+
+
+
+
+
+

Contenidos

+
+
+
+
+
+
+
    +
  • Vivir con enfermedad renal
    • +
  • Inicio en la terapia de diálisis peritoneal
    • +
  • Acceso peritoneal y sus cuidados
    • +
  • Terapia segura en casa
    • +
  • Autocuidado
    • +
  • Manejo de medicamentos y terapia dialítica
    • +
  • Entrega domiciliaria
    • +
  • Actuación ante incidencias
    • +
  • Procedimientos
    • +
  • Alarmas
    • +
  • Despedida
    • +
+
+
+ +
+
+
+
+
+
+
+
+ diff --git a/img/04.0.png b/img/04.0.png index ff9f910..3439784 100644 Binary files a/img/04.0.png and b/img/04.0.png differ diff --git a/img/04.1.webp b/img/04.1.webp index ec559b6..18e2860 100644 Binary files a/img/04.1.webp and b/img/04.1.webp differ diff --git a/img/04.2.webp b/img/04.2.webp index 8366cc1..748dbc1 100644 Binary files a/img/04.2.webp and b/img/04.2.webp differ diff --git a/img/05.0.png b/img/05.0.png index 29e3931..c68a815 100644 Binary files a/img/05.0.png and b/img/05.0.png differ diff --git a/img/08.2.png b/img/08.2.png index 68608e3..3a5b137 100644 Binary files a/img/08.2.png and b/img/08.2.png differ diff --git a/img/card.png b/img/card.png new file mode 100644 index 0000000..539c4cd Binary files /dev/null and b/img/card.png differ