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/08.html
+11 -11
View File
@@ -59,20 +59,19 @@
</div>
<div class="col-12">
<div class="row justify-content-center align-items-center">
<div class="col-6 text-center animate__animated animate__zoomIn">
<div class="col-3 text-center animate__animated animate__zoomIn">
<img src="img/08.0.png" class="img-fluid">
</div>
<div class="col-6">
<div class="card bg-white 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>El jabón que utilice para el lavado de manos de preferencia debe ser <strong class="text-lila-claro">líquido</strong>, sin embargo, lo
prioritario es que sea exclusivo para cuando usted realice los recambios en casa.</p>
<p><strong class="text-lila-claro">Lo mismo ocurre con la toalla </strong>que utilice para secar sus manos.</p>
<p class="mb-0">Sus manos, después de un correcto lavado, se encontrarán <strong class="text-lila-claro">limpias pero nunca estériles.</strong></p>
<p>Para un recambio seguro, bajo ningún motivo debe tocar las <b class="text-lila-claro">zonas
estériles (libres de gérmenes)</b> en su sistema de DP.</p>
</div>
<div
class="position-relative w-100 bg-verde-claro-2 text-verde-oscuro px-3 py-2 mb-3 animate__animated animate__flipInX animate__delay-1s">
<p class="mb-0 fw-bold text-center">Para un recambio seguro, bajo ningún motivo debe tocar las zonas estériles (libres de gérmenes) en el sistema de DP.</p>
<p class="mb-0 fw-bold text-center">Realice la siguiente actividad para identificar cuáles son estas
zonas.</p>
</div>
<div class="position-relative w-100 text-center animate__animated animate__zoomIn animate__delay-2s">
<div
@@ -109,7 +108,8 @@
<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> Identifique las zonas estériles en el sistema de DP y arrastre sus nombres hacia la fotografía que les corresponda.</p>
<p class="mb-0"><strong>Instrucciones:</strong> Identifique las zonas estériles en el sistema de DP
y arrastre sus nombres hacia la fotografía que les corresponda.</p>
</div>
</div>
</div>
@@ -244,7 +244,7 @@
const dragValue = dragMapping[opcion.text] !== undefined ? dragMapping[opcion.text] : 0;
const dragItem = `
<div class="drag-item px-3 py-2 bg-verde-claro-2 text-verde-oscuro fw-bold bx-shadow" data-drag="${dragValue}">
<div class="d-flex flex-row justify-content-center align-items-center w-100 h-100">${opcion.text}</div>
<div class="d-flex flex-row justify-content-center align-items-center w-100 h-100"><div>${opcion.text}</div></div>
</div>
`;
container.append(dragItem);
@@ -284,7 +284,7 @@
revertDuration: 300,
cursor: "grabbing",
start: function (event, ui) {
$(this).css({'z-index': 1000, 'transform': 'scale(0.8)'});
$(this).css({ 'z-index': 1000, 'transform': 'scale(0.8)' });
ui.position.left = 0;
ui.position.top = 0;
},
@@ -298,7 +298,7 @@
ui.position.top = newTop / scale;
},
stop: function (event, ui) {
$(this).css({'z-index': 1, 'transform': 'scale(1)'});
$(this).css({ 'z-index': 1, 'transform': 'scale(1)' });
}
});
@@ -369,4 +369,4 @@
initializeDragDrop();
});
});
</script>
</script>