Vantive/Manual_Vantive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

actualizacion de super indices, cambios de imagenes y textos. Asi como funcionabilidad de actividades

Browse Source
This commit is contained in:
david.martinez
2026-06-10 23:15:23 -06:00
parent 86391ea412
commit 447954b520
21 changed files with 1095 additions and 1110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contenido/05.html
+22 -44
View File
@@ -99,17 +99,17 @@
<div class="row justify-content-center align-items-center">
<div class="col-6">
<div class="card bg-custom border-0 rounded-3 p-0 bx-shadow">
<div
class="p-3 pb-0 position-relative mb-3 w-100 animate__animated animate__flipInX"
>
<p class="mb-0">
<div class="p-3 pb-0 position-relative mb-3 w-100 animate__animated animate__flipInX">
<p>
La DP le ofrece una
<strong
>mejor calidad de vida, requiere menos traslados a la unidad
hospitalaria</strong
><strong>,</strong> <strong>reduce el contagio </strong>de enfermedades
infectocontagiosas y le permite <strong>mayor libertad </strong>al ser una
terapia portable.
<strong>mejor calidad de vida, requiere menos traslados a la unidad hospitalaria</strong
><strong>,</strong> <strong>reduce el contagio </strong>de enfermedades infectocontagiosas y le
permite <strong>mayor libertad </strong>al ser una terapia portable.
</p>
<p class="mb-0">
La diálisis peritoneal es una modalidad de tratamiento que puede realizarse en el domicilio, lo
que permite reducir la frecuencia de traslados a unidades hospitalarias y favorece la continuidad
del tratamiento en el entorno del paciente.<sup class="fw-bold">3</sup>
</p>
</div>
<div
@@ -118,13 +118,9 @@
<p class="mb-1">
<strong>Existen dos técnicas para llevar a cabo su terapia de DP.</strong>
</p>
<p class="mb-0">
Realice la siguiente actividad para descubrir más sobre ellas.
</p>
<p class="mb-0">Realice la siguiente actividad para descubrir más sobre ellas.</p>
</div>
<div
class="position-relative w-100 text-center animate__animated animate__zoomIn animate__delay-2s"
>
<div class="position-relative w-100 text-center animate__animated animate__zoomIn animate__delay-2s">
<div
class="btn-comenzar bg-verde-oscuro d-inline-block px-3 py-2 text-center animate__animated animate__pulse animate__infinite"
>
@@ -155,16 +151,13 @@
<div class="d-flex flex-row justify-content-center align-items-center gap-3">
<img src="img/book1.png" class="img-fluid" />
<p class="mb-0">
<strong>Instrucciones:</strong> Tome los nombres en la caja y arrástrelos
hacia el lugar que les corresponde en las imágenes.
<strong>Instrucciones:</strong> Tome los nombres en la caja y arrástrelos hacia el lugar que les
corresponde en las imágenes.
</p>
</div>
</div>
<div class="col-12">
<div
id="drag-container"
class="d-flex flex-wrap justify-content-center align-items-center gap-4"
>
<div id="drag-container" class="d-flex flex-wrap justify-content-center align-items-center gap-4">
<div class="drag-button px-3 py-2 text-white text-center" data-drag="0">
<div class="row justify-content-center align-items-center h-100">
<div class="col-12">Diálisis Peritoneal Continua Ambulatoria</div>
@@ -220,9 +213,7 @@
<div
class="content-drop bg-verde-claro rounded-3 d-flex flex-row justify-content-center align-items-center gap-0"
>
<div
class="card num-card d-flex justify-content-center border-0 bg-verde-pino px-3 py-2 h-100"
>
<div class="card num-card d-flex justify-content-center border-0 bg-verde-pino px-3 py-2 h-100">
<h3 class="fw-bold text-white mb-0">1</h3>
</div>
<div
@@ -301,9 +292,7 @@
</div>
</div>
<div class="col-12">
<div
class="d-flex flex-row justify-content-center align-items-center gap-3"
>
<div class="d-flex flex-row justify-content-center align-items-center gap-3">
<div class="content-c2 d-flex flex-column justify-content-center gap-2">
<img src="img/05.7.png" class="img-fluid align-self-center" />
<div
@@ -322,9 +311,7 @@
</div>
<div class="content-c2 d-flex flex-column justify-content-center gap-2">
<img src="img/05.8.png" class="img-fluid align-self-center" />
<p class="mb-0 text-center h-txt">
Cubrebocas, lavamanos, jabón y toalla
</p>
<p class="mb-0 text-center h-txt">Cubrebocas, lavamanos, jabón y toalla</p>
</div>
<div class="content-c2 d-flex flex-column justify-content-center gap-2">
<img src="img/05.9.png" class="img-fluid align-self-center" />
@@ -349,9 +336,7 @@
<div class="col-5">
<div class="row justify-content-center">
<div class="col-12 mb-3">
<div
class="d-flex flex-row justify-content-center align-items-center gap-3"
>
<div class="d-flex flex-row justify-content-center align-items-center gap-3">
<div class="content-c3 d-flex flex-column justify-content-center gap-2">
<img src="img/05.10.png" class="img-fluid align-self-center" />
<div
@@ -387,9 +372,7 @@
</div>
</div>
<div class="col-12">
<div
class="d-flex flex-row justify-content-center align-items-center gap-3"
>
<div class="d-flex flex-row justify-content-center align-items-center gap-3">
<div class="content-c3 d-flex flex-column justify-content-center gap-2">
<img src="img/05.12.png" class="img-fluid align-self-center" />
<p class="mb-0 text-center h-txt">Atomizador y paños limpios</p>
@@ -431,10 +414,7 @@
<div class="col-12 text-center mb-3">
<h4 class="text-secondary fw-bold">Ha concluido la actividad.</h4>
</div>
<div
class="col-12 text-center col-reintentar animate__animated animate__zoomIn"
style="display: none"
>
<div class="col-12 text-center col-reintentar animate__animated animate__zoomIn" style="display: none">
<div
class="btn-reintentar rounded-3 bg-primary d-inline-block px-3 py-2 text-center animate__animated animate__pulse animate__infinite"
onclick="CourseNav.reload()"
@@ -633,9 +613,7 @@
// Limpiar drops incorrectos de la parte 0
$("#part0 .drop-option").each(function () {
if ($(this).siblings(".num-card").hasClass("bg-danger")) {
$(this)
.html("")
.removeClass("text-center d-flex align-items-center justify-content-center");
$(this).html("").removeClass("text-center d-flex align-items-center justify-content-center");
$(this).siblings(".num-card").removeClass("bg-danger").addClass("bg-verde-pino");
}
});