@@ -282,7 +282,6 @@
$('.drag-item').draggable({
revert: 'invalid',
revertDuration: 300,
- containment: "#desarrollo",
cursor: "grabbing",
start: function (event, ui) {
$(this).css({'z-index': 1000, 'transform': 'scale(0.8)'});
@@ -335,12 +334,8 @@
width: "35em",
didClose: () => {
if ($('.drag-item:visible').length === 0) {
- const percentage = (correctCount / totalItems) * 100;
$('#desarrollo').hide();
$('#cierre').show();
- if (percentage < 80) {
- $('.col-reintentar').show();
- }
CourseNav.setSlideVisited();
}
}
diff --git a/contenido/09.html b/contenido/09.html
new file mode 100644
index 0000000..8b6f872
--- /dev/null
+++ b/contenido/09.html
@@ -0,0 +1,414 @@
+
+
+
+
+
+
+
+
+
Terapia segura en casa
+
+
+
+
+
Lavado de manos
+
+
+
+
+
+
+
El lavado de manos también es un paso fundamental en el proceso de diálisis peritoneal.
+
+
+
Veamos los pasos para un lavado de manos adecuado.
+
+
+
+
COMENZAR ACTIVIDAD
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Terapia segura en casa
+
+
+
+
+
Lavado de manos
+
+
+
+
+
+
+
+
Instrucciones: Arrastre los pasos del lavado de manos para colocarlos en el orden correcto.
+
+
+
+
+
+
+
+
+
+
+
+ ↕
+ Mójese las manos y aplique suficiente jabón para cubrir toda su superficie. Frótelas entre sí.
+
+
+
+
+
+ ↕
+ Frótese la palma de la mano derecha contra el dorso de la mano izquierda entrelazando los dedos.
+
+
+
+ ↕
+ Frótese las palmas de las manos entre sí con los dedos entrelazados.
+
+
+
+ ↕
+ Frótese el dorso de los dedos de una mano con la palma de la mano opuesta.
+
+
+
+ ↕
+ Rodeando el pulgar izquierdo con la palma de la mano derecha frótese con un movimiento de rotación y viceversa.
+
+
+
+ ↕
+ Frótese la punta de los dedos de la mano derecha contra la palma de la mano izquierda.
+
+
+
+ ↕
+ Enjuáguese las manos y séquelas con una toalla de un solo uso.
+
+
+
+ ↕
+ Utilice la toalla para cerrar el grifo.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Terapia segura en casa
+
+
+
+
+
Lavado de manos
+
+
+
Ha concluido la actividad.
+
+
+
+
+
+
+
+
diff --git a/contenido/10.html b/contenido/10.html
new file mode 100644
index 0000000..9ec4dbf
--- /dev/null
+++ b/contenido/10.html
@@ -0,0 +1,325 @@
+
+
+
+
+
+
+
+
+
Terapia segura en casa
+
+
+
+
+
Precalentar la bolsa
+
+
+
+
+
+
+
+
+
+
Omitir las medidas de seguridad podría provocar infecciones del sitio de salida o peritonitis.
+
Si utiliza DPCA y vive en un medio ambiente con temperaturas exteriores menores a 15°C, puede ser que sienta más
+ comodidad al precalentar la bolsa con solución dializante antes de utilizarla.
+
+
+
Conozcamos las medidas de seguridad para hacerlo.
+
+
+
+
COMENZAR ACTIVIDAD
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Terapia segura en casa
+
+
+
+
+
Precalentar la bolsa
+
+
+
+
+
+
+
+
Instrucciones: Lea las siguientes frases y determine si son verdaderas o falsas para identificar las medidas de seguridad al
+ precalentar la bolsa.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Terapia segura en casa
+
+
+
+
+
Precalentar la bolsa
+
+
+
Ha concluido la actividad.
+
+
+
+
+
+
+
+
diff --git a/contenido/11.html b/contenido/11.html
new file mode 100644
index 0000000..bc3d87e
--- /dev/null
+++ b/contenido/11.html
@@ -0,0 +1,362 @@
+
+
+
+
+
+
+
+
+
Consumo y balance de líquidos
+
+
+
+
+
+
La gran ventaja de la DP es que se trata de un tratamiento autoadministrado y domiciliario , 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.
+
+
+
+ Un aspecto importante a tomar en cuenta es el consumo y balance de líquidos.
+
+
+
+
+
COMENZAR ACTIVIDAD
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Consumo y balance de líquidos
+
+
+
+
+
+
+
+
Instrucciones: 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Consumo y balance de líquidos
+
+
+
Ha concluido la actividad.
+
+
+
+
+
+
+
+
diff --git a/contenido/12.html b/contenido/12.html
new file mode 100644
index 0000000..83f4e84
--- /dev/null
+++ b/contenido/12.html
@@ -0,0 +1,503 @@
+
+
+
+
+
+
+
+
+
Alimentación y actividad física
+
+
+
+
La alimentación balanceada es muy importante como parte de su tratamiento,
+ se debe
+ personalizar con base en sus necesidades.
+
También, es necesario mantener un estilo de vida activo para el
+ buen funcionamiento de músculos,
+ huesos y corazón.
+
+
+
COMENZAR ACTIVIDAD
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Alimentación y actividad física
+
+
+
+
+
+
+
+
+
+
Instrucciones: De clic en 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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Puntos acumulados:
+
0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Alimentación y actividad física
+
+
+
Ha concluido la actividad.
+
+
+
+
+
+
+
+
diff --git a/css/style.min.css b/css/style.min.css
index 7e47c08..690cdee 100644
--- a/css/style.min.css
+++ b/css/style.min.css
@@ -1 +1 @@
-html{box-sizing:border-box;height:100%;overflow:hidden}*,*::before,*::after{box-sizing:inherit}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:"Arial",sans-serif;line-height:1.3;font-size:18px;overflow:hidden}body>header,body>footer{flex:0 0 auto}body>header .coursenav-btn-navigation,body>footer .coursenav-btn-navigation{width:48px;height:48px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative;cursor:pointer}body>header .coursenav-btn-navigation:disabled,body>footer .coursenav-btn-navigation:disabled{cursor:not-allowed;filter:opacity(0.5)}body>main{flex:1 0 auto;width:100%}#coursenav-offcanvas{padding:1em;width:50%}#coursenav-offcanvas-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}#coursenav-navbar .navbar-brand img{-o-object-fit:contain;object-fit:contain;aspect-ratio:1/1;height:45px}.course-menu,.course-menu ul{list-style:none !important;margin:0;padding:0}.course-menu .witem{display:flex;width:100%;flex-direction:row}.course-menu .witem>span{margin-left:auto}.course-menu .menu-item+.course-menu .menu-item{margin-top:.5rem}.course-menu .coursenav-link{display:block;padding:.5rem 1rem;color:inherit;text-decoration:none;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-menu .sub-ul{display:none;padding-left:1rem}.course-menu .sub-ul.open{display:block}.course-menu .sub-ul .coursenav-link{cursor:pointer}.course-menu .sub-ul .coursenav-link:hover{filter:invert(100%)}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=false]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:lighter;display:inline-block;margin-right:.5rem;color:inherit}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=true]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:900;display:inline-block;margin-right:.5rem;color:var(--bs-success)}.course-menu .toggle-icon{cursor:pointer;margin-left:.5rem;color:inherit}.controls-btn{width:48px;height:48px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.controls-btn>svg{width:100%;height:100%;display:block}.controls-btn>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.controls-btn:focus{outline:2px solid #ffa300;outline-offset:2px}.controls-btn .position-relative{position:relative;width:100%;height:100%}.controls-btn .position-relative svg{width:100%;height:100%;display:block}.controls-btn .position-relative i{font-size:2rem}.controls-btn{width:55px;height:100%;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.font-custom{font-size:2.5rem}.navbar-toggler{width:48px;height:48px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.navbar-toggler>svg{width:100%;height:100%;display:block}.navbar-toggler>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.navbar-toggler:focus{outline:2px solid #ffa300;outline-offset:2px}.navbar-toggler .position-relative{position:relative;width:100%;height:100%}.navbar-toggler .position-relative svg{width:100%;height:100%;display:block}.navbar-toggler .position-relative i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.disabled{pointer-events:none;animation:none}.text-white *{color:#fff}.page-sco{height:100%;display:flex;flex-direction:column;position:relative}.card.flat{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.card.flat .card-body{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.cursor{cursor:pointer}.wrap-course-adaptive{position:fixed;top:0;left:0;width:100vw;height:100vh;min-width:100vw;min-height:100vh;max-width:none;max-height:none;overflow:hidden;z-index:0;background:inherit}.wrap-course-content{width:1366px;height:768px;position:absolute;left:0;top:0;overflow:hidden;z-index:1}#coursenav-offcanvas{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important}.footer-details{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;width:100%;padding:0% .5rem}.stepper-container{width:80%;max-width:400px}.stepper{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.stepper::before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#ddd;transform:translateY(-50%);border-radius:2px;z-index:0}.stepper::after{content:"";position:absolute;top:50%;left:0;height:4px;background:#4caf50;transform:translateY(-50%);border-radius:2px;z-index:1;width:var(--pct, 0);transition:width .3s ease}.stepper .step{position:relative;z-index:2;width:24px;height:24px;background:#ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease,width .3s ease,height .3s ease,top .3s ease}.stepper .step.completed{background:#4caf50}.stepper .step.current{background:#4caf50;border:4px solid #fff;width:32px;height:32px;top:-4px}.stepper .step.current::before{content:attr(data-label);position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);font-size:1rem;color:#fff;white-space:nowrap}#wrap-course-content-navigation{padding:.5rem;border-radius:30px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}#wrap-course-content-navigation button{margin-left:.33rem;margin-right:.33rem;padding:0;border:none;box-shadow:none;background:none}#wrap-course-paginator{justify-self:end;margin-left:auto;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:0% .5rem;width:120px;justify-content:center}#wrap-course-controls{width:40%}#coursenav-main-content{height:calc(100% - 85px);overflow-x:hidden}.stepper #step-movil{background:#4caf50;border:4px solid #fff;width:32px;height:32px;top:12px;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:4}.stepper #step-movil::before{content:attr(data-label);position:absolute;top:1.9rem;left:50%;transform:translateX(-50%);font-size:.8rem;color:#fff;white-space:nowrap}.coursenav-btn-navigation:disabled{cursor:not-allowed;filter:opacity(0.5);pointer-events:none}.offcanvas-backdrop{width:100%;height:100%}.pop_class{width:100%;max-width:1000px;padding:0;border-radius:1em;overflow:hidden}.pop_class .swal2-html-container{padding:0}.pop_class .img-fit-pop{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.pop_class .swal2-close{width:50px;height:50px;border-radius:50%}h6{color:#4c4c4c;font-weight:bold;font-size:14px}.pop_html_style .swal2-html-container{padding:.5em}.bx-shadow{box-shadow:0 0 10px rgba(0,0,0,.5)}
\ No newline at end of file
+html{box-sizing:border-box;height:100%}*,*::before,*::after{box-sizing:inherit}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:"Arial",sans-serif;line-height:1.3;font-size:18px}body>header,body>footer{flex:0 0 auto}body>header .coursenav-btn-navigation,body>footer .coursenav-btn-navigation{width:48px;height:48px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative;cursor:pointer}body>header .coursenav-btn-navigation:disabled,body>footer .coursenav-btn-navigation:disabled{cursor:not-allowed;filter:opacity(0.5)}body>main{flex:1 0 auto;width:100%}#coursenav-offcanvas{padding:1em;width:50%}#coursenav-offcanvas-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}#coursenav-navbar .navbar-brand img{-o-object-fit:contain;object-fit:contain;aspect-ratio:1/1;height:45px}.course-menu,.course-menu ul{list-style:none !important;margin:0;padding:0}.course-menu .witem{display:flex;width:100%;flex-direction:row}.course-menu .witem>span{margin-left:auto}.course-menu .menu-item+.course-menu .menu-item{margin-top:.5rem}.course-menu .coursenav-link{display:block;padding:.5rem 1rem;color:inherit;text-decoration:none;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-menu .sub-ul{display:none;padding-left:1rem}.course-menu .sub-ul.open{display:block}.course-menu .sub-ul .coursenav-link{cursor:pointer}.course-menu .sub-ul .coursenav-link:hover{filter:invert(100%)}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=false]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:lighter;display:inline-block;margin-right:.5rem;color:inherit}.course-menu .sub-ul .coursenav-link[data-coursenavvisited=true]::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:900;display:inline-block;margin-right:.5rem;color:var(--bs-success)}.course-menu .toggle-icon{cursor:pointer;margin-left:.5rem;color:inherit}.controls-btn{width:48px;height:48px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.controls-btn>svg{width:100%;height:100%;display:block}.controls-btn>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.controls-btn:focus{outline:2px solid #ffa300;outline-offset:2px}.controls-btn .position-relative{position:relative;width:100%;height:100%}.controls-btn .position-relative svg{width:100%;height:100%;display:block}.controls-btn .position-relative i{font-size:2rem}.controls-btn{width:55px;height:100%;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative;border-top-left-radius:0;border-bottom-left-radius:0}.font-custom{font-size:2.5rem}.navbar-toggler{width:48px;height:48px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:inherit;position:relative}.navbar-toggler>svg{width:100%;height:100%;display:block}.navbar-toggler>i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.navbar-toggler:focus{outline:2px solid #ffa300;outline-offset:2px}.navbar-toggler .position-relative{position:relative;width:100%;height:100%}.navbar-toggler .position-relative svg{width:100%;height:100%;display:block}.navbar-toggler .position-relative i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.disabled{pointer-events:none;animation:none}.text-white *{color:#fff}.page-sco{height:100%;display:flex;flex-direction:column;position:relative}.card.flat{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.card.flat .card-body{margin:0;padding:0;border-radius:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0)}.cursor{cursor:pointer}.wrap-course-adaptive{position:fixed;top:0;left:0;width:100vw;height:100vh;min-width:100vw;min-height:100vh;max-width:none;max-height:none;overflow:hidden;z-index:0;background:inherit}.wrap-course-content{width:1366px;height:768px;position:absolute;left:0;top:0;overflow:hidden;z-index:1}@media(min-width: 1500px){.wrap-course-content{width:1920px;height:1080px}}#coursenav-offcanvas{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important}.footer-details{border-top-right-radius:30px !important;border-bottom-right-radius:30px !important;width:100%;padding:0% .5rem}.stepper-container{width:80%;max-width:400px}.stepper{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.stepper::before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#ddd;transform:translateY(-50%);border-radius:2px;z-index:0}.stepper::after{content:"";position:absolute;top:50%;left:0;height:4px;background:#4caf50;transform:translateY(-50%);border-radius:2px;z-index:1;width:var(--pct, 0);transition:width .3s ease}.stepper .step{position:relative;z-index:2;width:24px;height:24px;background:#ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease,width .3s ease,height .3s ease,top .3s ease}.stepper .step.completed{background:#4caf50}.stepper .step.current{background:#4caf50;border:4px solid #fff;width:32px;height:32px;top:-4px}.stepper .step.current::before{content:attr(data-label);position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);font-size:1rem;color:#fff;white-space:nowrap}#wrap-course-content-navigation{padding:.5rem;border-radius:30px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}#wrap-course-content-navigation button{margin-left:.33rem;margin-right:.33rem;padding:0;border:none;box-shadow:none;background:none}#wrap-course-paginator{justify-self:end;margin-left:auto;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:0% .5rem;width:120px;justify-content:center}#wrap-course-controls{width:40%}#coursenav-main-content{height:calc(100% - 85px);overflow-x:hidden}.stepper #step-movil{background:#4caf50;border:4px solid #fff;width:32px;height:32px;top:12px;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:4}.stepper #step-movil::before{content:attr(data-label);position:absolute;top:1.9rem;left:50%;transform:translateX(-50%);font-size:.8rem;color:#fff;white-space:nowrap}.coursenav-btn-navigation:disabled{cursor:not-allowed;filter:opacity(0.5);pointer-events:none}.offcanvas-backdrop{width:100%;height:100%}.pop_class{width:100%;max-width:1000px;padding:0;border-radius:1em;overflow:hidden}.pop_class .swal2-html-container{padding:0}.pop_class .img-fit-pop{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.pop_class .swal2-close{width:50px;height:50px;border-radius:50%}h6{color:#4c4c4c;font-weight:bold;font-size:14px}.pop_html_style .swal2-html-container{padding:.5em}.bx-shadow{box-shadow:0 0 10px rgba(0,0,0,.5)}
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
index cb6c3a2..c16e60f 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -8,7 +8,6 @@ $outline-color: #ffa300 !default;
html {
box-sizing: border-box;
height: 100%;
- overflow: hidden;
}
*,
*::before,
@@ -26,7 +25,6 @@ body {
font-family: 'Arial', sans-serif;
line-height: 1.3;
font-size: 18px;
- overflow: hidden;
> header,
> footer {
@@ -292,6 +290,11 @@ body {
overflow: hidden;
z-index: 1;
// Puedes agregar box-shadow o background si quieres
+
+ @media (min-width: 1500px) {
+ width: 1920px;
+ height: 1080px;
+ }
}
#coursenav-offcanvas {
border-top-right-radius: 30px !important;
diff --git a/css/stylee.css b/css/stylee.css
index 0a7249f..f14e5b0 100644
--- a/css/stylee.css
+++ b/css/stylee.css
@@ -1,7 +1,6 @@
html {
box-sizing: border-box;
height: 100%;
- overflow: hidden;
}
*,
@@ -19,7 +18,6 @@ body {
font-family: "Arial", sans-serif;
line-height: 1.3;
font-size: 18px;
- overflow: hidden;
}
body > header,
body > footer {
@@ -299,6 +297,12 @@ body > main {
overflow: hidden;
z-index: 1;
}
+@media (min-width: 1500px) {
+ .wrap-course-content {
+ width: 1920px;
+ height: 1080px;
+ }
+}
#coursenav-offcanvas {
border-top-right-radius: 30px !important;
diff --git a/img/09.0.png b/img/09.0.png
new file mode 100644
index 0000000..437f92d
Binary files /dev/null and b/img/09.0.png differ
diff --git a/img/10.0.png b/img/10.0.png
new file mode 100644
index 0000000..dd7d4a9
Binary files /dev/null and b/img/10.0.png differ
diff --git a/img/10.1.png b/img/10.1.png
new file mode 100644
index 0000000..11a83f2
Binary files /dev/null and b/img/10.1.png differ
diff --git a/img/11.0.png b/img/11.0.png
new file mode 100644
index 0000000..7606e40
Binary files /dev/null and b/img/11.0.png differ
diff --git a/img/12.0.png b/img/12.0.png
new file mode 100644
index 0000000..30a1582
Binary files /dev/null and b/img/12.0.png differ
diff --git a/img/indicador.png b/img/indicador.png
new file mode 100644
index 0000000..08a5d19
Binary files /dev/null and b/img/indicador.png differ
diff --git a/img/per1.png b/img/per1.png
new file mode 100644
index 0000000..aff501c
Binary files /dev/null and b/img/per1.png differ
diff --git a/img/pr.png b/img/pr.png
new file mode 100644
index 0000000..b4d237e
Binary files /dev/null and b/img/pr.png differ
diff --git a/img/progress.png b/img/progress.png
new file mode 100644
index 0000000..4541921
Binary files /dev/null and b/img/progress.png differ
diff --git a/img/puzzle.svg b/img/puzzle.svg
new file mode 100644
index 0000000..8b0145c
--- /dev/null
+++ b/img/puzzle.svg
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/img/ruleta.png b/img/ruleta.png
new file mode 100644
index 0000000..e03d743
Binary files /dev/null and b/img/ruleta.png differ