Merge pull request #34 from bjgavilanes/main

Add speakers' page, add dummy image data to mentors, and speakers.

src/data/mentors-list.json

@@ -1,76 +1,76 @@
 [
 {
-  "image": "",
+  "images": "/images/mentors/anthony-dalton-san-lucas-cujilan.png",
   "name": "Anthony Dalton San Lucas Cujilan",
   "mail": "anthonysanlucas.dev@gmail.com",
   "description": "Soy un desarrollador de software con experiencia tanto en el ámbito empresarial como independiente. Me apasiona contribuir a proyectos de código abierto y constantemente busco oportunidades para colaborar y aportar a la comunidad a través de microproyectos.",
   "linkedin": "https://www.linkedin.com/in/anthonysanlucas/"
 },
 {
-  "image": "",
+  "images": "/images/mentors/joffre-andres-veloz-pazmiño.png",
   "name": "Joffre Andres Veloz Pazmiño",
   "mail": "joffreandres11@gmail.com",
   "description": "https://joffre.fastery.dev/",
   "linkedin": "https://joffre.fastery.dev/"
 },
 {
-  "image": "",
+  "images": "/images/mentors/sergio-díaz.png",
   "name": "Sergio Díaz",
   "mail": "codediazsergio@gmail.com",
   "description": "Software Engineer with over 3 years of experience, specializing in innovative educational systems and microservices architectures.\nTechnical leader passionate about designing robust and scalable software architectures. I drive the adoption of advanced development practices, with a growing interest in MLOps and GenAI.\nCommitted to technological innovation and the development of high-performance teams.",
   "linkedin": "https://www.linkedin.com/in/sergio-diaz-fernandez"
 },
 {
-  "image": "",
+  "images": "/images/mentors/jordan-fabian-vera-coello.png",
   "name": "Jordan Fabian Vera Coello",
   "mail": "jverac12@uteq.edu.ec",
   "description": "Desarrollador web front-end, apasionado por crear interfaces atractivas y funcionales, mi enfoque se centra en combinar un diseño de alta calidad con una excelente experiencia de usuario. Con 3 años de experiencia en el campo, he trabajado en diversos proyectos, tanto en equipos empresariales, educativos y de forma independiente.",
   "linkedin": "https://www.linkedin.com/in/jordanfvc26/"
 },
 {
-  "image": "",
+  "images": "/images/mentors/manuel-adrian-carpio-moran.png",
   "name": "Manuel Adrian Carpio Moran",
   "mail": "adriancarpiomoran@gmail.com",
   "description": "Soy un programador apasionado por la tecnologia y el codigo abierto dispuesto a compartir su expertis y conocimiento",
   "linkedin": "https://www.linkedin.com/in/manuel-adrian-carpio-moran-9b1642173/"
 },
 {
-  "image": "",
+  "images": "/images/mentors/johnny-valencia-lopez.png",
   "name": "Johnny Valencia Lopez ",
   "mail": "jvalencia@erp-smart.com ",
   "description": "Arquitecto de software en plataforma libre,  creador de ERP Smart, software web para exportadores de fruta, con más de 15 años de experiencia, amantes del buen vino y enamorado del código. ",
   "linkedin": "https://ec.linkedin.com/in/banana22xu"
 },
 {
-  "image": "",
+  "images": "/images/mentors/cesar-andres-reyes-cedeño.png",
   "name": "Cesar Andres Reyes Cedeño",
   "mail": "cesareyesc@proton.me",
   "description": "Soy desarrollador de software concentrado en el desarrollo de aplicaciones fullstack, he ejecutado proyectos de principio a fin desde base de datos, backend y frontend. actualmente tengo una empresa para preparar y entrenarar asistentetes de inteligencia artificial generativa de texto para que tome el rol de un vendedor autonomo de whatsapp, por ende he tenido que espeicializarme en la misma, no he hecho contribuciones en repositorios open source pero si he trabajado a profundidad herramientas open source, como auto-gpt, odoo, gpt-3, automatic 1111",
   "linkedin": "https://www.linkedin.com/in/cesar-andres-reyes-cede%C3%B1o-7028a3104/"
 },
 {
-  "image": "",
+  "images": "/images/mentors/jorge-luis-molina-torres.png",
   "name": "Jorge Luis Molina Torres",
   "mail": "Jorge.molina@kimerasoft-ec.com",
   "description": "Soy desarrollador desde los 15 años, me gradué en el colegio la moderna spv.... soy ing en sistema de la católica de guayaquil..... tengo 29 años, a los 21 años forme una empresa que se llama kimerasoft, www.kimerasoft-ec.com..... tiene actualmente 8 años, tenemos nasa de 500 clientes en ecuador con nuestro ERP llamado KERP... tenemos unos de los mayores sistema gps para buses urbanos en guayaquil ",
   "linkedin": "https://www.linkedin.com/in/jorge-molina-b69903101?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"
 },
 {
-  "image": "",
+  "images": "/images/mentors/iván-manzaba-garcés.png",
   "name": "Iván Manzaba Garcés",
   "mail": "mauricio.9.inm@gmail.com",
   "description": "Me gusta mucho aprender sobre las nuevas tendencias del desarrollo de software, en especial del área de la web",
   "linkedin": "https://www.linkedin.com/in/iván-manzaba"
 },
 {
-  "image": "",
+  "images": "/images/mentors/jorge-andres-dominguez-perdomo.png",
   "name": "Jorge Andres Dominguez Perdomo",
   "mail": "me@jorgedp.com",
   "description": "Con más de una década de experiencia en UX y Product Management, Jorge ha liderado equipos en la creación de soluciones innovadoras en banca y retail. Ha optimizado experiencias para millones de usuarios, combinando innovación tecnológica y metodologías ágiles en proyectos de alto impacto.",
   "linkedin": "https://www.linkedin.com/in/jorgedp/"
 },
 {
-  "image": "",
+  "images": "/images/mentors/luis-enrique-moreira-torres.png",
   "name": "Luis Enrique Moreira Torres",
   "mail": "lmoreirat@msuteq.edu.ec",
   "description": "Soy un apasionado por la programación, siempre busco estar a la vanguardia en cuanto a las tecnologías que se usan y tratar de actualizarme, tengo experiencia en el campo del desarrollo móvil, así como el desarrollo web, además de contar con experiencia en desarrollo frontend y backend en varios proyectos.",

src/data/speakers-list.json

@@ -0,0 +1,66 @@
+[
+{
+  "images": "/images/speakers/alex-andrés-vélez-llaque.png",
+  "name": "Alex Andrés Vélez Llaque",
+  "mail": "velezllaquealex@gmail.com",
+  "bio": "Ingeniero en Ciencias de la Computación de Espol, con cuatro años de experiencia trabajando con tecnologías web como FullStack Developer, Organizer del Google Developer Groups Guayaquil, ex Google Summer of Code contributor en 2022, Google Summer of Code mentor en 2024 y ganador global del Nasa Space Apps Challenge en 2021.",
+  "talk": "Google Summer of Code: Impulsa tu Carrera con Proyectos Open Source a nivel Global.",
+  "talk_objectives": "El objetivo es dar a conocer e inspirar a más personas a que apliquen a programas como estos, que vean que si una persona como cualquier otra, de nuestra ciudad, pudo, entonces que todos pueden. Y en general generar interés en el valor de aplicar a proyectos de codigo abierto aunque no sea a través del GSoC."
+},
+{
+	"images": "/images/speakers/jean-carlos-correa.png",
+  "name": "Jean Carlos Correa",
+  "mail": "jean_car1993@hotmail.com",
+  "bio": "Apasionado del arte, la tecnología y la pedagogía. Ingeniero en computación y sistemas por la Universidad Agraria del Ecuador. Artista independiente Guayaquileño con una trayectoria artística de más de 10 años. Ubica su trabajo artístico entre la Danza contemporánea, teatro y circo",
+  "talk": "De Sonic Pi a instrumentos musicales precolombinos: explorando nuevas formar de desarrollar experiencias sonoras creativas.",
+  "talk_objectives": "-Introducir Sonic Pi como herramienta para la creación musical y su potencial para fusionar lo tradicional con lo digital.\n-Demostrar cómo traducir conceptos musicales a código de programación.\n-Explorar formas creativas de integrar instrumentos precolombinos en performances digitales.\n-Inspirar a los asistentes a experimentar con nuevas formas de expresión musical utilizando tecnología y elementos culturales tradicionales."
+},
+{
+	"images": "/images/speakers/juan-isidro-mejía-peña.png",
+  "name": "Juan Isidro Mejía Peña",
+  "mail": "juanisidromejia@gmail.com",
+  "bio": "Músico y programador. Estudió Dirección Orquestal en Ucrania y en Ecuador en la carrera de Ingeniería de Sistemas Administrativos Computarizados.Su formación dual lo ha convertido en un  apasionado por divulgar las tecnologías libres para la música. Posee una maestría en Pedagogía y Entrenamiento Musical y en lo relacionado a la tecnología se mantiene en el desarrollo de productos Blockchain en la comunidad de Dow7coin. Ha colaborado en eventos informáticos como artista, expositor o mentor en el FLISOL y el Hackaton . Actualmente es parte de la comunidad Guayaquil Tech docente de la Universidad Católica de Santiago de Guayaquil, de la Universidad de las Artes del Ecuador y del Colegio República de Francia ",
+  "talk": "La revolución del software libre en la música: El caso de Musescore vs. Finale",
+  "talk_objectives": "Objetivos:\n\nEntender la historia detrás de la creación de Musescore y su lucha por posicionarse entre los grandes programas de notación musical\n\nAprender sobre la importancia de la colaboración y la innovación en el desarrollo de software\n\nDescubrir cómo la comunidad de desarrolladores de software libre puede cambiar la forma en que creamos y compartimos música\n\nReflexionar sobre el papel del software libre en la música y su impacto en la industria\n"
+},
+{
+	"images": "/images/speakers/byron-andres-duarte-morejon.png",
+  "name": "BYRON ANDRES DUARTE MOREJON",
+  "mail": "b.duarte.apps@gmail.com",
+  "bio": "Ingeniero de software con trayectoria en el desarrollo y liderazgo de proyectos tecnológicos en sectores como: banca digital, facturación electrónica, mercados bursátiles, comercio digital y seguros médicos. Es un entusiasta de la IA y un firme creyente en el arte detrás de la ingeniería de software.",
+  "talk": "El rol del open source en la democratización de la inteligencia artificial",
+  "talk_objectives": "Mostrar el impacto del open source en la democratización de la IA."
+},
+{
+	"images": "/images/speakers/joel-choez.png",
+  "name": "Joel Choez",
+  "mail": "ejchoez@espol.edu.ec",
+  "bio": "Pentester - Telconet, Líder - Saturdays.AI Guayaquil, Ex presidente CIAP (Club de Inteligencia Artificial Politécnico)",
+  "talk": "Web LLM attacks",
+  "talk_objectives": "1. Comprender los ataques a LLM.\n2. Demostrar vulnerabilidades en LLM con PortSwigger.\n3. Explorar soluciones de seguridad para LLM."
+},
+{
+	"images": "/images/speakers/jonathan-zavala.png",
+  "name": "Jonathan Zavala",
+  "mail": "jonzavil@espol.edu.ec",
+  "bio": "Soy graduado de Ingeniería Mecatrónica en la ESPOL y actualmente soy pasante en el área de red team en Telconet. Me encanta viajar y hacer actividades al aire libre. Me apasiona la investigación y siempre estoy buscando aprender más sobre programación y diseño mecatrónico.",
+  "talk": "DISEÑO Y SIMULACIÓN DE UN VEHÍCULO AUTÓNOMO TERRESTRE NO TRIPULADO",
+  "talk_objectives": "Explicar cómo las herramientas de código abierto, como ROS, Onshape, Gazebo y RViz, permiten el desarrollo colaborativo y eficiente de vehículos autónomos terrestres no tripulados.\nMostrar cómo el diseño del vehículo se puede realizar en Onshape, permitiendo a los equipos trabajar de forma remota en un entorno colaborativo y en tiempo real.\nPresentar las capacidades de simulación física y dinámica de Gazebo, y cómo permite probar el comportamiento del vehículo en diferentes escenarios antes de construir un prototipo físico.\nExplicar cómo RViz se utiliza para visualizar la información sensorial y las trayectorias en tiempo real, mejorando la capacidad de monitorear y depurar el comportamiento del vehículo."
+},
+{
+	"images": "/images/speakers/giovanni-ernesto-bauz-garcía.png",
+  "name": "Giovanni Ernesto Bauz García",
+  "mail": "gbauz3t@gmail.com",
+  "bio": "Soy un desarrollador frontend actualmente me encuentro desarrollando proyecto freelance tanto web,moviles tengo una startup llamada digital webdise la cual ofrece diferentes cursos de desarrollo web y tambien desarrollamos proyectos para pequeños y medianos emprendimientos",
+  "talk": "Demostración:App de Personalidad (Speak Profile)",
+  "talk_objectives": "compartir con la comunidad una aplicacion que desarrolle en mi tiempo libre la cual tiene como objetivo mediante el reconocimiento de voz el tipo de personalidad de una persona"
+},
+{
+	"images": "/images/speakers/cesar-quintuña.png",
+  "name": "Cesar Quintuña",
+  "mail": "cepaquin@espol.edu.ec",
+  "bio": "Soy ingeniero mecatrónico, graduado de la ESPOL, y ahora estoy haciendo una pasantía en el área de red team en Telconet. Me gusta mucho la electrónica y la robótica, además soy hincha del Barcelona de España. Pronto publicaré dos artículos sobre robótica, lo cual me tiene muy emocionado.",
+  "talk": "DISEÑO Y SIMULACIÓN DE UN VEHÍCULO AUTÓNOMO TERRESTRE NO TRIPULADO",
+  "talk_objectives": "Explicar cómo las herramientas de código abierto, como ROS, Onshape, Gazebo y RViz, permiten el desarrollo colaborativo y eficiente de vehículos autónomos terrestres no tripulados.\nMostrar cómo el diseño del vehículo se puede realizar en Onshape, permitiendo a los equipos trabajar de forma remota en un entorno colaborativo y en tiempo real.\nPresentar las capacidades de simulación física y dinámica de Gazebo, y cómo permite probar el comportamiento del vehículo en diferentes escenarios antes de construir un prototipo físico.\nExplicar cómo RViz se utiliza para visualizar la información sensorial y las trayectorias en tiempo real, mejorando la capacidad de monitorear y depurar el comportamiento del vehículo."
+}
+]

src/pages/mentors.astro

@@ -4,8 +4,10 @@ import Navbar from '../components/Navbar';
 import Layout from '../layouts/Layout.astro';
 ---
 
-
-<Layout title="HacktoberfestGYE - Evento de Código Abierto">
+<Layout
+  title="HacktoberfestGYE - Evento de Código Abierto"
+  description="Conoce a los mentores del Hacktoberfest. Descubre sus perfiles, habilidades y experiencias en nuestra lista de mentores."
+>
   <header>
     <Navbar classNameHideScroll='bg-secondary' showMenu={false} client:load />
   </header>
@@ -22,10 +24,9 @@ import Layout from '../layouts/Layout.astro';
 	    {
 	      mentors.map((mentor) => (
 	        <div class="flex flex-col gap-4 items-center">
-			  <img src={mentor.image} alt={mentor.name} className="mentor-image" />
+			  <img src={mentor.images} alt={mentor.name} className="mentor-image" />
 	          <h3 class="font-bold">{mentor.name}</h3>
 	          <p class="text-center">{mentor.description}</p>
-			  <p class="text-center">
 		      <div class="socials flex flex-row gap-4 order-2">
 				<a href={mentor.linkedin}>
 					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zM8.951 9.404H6.165V17.5H8.95V9.404zm6.841-.192c-1.324 0-1.993.629-2.385 1.156l-.127.181V9.403h-2.786l.01.484c.006.636.007 1.748.005 2.93l-.015 4.683h2.786v-4.522c0-.242.018-.484.092-.657.202-.483.66-.984 1.43-.984.955 0 1.367.666 1.408 1.662l.003.168V17.5H19v-4.643c0-2.487-1.375-3.645-3.208-3.645zM7.576 5.5C6.623 5.5 6 6.105 6 6.899c0 .73.536 1.325 1.378 1.392l.18.006c.971 0 1.577-.621 1.577-1.398C9.116 6.105 8.53 5.5 7.576 5.5z"/></svg>

src/pages/repos.astro

@@ -5,7 +5,10 @@ import Layout from '../layouts/Layout.astro';
 ---
 
 
-<Layout title="HacktoberfestGYE - Evento de Código Abierto">
+<Layout
+	title="HacktoberfestGYE - Evento de Código Abierto"
+	description="Descubre nuestros repositorios aliados para el HacktoberfestGYE. Explora nuestros proyectos y únete a la comunidad."
+>
   <header>
     <Navbar classNameHideScroll='bg-secondary' showMenu={false} client:load />
   </header>

src/pages/speakers.astro

@@ -0,0 +1,45 @@
+---
+import speakers from '../data/speakers-list.json';
+import Navbar from '../components/Navbar';
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout
+  title="HacktoberfestGYE - Evento de Código Abierto"
+  description="Descubre a los ponentes del Hacktoberfest, líderes en innovación y desarrollo. Aprende de sus experiencias y conocimientos en tecnología. ¡Registra ahora y conecta con la comunidad!"
+>
+  <header>
+    <Navbar classNameHideScroll='bg-secondary' showMenu={false} client:load />
+  </header>
+	<section
+	  id="speakers"
+	  class="container mx-auto px-4 lg:px-0 py-20 md:py-24 lg:py-28"
+	>
+	  <div class="flex flex-col w-full gap-y-4 items-center mb-8">
+	    <h2 class="text-black font-bold text-2xl lg:text-3xl/[3rem]">
+	      ¡Conoce a los mentores del Hacktoberfest!
+	    </h2>
+	  </div>
+	  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+	    {
+	      speakers.map((speaker) => (
+	        <div class="flex flex-col gap-4 items-center">
+			  <img src={speaker.images} alt={speaker.name} className="speaker-image" />
+	          <h3 class="font-bold">{speaker.name}</h3>
+	          <p class="text-center">{speaker.bio}</p>
+	          <h4 class="font-bold">{speaker.talk}</h3>
+	          <p class="text-center">{speaker.talk_objectives}</p>
+		      <div class="socials flex flex-row gap-4 order-2">
+				<a href={speaker.linkedin}>
+					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zM8.951 9.404H6.165V17.5H8.95V9.404zm6.841-.192c-1.324 0-1.993.629-2.385 1.156l-.127.181V9.403h-2.786l.01.484c.006.636.007 1.748.005 2.93l-.015 4.683h2.786v-4.522c0-.242.018-.484.092-.657.202-.483.66-.984 1.43-.984.955 0 1.367.666 1.408 1.662l.003.168V17.5H19v-4.643c0-2.487-1.375-3.645-3.208-3.645zM7.576 5.5C6.623 5.5 6 6.105 6 6.899c0 .73.536 1.325 1.378 1.392l.18.006c.971 0 1.577-.621 1.577-1.398C9.116 6.105 8.53 5.5 7.576 5.5z"/></svg>
+				</a>
+			    <a href={`mailto:${speaker.mail}`}>
+					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
+				</a>
+		        </div>
+	        </div>
+	      ))
+	    }
+	  </div>
+	</section>
+</Layout>