Avances en Nova

apps/Nova Transmedia/data.html

@@ -137,6 +137,19 @@
         align-self: auto;
         order: 0;
     }
+    .listaNova li{
+        margin-bottom: 10px;
+    }
+    @media (max-width: 768px) {
+        .sidebarparent {
+            visibility: hidden;
+            display: none !important;
+        }
+        .documentoProyectos{
+            width: 80vw !important;
+        }
+
+    }
 </style>
 <div class="statusBar">
     <div class="flex-containerNova2">
@@ -161,8 +174,8 @@
 <div class="documentoNovaectos" >
     <div class="contentPort" style="text-align: left;">
         <div class="flex-containerNova2" style="width: 100%;">
-            <div class="flex-itemsNova2" style="width: 55%">
-                <div class="sidebar">
+            <div class="flex-itemsNova2 sidebarparent" style="width: 55%">
+                <div class="sidebar ">
                     <div class="sidebarItem">
                         <div class="sidebarTitle">
                             <div class="flex-containerNova1">
@@ -218,8 +231,7 @@
                     </div>
                     <div style="margin-left: 15px; text-align: center;">
                         <p >
-                            En 2023 la Universidad Nacional Empezo a hacer cursos de PREICFES en la sede medellin y nos dejaron
-                            la tarea de realizar la pagina principal para promocionar el curso, aqui presento un ejemplo rapido:
+                            En 2023, la Universidad Nacional inició cursos de PREICFES en la sede Medellín. Nos encomendaron la tarea de crear la página principal para promocionar el curso. A continuación, presento un ejemplo rápido:
                         </p>
                         <img style="width: 80%" src="./public/images/Preicfes.gif" alt="" srcset="">
                     </div>
@@ -228,20 +240,69 @@
                 <div class="nonSidebar">
                     <div class="iPYpwe">
                         <p style="font-weight: 700;font-size: larger; margin: 10px 10px ; text-align: left;">
-                            Pagina de PreICFES UNAL:
+                            SCORM Para fundacion Saldarriaga Concha:
                         </p>
 
                     </div>
                     <div style="margin-left: 15px; text-align: center;">
                         <p >
-                            En 2023 la Universidad Nacional Empezo a hacer cursos de PREICFES en la sede medellin y nos dejaron
-                            la tarea de realizar la pagina principal para promocionar el curso, aqui presento un ejemplo rapido:
+                            He realizado numerosas presentaciones de diapositivas para la Fundación Saldarriaga Concha, algunas de ellas con contenido interactivo: 
                         </p>
                         <img style="width: 80%" src="./public/images/unicef.gif" alt="" srcset="">
                     </div>
 
                 </div>
+                <div class="nonSidebar">
+                    <div class="iPYpwe">
+                        <p style="font-weight: 700;font-size: larger; margin: 10px 10px ; text-align: left;">
+                            Apoyo al despliegue de redes inteligentes en Colombia:
+                        </p>
+
+                    </div>
+                    <div style="margin-left: 15px; text-align: center;">
+                        <p >
+                            Contribuí al desarrollo de una herramienta en React para el proyecto "Apoyo al despliegue de redes inteligentes en Colombia".
+
+                            La herramienta permite a los usuarios visualizar el consumo energético de diferentes regiones del país y comparar el impacto de diferentes estrategias de sostenibilidad.
+                        </p>
+                        <img style="width: 80%" src="./public/images/react.gif" alt="" srcset="">
+                    </div>
+
+                </div>
+                <div class="nonSidebar">
+                    <div class="iPYpwe">
+                        <p style="font-weight: 700;font-size: larger; margin: 10px 10px ; text-align: left;">
+                            Otros desarrollos:
+                        </p>
+
+                    </div>
+                    <div style="margin-left: 15px; text-align: center;">
+                        <p >
+                            Soy desarrollador frontend, pero también tengo experiencia en otras áreas del desarrollo. A continuación, presento algunos de mis proyectos:                    
+                            <ul class="listaNova">
+                                <li>
+                                    <b>Bot de WhatsApp para la recolección de datos en zonas peligrosas para UNICEF</b>: Este bot permitió a UNICEF recopilar datos de forma segura en zonas donde la seguridad de los encuestadores era un riesgo.
+                                </li>
+                                <li>
+                                    <b>Ayuda en el desarrollo del backend del proyecto "Apoyo al despliegue de redes inteligentes en Colombia</b>": Contribuí al desarrollo de una herramienta que permite visualizar el consumo energético de diferentes regiones del país y comparar el impacto de diferentes estrategias de sostenibilidad.                        
+                                </li>
+                                <li>
+                                    <b>Montaje de VPS en AWS e instalación de servidores en WordPress y Moodle</b>: He montado servidores virtuales en AWS para la fundacion Saldarriaga Concha, incluyendo la instalación de plataformas como WordPress y Moodle.
+                                </li>
+                                <li>
+                                    <b>Ayudas en sistema de estadísticas para un bot de FAQ para la división de matrícula y registro de la UNAL</b>: Colaboré en el desarrollo de un sistema de estadísticas para un bot de FAQ que ayuda a los estudiantes de la Universidad Nacional de Colombia a resolver sus dudas sobre matrícula y registro.                        </li>
+                            </ul>
+                        </p>
+
+                    </div>
+
+                </div>
             </div>
 
         </div>
+
+
+    </div>
+
+</div>
     </div>

apps/Proyectos/data.html

@@ -136,6 +136,16 @@
         align-self: auto;
         order: 0;
     }
+    @media (max-width: 768px) {
+        .sidebarparent {
+            visibility: hidden;
+            display: none !important;
+        }
+        .documentoProyectos{
+            width: 80vw !important;
+        }
+
+    }
 </style>
 <div class="statusBar">
     <div class="flex-containerProy2">
@@ -160,7 +170,7 @@
 <div class="documentoProyectos" >
     <div class="contentPort" style="text-align: left;height: 100%;">
         <div class="flex-containerProy2" style="width: 100%;">
-            <div class="flex-itemsProy2" style="width: 35%">
+            <div class="flex-itemsProy2 sidebarparent" style="width: 35%">
                 <div class="sidebar">
                     <div class="sidebarItem">
                         <div class="sidebarTitle">
@@ -214,7 +224,7 @@
                             Dispositivos y unidades:</p>
                     </div>
 
-                    <div class="flex-container" style="width: 100%;text-align: left; margin: 20px 15px;">
+                    <div class="flex-containerProy1" style="width: 100%;text-align: left; margin: 20px 15px;">
                         <div class="flex-itemsProy2">
                             <div class='icon'><img src='./public/images/hard_disk_drive-2.png'>
                                 <div class='Iconnametag'>
@@ -229,9 +239,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="flex-itemsProy2">
-
-                        </div>
+
                     </div>
                 </div>
                 <div class="nonSidebar">