From bfdaf79bf12d9a49d8a0c3ba673dfb06104a669e Mon Sep 17 00:00:00 2001 From: h4ckx0r Date: Wed, 13 Nov 2024 21:37:02 +0100 Subject: [PATCH 1/6] =?UTF-8?q?Ejemplo=20posts=20relacionados=20y=20cambio?= =?UTF-8?q?=20a=20may=C3=BAscula=20del=20nombre?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/PostsRelacionados.astro | 75 ++++++++++++++++++++------ src/layouts/PostStyle.astro | 4 +- src/pages/posts/ods1.mdx | 1 + src/pages/posts/ods2.mdx | 1 + src/pages/posts/ods3.mdx | 1 + src/pages/posts/ods4.mdx | 1 + 6 files changed, 64 insertions(+), 19 deletions(-) diff --git a/src/components/PostsRelacionados.astro b/src/components/PostsRelacionados.astro index 7f68771..bcf8e8f 100644 --- a/src/components/PostsRelacionados.astro +++ b/src/components/PostsRelacionados.astro @@ -1,28 +1,69 @@ --- const { currentPost } = Astro.props; -// Aquí deberías implementar la lógica para obtener posts relacionados -// Por ejemplo, basándote en categorías, tags, o algún otro criterio -const relatedPosts = [{ title: "Prueba", excerpt: "Prueba", url: "Prueba" }]; +const posts = await Astro.glob('../pages/posts/*.mdx'); + +const relatedPosts = posts.filter(post => + currentPost.relacionados?.includes(post.file.split('/').pop().replace('.mdx', '')) +).map(post => ({ + title: post.frontmatter.titulo, + excerpt: post.frontmatter.descripcion, + url: post.url, + imagen: post.frontmatter.imagen +})); --- -
-

Posts Relacionados

-
+
+

Posts Relacionados

