diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 97b01b8..48ccb95 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -1,23 +1,35 @@ +--- + +--- +
- -
\ No newline at end of file + + diff --git a/src/pages/index.astro b/src/pages/index.astro index c66ef51..d98f431 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,25 +1,294 @@ --- // Component Imports -import Navbar from '../components/Navbar.astro'; +import Navbar from "../components/Navbar.astro"; -// Full Astro Component Syntax: -// https://docs.astro.build/basics/astro-components/ +const animateOnScroll = ` + document.addEventListener('DOMContentLoaded', () => { + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('animate__animated', 'animate__fadeIn'); + entry.target.style.visibility = 'visible'; + } + }); + }); + + document.querySelectorAll('.animate-on-scroll').forEach(el => { + observer.observe(el); + }); + }); +`; --- - + - - + + + EcoFuturo + +
+
+

+ Ecobjetivos +

+

+ Construyendo juntos un futuro más verde y equitativo +

+ Descubre más +
+
+
- +
+
+
+
+

¿Qué son los ODS?

+

+ Los Objetivos de Desarrollo Sostenible (ODS) son + un llamado universal a la acción para erradicar + la pobreza, proteger el planeta y garantizar que + todas las personas gocen de paz y prosperidad + para 2030. +

+
+
+
+

Aquí iría una imagen de los 17 ODS

+
+
+
+
+
+ +
+
+

+ Nuestros Objetivos Principales +

+
+ { + [ + "fa-seedling", + "fa-hands-holding-circle", + "fa-graduation-cap", + "fa-industry", + ].map((icon, index) => ( +
+
+
+ +
+ Objetivo {index + 1} +
+

+ Descripción del objetivo{" "} + {index + 1} +

+
+
+
+ )) + } +
+
+
+ +
+
+

+ Nuestro Impacto +

+
+ { + ["1M+", "500K", "100+", "50+"].map( + (number, index) => ( +
+

+ {number} +

+

+ Estadística {index + 1} +

+
+ ), + ) + } +
+
+
+ + + +
+
+

+ Posts Recientes +

+
+ { + [1, 2, 3].map((num) => ( +
+
+
+
+ Título del Post {num} +
+

+ Breve descripción del post {num} + ... +

+ + Leer más + +
+
+
+ )) + } +
+
+
+ +
+
+

+ Nuestros Proyectos +

+
+ { + [1, 2, 3, 4].map((num) => ( +
+
+
+
+ Proyecto {num} +
+

+ Descripción del proyecto {num} y + su impacto en los ODS. +

+ + Ver detalles + +
+
+
+ )) + } +
+
+
+ +
+
+

+ ¡Únete al Cambio! +

+

+ Juntos podemos crear un impacto duradero. Descubre cómo + puedes contribuir a los ODS. +

+ ¡Participa ahora! +
+
- + +
+
+
+
+

+ © 2024 Ecobjetivos. Todos los derechos + reservados. +

+
+
+ + + + +
+
+
+
+ + +