Update: ajuste GI

This commit is contained in:
2025-10-22 09:12:21 -06:00
parent 5bd28589ec
commit 3fdb3bf9e3
19 changed files with 186 additions and 112 deletions
+12 -9
View File
@@ -25,7 +25,7 @@
.btn-answer {
cursor: pointer;
border-radius: 10px;
box-shadow: 0 0 2px rgba(0,0,0,.5);
box-shadow: 0 0 2px rgba(0, 0, 0, .5);
}
.letter {
@@ -87,9 +87,10 @@
<img src="img/11.0.png" class="img-fluid">
</div>
<div class="col-12 text-center mb-3 animate__animated animate__flipInX">
<p>La gran ventaja de la DP es que se trata de un tratamiento <strong class="text-lila-claro">autoadministrado y domiciliario</strong>, sin
embargo, es necesario que acuda a todas sus consultas de seguimiento y lleve todos los estudios de laboratorio y
registros de tratamiento que le solicite el personal de salud.</p>
<p> La gran ventaja que le ofrece la DP es que se trata de un tratamiento <strong
class="text-lila-claro">autoadministrado y domiciliario</strong>, sin embargo, es necesario que acuda a
todas sus consultas de seguimiento y lleve todos sus estudios de laboratorio y registros del tratamiento
que le solicite el personal de salud.</p>
</div>
<div class="col-12 text-center animate__animated animate__lightSpeedInLeft animate__delay-1s mb-3">
<div class="d-inline-block px-3 py-2 bg-verde-claro rounded-3 text-verde-oscuro fw-bold">
@@ -127,8 +128,9 @@
<div class="col-10">
<div class="d-flex flex-row justify-content-center align-items-center gap-3">
<img src="img/book0.png" class="img-fluid">
<p class="mb-0"><strong>Instrucciones:</strong> Lea cada una de las preguntas acerca del control de líquidos y conteste correctamente. Por cada acierto obtendrá una
pieza del rompecabezas, el reto es descubrir la imagen oculta.</p>
<p class="mb-0"><strong>Instrucciones:</strong> Lea cada una de las preguntas acerca del control de
líquidos y conteste correctamente. Por cada acierto obtendrá una
pieza del rompecabezas, el reto es descubrir la imagen oculta.</p>
</div>
</div>
</div>
@@ -140,7 +142,8 @@
<div id="svg-container"></div>
</div>
<div class="col-6">
<div id="card-content-quiz-rompecabezas" class="card bg-white border-0 rounded-15 p-3 card-content-quiz animate__animated animate__zoomIn bx-shadow">
<div id="card-content-quiz-rompecabezas"
class="card bg-white border-0 rounded-15 p-3 card-content-quiz animate__animated animate__zoomIn bx-shadow">
<div class="row justify-content-center">
<div class="col-12 text-center fw-bold text-verde-oscuro txt-question mb-3"></div>
<div class="col-12 content-answers"></div>
@@ -297,7 +300,7 @@
answersContainer.append(btn);
});
$('.btn-answer').click(function() {
$('.btn-answer').click(function () {
const isCorrect = $(this).data('correct') === true;
$('.btn-answer').off('click').css('pointer-events', 'none');
@@ -364,4 +367,4 @@
}, 500);
});
});
</script>
</script>