+
+ + diff --git a/src/layouts/PostStyle.astro b/src/layouts/PostStyle.astro index d85a317..57c872a 100644 --- a/src/layouts/PostStyle.astro +++ b/src/layouts/PostStyle.astro @@ -255,13 +255,13 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${ {frontmatter.autor} { - frontmatter.lastModified && ( + frontmatter.fecha && ( <>  |  Última actualización:{" "} {new Date( - frontmatter.lastModified, + frontmatter.fecha, ).toLocaleDateString("es-ES", { year: "numeric", month: "long", diff --git a/src/pages/posts/ods1.mdx b/src/pages/posts/ods1.mdx index 494a0e5..b5f5f85 100644 --- a/src/pages/posts/ods1.mdx +++ b/src/pages/posts/ods1.mdx @@ -6,6 +6,7 @@ fecha: '10/29/24' descripcion: 'Este objetivo busca erradicar la pobreza extrema garantizando acceso a recursos básicos, oportunidades económicas y una vida digna para todos. Descubre en detalle el ODS 1 en el siguiente post:' imagen: 'https://upload.wikimedia.org/wikipedia/commons/f/f1/Sustainable_Development_Goal-es-17.jpg' hashtags: ['ODS1', 'Erradicación de la Pobreza', 'Desarrollo Sostenible', 'Igualdad de Derechos', 'Protección Social'] +relacionados: ['ODS2', 'ODS10', 'ODS8', 'ODS3'] --- import ImagenMD from "../../components/ImagenMD.astro" diff --git a/src/pages/posts/ods2.mdx b/src/pages/posts/ods2.mdx index f5a4823..1f9c696 100644 --- a/src/pages/posts/ods2.mdx +++ b/src/pages/posts/ods2.mdx @@ -6,6 +6,7 @@ fecha: '10/29/24' descripcion: 'Este objetivo busca erradicar la pobreza extrema garantizando acceso a recursos básicos, oportunidades económicas y una vida digna para todos. Descubre en detalle el ODS 2 en el siguiente post:' imagen: 'https://upload.wikimedia.org/wikipedia/commons/8/80/Sustainable_Development_Goal-es-16.jpg' hashtags: ['Hambre Cero', 'Seguridad Alimentaria', 'Nutricion', 'Agricultura Sostenible'] +relacionados: [] --- import ImagenMD from "../../components/ImagenMD.astro" diff --git a/src/pages/posts/ods3.mdx b/src/pages/posts/ods3.mdx index d8b7bcb..25a6d5f 100644 --- a/src/pages/posts/ods3.mdx +++ b/src/pages/posts/ods3.mdx @@ -5,6 +5,7 @@ autor: 'José Antonio Marín' fecha: '10/29/24' descripcion: 'Este objetivo busca mejorar la salud y la calidad de vida general de todos los seres humanos, involucrando una serie de políticas y de acciones tanto gubernamentales y civiles para lograr dicho objetivo. Descubre qué implica exactamente en este artículo:' imagen: 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Sustainable_Development_Goal-es-15.jpg/1024px-Sustainable_Development_Goal-es-15.jpg' +relacionados: [] --- import ImagenMD from "../../components/ImagenMD.astro" diff --git a/src/pages/posts/ods4.mdx b/src/pages/posts/ods4.mdx index a5219e4..43c57db 100644 --- a/src/pages/posts/ods4.mdx +++ b/src/pages/posts/ods4.mdx @@ -5,6 +5,7 @@ autor: 'José Antonio Marín' fecha: '10/29/24' descripcion: 'Este objetivo busca garantizar una educación inclusiva, equitativa y de calidad para todos los los ciudadanos del mundo a lo largo de sus vidas. Descubre qué es lo que implica en este post:' imagen: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Sustainable_Development_Goal-es-14.jpg/480px-Sustainable_Development_Goal-es-14.jpg' +relacionados: [] --- import ImagenMD from "../../components/ImagenMD.astro" From 96a495ac0e5d9fa74dee38c426a55a07decb06dc Mon Sep 17 00:00:00 2001 From: h4ckx0r Date: Wed, 13 Nov 2024 21:37:24 +0100 Subject: [PATCH 2/6] Cambio de datos en el index y arreglo de enlaces de compartir de participa --- src/pages/index.astro | 2 +- src/pages/participa.astro | 279 ++++++++++++++++++++++++++------------ 2 files changed, 194 insertions(+), 87 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 9cd1513..310fca9 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -116,7 +116,7 @@ const animateOnScroll = `
{ [ - { number: "100+", description: "Personas a las que hemos concienciado." }, + { number: "500+", description: "Personas a las que hemos concienciado." }, { number: "5+", description: "Proyectos creados para fomentar la sostenibilidad." } ].map((impact, index) => (
diff --git a/src/pages/participa.astro b/src/pages/participa.astro index f04cb66..bc980b5 100644 --- a/src/pages/participa.astro +++ b/src/pages/participa.astro @@ -5,21 +5,21 @@ import Footer from "../components/Footer.astro"; // Lista ampliada de mensajes sobre sostenibilidad const mensajes = [ - "¡Únete al cambio! 🌍 Cada acción cuenta para un futuro sostenible.", - "La sostenibilidad comienza contigo. Comparte y actúa hoy. 🌱", - "Pequeños pasos, grandes cambios. Contribuye a un mundo mejor. 🌿", - "La Tierra es nuestro hogar. Protejámosla juntos. 🌎", - "Actúa localmente, impacta globalmente. Sé parte del cambio. 🌐", - "Cada gota cuenta. Conserva el agua y protege el futuro. 💧", - "La energía renovable es el camino hacia un mañana más limpio. ⚡", - "Reciclar es más que una acción, es un compromiso. ♻️", - "El cambio climático es real. Actúa ahora, no mañana. 🌡️", - "La biodiversidad es vida. Presérvala. 🐾", - "Compra local, apoya a tu comunidad y reduce tu huella de carbono. 🛒", - "La educación es clave para un desarrollo sostenible. 📚", - "La naturaleza no necesita a las personas, las personas necesitan a la naturaleza. 🌳", - "Invierte en nuestro planeta. Es el único hogar que tenemos. 🏡", - "El futuro es verde. Haz tu parte para que así sea. 🌿" + "¿Sabías que cada pequeña acción cuenta? ¡Juntos podemos crear un futuro más verde! 🌍", + "Hoy es el día perfecto para empezar a cuidar nuestro planeta 🌱", + "Tu granito de arena marca la diferencia. ¿Te animas a ser parte del cambio? 🌿", + "Nuestro planeta nos necesita más que nunca. ¿Qué harás hoy por él? 🌎", + "¡Genial! Actuando localmente creamos impacto global 🌐", + "El agua es vida. ¿Cómo la proteges tú? 💧", + "Imagina un futuro con energía limpia. ¡Está más cerca de lo que crees! ⚡", + "El reciclaje es como una cadena: cada eslabón importa ♻️", + "El planeta no puede esperar. ¿Nos ayudas a protegerlo? 🌡️", + "Cada especie cuenta. ¿Qué tal si hoy aprendemos más sobre biodiversidad? 🐾", + "Apoyar lo local es apoyar nuestro futuro. ¿Te unes? 🛒", + "Compartir conocimiento es multiplicar el impacto. ¡Cuéntanos tus ideas! 📚", + "La naturaleza nos habla. ¿Estamos escuchando? 🌳", + "Este es nuestro único hogar. ¿Cómo lo cuidas tú? 🏡", + "¡Construyamos juntos un futuro más verde! ¿Te apuntas? 🌿", ]; // Función para obtener un mensaje aleatorio @@ -33,82 +33,189 @@ const urlSitio = Astro.site; // Reemplaza con la URL de tu sitio --- - - - - Participa Ahora | Ecobjetivos - - - - - - + + + + Participa Ahora | Ecobjetivos + + + + + + -
-

¡Participa Ahora!

-

Descubre cómo puedes contribuir a un futuro sostenible y comparte el mensaje.

+
+

¡Participa Ahora!

+

+ Descubre cómo puedes contribuir a un futuro sostenible y comparte el + mensaje. +

-
-
-

{mensajeActual}

-
- +
+
+

{mensajeActual}

+
+ +
+
+

Comparte en tus redes sociales:

+ + Twitter + + + +
+
+