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

Update: ajuste GI

Browse Source
This commit is contained in:
andres.sanjuan
2025-10-22 09:12:21 -06:00
parent 5bd28589ec
commit 3fdb3bf9e3
19 changed files with 186 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contenido/12.html
+17 -13
View File
@@ -85,7 +85,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);
background-color: #f8f9fa;
color: #333;
}
@@ -133,10 +133,10 @@
</div>
<div class="col-5 text-center mb-3 animate__animated animate__flipInX">
<div class="card bg-white border-0 rounded-3 p-3 pb-0 bx-shadow">
<p><strong class="text-lila-claro">La alimentación </strong>balanceada es muy importante como parte de su tratamiento,
<strong class="text-lila-claro">se debe
personalizar </strong>con base en sus necesidades.</p>
<p>También, es necesario <strong class="text-lila-claro">mantener un estilo de vida activo </strong>para el
<p><b class="text-lila-claro">La alimentación</b> balanceada es muy importante. Como parte de su
tratamiento <b class="text-lila-claro">se debe personalizar</b> con base en sus necesidades.</p>
<p>También, es necesario <strong class="text-lila-claro">mantener un estilo de vida activo </strong>para
el
buen funcionamiento de músculos,
huesos y corazón.</p>
<div class="w-100 position-relative text-center">
@@ -147,7 +147,7 @@
</div>
</div>
</div>
<div class="col-6 text-center mb-1 animate__animated animate__zoomIn">
<div class="col-4 text-center mb-1 animate__animated animate__zoomIn">
<img src="img/12.0.png" class="img-fluid">
</div>
</div>
@@ -172,12 +172,14 @@
<div class="col-12 px-0 mb-3">
<div class="row">
<div class="col-8">
<div class="card bg-verde-claro border-0 bx-shadow py-2 px-3" style="border-radius: 15px;border-top-left-radius: 0;border-bottom-left-radius: 0;">
<div class="card bg-verde-claro border-0 bx-shadow py-2 px-3"
style="border-radius: 15px;border-top-left-radius: 0;border-bottom-left-radius: 0;">
<div class="row justify-content-start">
<div class="col-12">
<div class="d-flex flex-row justify-content-center align-items-center gap-3 ps-4">
<img src="img/book1.png" class="img-fluid">
<p class="mb-0"><strong>Instrucciones:</strong> Gire la ruleta y conteste correctamente la pregunta acerca de la alimentación o actividad física del paciente en diálisis peritoneal para ganar los puntos.</p>
<p class="mb-0"><strong>Instrucciones:</strong> Dé clic en la ruleta y conteste correctamente la
pregunta acerca de su alimentación o actividad física para ganar los puntos.</p>
</div>
</div>
</div>
@@ -199,7 +201,8 @@
<h2 class="puntos">0</h2>
<div class="card flat">
<img src="img/progress.png" alt="" class="img-fluid" />
<div class="wavance position-absolute d-flex flex-row align-items-center justify-content-start w-100"
<div
class="wavance position-absolute d-flex flex-row align-items-center justify-content-start w-100"
style="top: 22%">
<div class="avance"><img src="img/pr.png" class="img-fluid" alt="" /></div>
<div class="avance"><img src="img/pr.png" class="img-fluid" alt="" /></div>
@@ -228,7 +231,8 @@
</div>
<div class="col-4 text-center" style="margin-top: -30px;">
<div class="card flat justify-content-center align-items-center d-inline-flex">
<div class="indicador position-absolute start-50 translate-middle-x" style="z-index: 9999 !important; top: -1em">
<div class="indicador position-absolute start-50 translate-middle-x"
style="z-index: 9999 !important; top: -1em">
<img src="img/indicador.png" alt="" style="transform: rotate(90deg)" />
</div>
<div class="wruleta z-2" id="ruleta-wheel">
@@ -418,7 +422,7 @@
backdrop: "rgba(65, 60, 60, .95)",
width: "50em",
didOpen: () => {
$('.btn-answer').click(function() {
$('.btn-answer').click(function () {
const isCorrect = $(this).data('correct') === true;
const puntos = $(this).data('puntos');
@@ -497,7 +501,7 @@
$('.wrap-course-content').addClass('fake2').removeClass('fake1');
CourseNav.setSlideVisited();
CourseNav.setSlideVisited();
if (aprobado) {
$('#desarrollo').hide();
@@ -516,4 +520,4 @@
questions = shuffleArray(procesarPreguntas(hojaDatos));
});
});
</script>
</script>