diff --git a/assets/css/main.css b/assets/css/main.css index 8c183b5..a692bb2 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -283,4 +283,11 @@ h5 { var(--Background--bg-light, #F9F4F2); background-repeat: no-repeat; background-size: cover; +} + +.bg-gradient-conic-green { + background: conic-gradient(from 107deg at -2.61% 53.75%, var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 53.653846979141235deg, var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 155.76923489570618deg, var(--Color-base--color-aula-base, rgba(92, 170, 204, 0.10)) 233.65383625030518deg, rgba(57, 182, 137, 0.10) 304.61538791656494deg), + var(--Background--bg-light, #F9F4F2); + background-repeat: no-repeat; + background-size: cover; } \ No newline at end of file diff --git a/components/CardCompany.vue b/components/CardCompany.vue new file mode 100644 index 0000000..bf00db0 --- /dev/null +++ b/components/CardCompany.vue @@ -0,0 +1,46 @@ + + + \ No newline at end of file diff --git a/components/HeroPages.vue b/components/HeroPages.vue index ceb97ee..246fafd 100644 --- a/components/HeroPages.vue +++ b/components/HeroPages.vue @@ -3,6 +3,7 @@ :id="id" class="relative flex flex-col p-8 md:p-12 mb-8 items-center justify-center gap-4 md:gap-8 text-center overflow-hidden rounded-3xl" :class="{ + 'bg-gradient-conic-hero': bgColor === 'gradient', 'bg-consumo-base bg-linear-to-t from-consumo-base to-consumo-extra-light': bgColor === 'consumo', 'bg-iguales-base bg-linear-to-t from-iguales-base to-iguales-extra-light': bgColor === 'iguales', 'bg-aula-base bg-linear-to-t from-aula-base to-aula-extra-light': bgColor === 'aula', diff --git a/components/SectionWithCards.vue b/components/SectionWithCards.vue index 4eeb61d..f786efd 100644 --- a/components/SectionWithCards.vue +++ b/components/SectionWithCards.vue @@ -4,6 +4,7 @@ class="flex flex-col gap-8 rounded-3xl mb-8 px-4 pt-12 pb-16 md:p-16 md:pb-24" :class="{ 'bg-gradient-conic-cards': bgColor === 'gradient-conic', + 'bg-gradient-conic-green': bgColor === 'gradient-conic-green', 'bg-linear-to-t from-consumo-extra-light to-background-light': bgColor === 'consumo', 'bg-linear-to-t from-iguales-extra-light to-background-light': bgColor === 'iguales', 'bg-linear-to-t from-aula-extra-light to-background-light': bgColor === 'aula', @@ -12,6 +13,7 @@ 'bg-linear-to-t from-ods-extra-light to-background-light': bgColor === 'ods', }">
+
diff --git a/components/TextWithImage.vue b/components/TextWithImage.vue index e5762c7..af8d06b 100644 --- a/components/TextWithImage.vue +++ b/components/TextWithImage.vue @@ -9,25 +9,37 @@ class="flex justify-between" :class="{ 'flex-col lg:flex-row gap-4': position === 'left', - 'flex-col lg:flex-row-reverse': position === 'right', - 'items-center gap-12': image.display === 'circle', + 'flex-col lg:flex-row-reverse gap-4': position === 'right' && !imageCTA, + 'flex-col-reverse lg:flex-row-reverse gap-4': position === 'right' && imageCTA, + 'items-center gap-12': image.display === 'circle' }">
- + 'h-20.1 w-20.1 rounded-full overflow-hidden border-4 border-white': image.display === 'circle', + 'h-fit w-full lg:w-auto': image.display === 'normal' + }"> + +
+
+

{{ imageCTA.description }}

+ + {{ imageCTA.button.label }} + +

-
    -
  • -

    -
  • -
+
+

{{ list.description }}

+
    +
  • +

    +
  • +
+
+

@@ -72,10 +88,14 @@ export default { type: Array, default: () => [] }, - list: { + lists: { type: Array, default: () => [] }, + finalParagraph: { + type: String, + default: '' + }, hasBullets: { type: Boolean, default: false @@ -90,11 +110,11 @@ export default { }, image: { type: Object, - default: () => ({ - src: '', - alt: '', - display: '' - }) + default: null + }, + imageCTA: { + type: Object, + default: null } } } diff --git a/data/es/certifica-t.json b/data/es/certifica-t.json index a8e26cf..96ea27d 100644 --- a/data/es/certifica-t.json +++ b/data/es/certifica-t.json @@ -84,14 +84,16 @@ "id": "a-quien-va-dirigido-certifica-t", "props": { "title": "¿A quién va dirigido?", - "paragraphs": [ - "Certifica-T está pensada para entidades de economía social que quieren visibilizar su compromiso con la sostenibilidad:" - ], - "list": [ - "Cooperativas, asociaciones y fundaciones que deseen revisar sus prácticas desde una perspectiva sostenible y avanzar en mejorar su compromiso.", - "Equipos técnicos y responsables de igualdad que necesitan una herramienta ágil para identificar qué certificados son adecuados para su proyecto y cómo alcanzarlos.", - "Organizaciones que cumplen o deben cumplir normativa en materia de sostenibilidad y buscan información sobre cuáles son las mejores herramientas.", - "Entidades con interés en formarse y mejorar a partir de propuestas concretas, ajustadas a su contexto y capacidades." + "lists": [ + { + "description": "Certifica-T está pensada para entidades de economía social que quieren visibilizar su compromiso con la sostenibilidad:", + "items": [ + "Cooperativas, asociaciones y fundaciones que deseen revisar sus prácticas desde una perspectiva sostenible y avanzar en mejorar su compromiso.", + "Equipos técnicos y responsables de igualdad que necesitan una herramienta ágil para identificar qué certificados son adecuados para su proyecto y cómo alcanzarlos.", + "Organizaciones que cumplen o deben cumplir normativa en materia de sostenibilidad y buscan información sobre cuáles son las mejores herramientas.", + "Entidades con interés en formarse y mejorar a partir de propuestas concretas, ajustadas a su contexto y capacidades." + ] + } ], "position": "left", "bgColor": "light", diff --git a/data/es/consumo-cuidado.json b/data/es/consumo-cuidado.json index ff02219..b394e09 100644 --- a/data/es/consumo-cuidado.json +++ b/data/es/consumo-cuidado.json @@ -84,10 +84,15 @@ "paragraphs": [ "Consumo Cuidado está pensado para quienes quieren transformar su forma de consumir y producir. Personas, entidades y redes que apuestan por la economía social como motor de cambio." ], - "list": [ - "Personas consumidoras que buscan productos y servicios alineados con el cuidado del entorno y la comunidad.", - "Entidades de economía social que quieren visibilizar su proyecto y vender sin perder autonomía ni asumir intermediarios.", - "Administraciones y redes territoriales que promueven el comercio justo, la digitalización local y la cooperación entre iniciativas." + "lists": [ + { + "description": null, + "items": [ + "Personas consumidoras que buscan productos y servicios alineados con el cuidado del entorno y la comunidad.", + "Entidades de economía social que quieren visibilizar su proyecto y vender sin perder autonomía ni asumir intermediarios.", + "Administraciones y redes territoriales que promueven el comercio justo, la digitalización local y la cooperación entre iniciativas." + ] + } ], "position": "left", "bgColor": "light", diff --git a/data/es/iguales.json b/data/es/iguales.json index bed953e..1c66053 100644 --- a/data/es/iguales.json +++ b/data/es/iguales.json @@ -96,11 +96,16 @@ "paragraphs": [ "“Iguales” está pensada para entidades de economía social que quieren pasar del compromiso a la acción en materia de igualdad:" ], - "list": [ - "Cooperativas, asociaciones y fundaciones que deseen revisar sus prácticas desde una perspectiva igualitaria.", - "Equipos técnicos y responsables de igualdad que necesitan una herramienta ágil para detectar puntos débiles y planificar mejoras.", - "Organizaciones que cumplen o deben cumplir normativa y buscan claridad sobre sus obligaciones reales y cómo abordarlas.", - "Entidades con interés en formarse y mejorar a partir de propuestas concretas, ajustadas a su contexto y capacidades." + "lists": [ + { + "description": null, + "items": [ + "Cooperativas, asociaciones y fundaciones que deseen revisar sus prácticas desde una perspectiva igualitaria.", + "Equipos técnicos y responsables de igualdad que necesitan una herramienta ágil para detectar puntos débiles y planificar mejoras.", + "Organizaciones que cumplen o deben cumplir normativa y buscan claridad sobre sus obligaciones reales y cómo abordarlas.", + "Entidades con interés en formarse y mejorar a partir de propuestas concretas, ajustadas a su contexto y capacidades." + ] + } ], "position": "left", "bgColor": "light", diff --git a/data/es/nosotras.json b/data/es/nosotras.json new file mode 100644 index 0000000..89ce903 --- /dev/null +++ b/data/es/nosotras.json @@ -0,0 +1,142 @@ +[ + { + "component": "HeroPages", + "props": { + "id": "hero-pages-nosotras", + "title": "Impulsamos el cambio desde lo colectivo", + "subtitle": "Detrás de kit-ECO.social hay personas, territorios y organizaciones que creemos en una economía social más sostenible, justa e interconectada.", + "bgColor": "gradient", + "bgImage": { + "src": "hero-nosotras-formas.png", + "alt": "Nosotras Imagenes Fondo" + }, + "button": null + } + }, + { + "component": "TextWithImage", + "id": "quienes-somos-nosotras", + "props": { + "title": "El proyecto", + "paragraphs": [ + "kit-ECO.social es una iniciativa digital y territorial dirigida a las entidades de economía social que quieren avanzar en sostenibilidad, igualdad, certificación y cooperación.
Está dirigido especialmente a cooperativas, asociaciones, redes locales, mujeres y jóvenes del medio rural que buscan herramientas para mejorar su impacto.", + "Surge como respuesta a una realidad: muchas organizaciones —especialmente en entornos rurales— carecen de recursos accesibles para digitalizarse, formarse o demostrar su impacto." + + ], + "lists": [ + { + "description": "Este proyecto pone a disposición de cooperativas, asociaciones, empresas sociales, redes locales y entidades sin ánimo de lucro una serie de herramientas prácticas y gratuitas para:", + "items": [ + "Evaluar y mejorar su sostenibilidad e igualdad", + "Avanzar en procesos de certificación (ambiental y social)", + "Vender productos y servicios a través de un marketplace cooperativo", + "Acceder a formación online (MOOC)", + "Compartir buenas prácticas en un foro de intercooperación" + ] + }, + { + "description": "El kit se despliega a través de:", + "items": [ + "Una plataforma digital abierta", + "Un programa de 30 encuentros públicos en 15 municipios rurales", + "Una campaña de difusión nacional que conecta personas y territorios" + ] + } + ], + "finalParagraph": "En un momento en el que la economía social es clave para el futuro sostenible de nuestros territorios, kit-ECO.social nace como un recurso colectivo para crecer con consciencia, desde la colaboración y el cuidado.", + "hasBullets": true, + "position": "right", + "bgColor": "light", + "image": { + "src": "papeles-comerciales.png", + "alt": "Papeles comerciales sobre mesa", + "display": "normal" + } + } + }, + { + "component": "SectionWithCards", + "props": { + "id": "quienes-impulsamos-kit-eco-social", + "title": "¿Quiénes impulsamos kit-ECO.social?", + "description": "Este proyecto es fruto de la colaboración entre tres entidades con trayectorias complementarias.
Juntas unimos tecnología, sostenibilidad y comunicación para acompañar a las entidades de economía social en su camino hacia la transformación. Lo hacemos desde el cooperativismo, el compromiso con el territorio y la inteligencia colectiva.", + "display": "col-3-transparent", + "bgColor": "gradient-conic-green", + "cardsType": "company", + "cards": [ + { + "image": { + "src": "logo-enreda.png", + "alt": "Logo de Enreda" + }, + "description": "Cooperativa tecnológica con más de 15 años creando soluciones digitales con impacto social. Desde Enreda coordinamos el desarrollo de la plataforma y sus herramientas.", + "link": { + "url": "https://enreda.coop", + "label": "Ir a la web" + } + }, + { + "image": { + "src": "logo-ecored.png", + "alt": "Logo de Ecored" + }, + "description": "Asociación comprometida con la sostenibilidad y la ecología aplicada a procesos sociales.
Diseñamos contenidos formativos y coordinamos los encuentros en el territorio.", + "link": { + "url": "https://ecored.org.do/", + "label": "Ir a la web" + } + }, + { + "image": { + "src": "logo-nortes.png", + "alt": "Logo de Nortes" + }, + "description": "Proyecto cultural y medio de comunicación con enfoque feminista y crítico.
Nos encargamos de la comunicación y el relato del proyecto.", + "link": { + "url": "https://www.nortes.me/", + "label": "Ir a la web" + } + } + ] + } + }, + { + "component": "TextWithImage", + "id": "quienes-somos-nosotras", + "props": { + "title": "Desde lo digital hasta el territorio: encuentros públicos.", + "paragraphs": [ + "kit-ECO.SOCIAL no se queda en la pantalla.
A lo largo del proyecto, organizamos 30 encuentros presenciales en 15 municipios rurales de cinco comunidades autónomas para compartir herramientas, formar a entidades y fortalecer la red de la economía social en el territorio.", + "Estos encuentros son espacios de aprendizaje, colaboración y visibilización, diseñados especialmente para cooperativas, asociaciones, mujeres, jóvenes y redes locales comprometidas con la sostenibilidad y la igualdad." + ], + "lists": [ + { + "description": "Cada municipio acoge dos sesiones formativas de 4 horas. En ellas, se trabajan de forma práctica las herramientas del kit, como:", + "items": [ + "Cómo avanzar hacia la certificación en sostenibilidad (Certifica-T)", + "Cómo participar en el marketplace Consumo Cuidado", + "Cómo aplicar los ODS con OpenODS", + "Cómo usar el autodiagnóstico de igualdad", + "Cómo intercooperar con otras entidades" + ] + } + ], + "finalParagraph": "Además, cerraremos el ciclo de encuentros con un gran evento estatal online, abierto a todas las entidades interesadas en conocer el kit y sumarse a la comunidad.", + "hasBullets": true, + "position": "right", + "bgColor": "light", + "image": { + "src": "spain-map.png", + "alt": "Mapa de España", + "display": "normal" + }, + "imageCTA": { + "description": "¿Quieres participar o acoger un encuentro en tu municipio?", + "button": { + "label": "Contáctanos", + "url": "" + } + } + } + } +] \ No newline at end of file diff --git a/data/es/ods.json b/data/es/ods.json index f7cf0fd..f43677f 100644 --- a/data/es/ods.json +++ b/data/es/ods.json @@ -42,17 +42,21 @@ "props": { "title": "¿Para qué sirve?", "paragraphs": [ - "Esta herramienta te permite mostrar de forma clara y accesible lo que tu entidad ya está haciendo por un desarrollo más justo y sostenible.
Con una metodología común, puedes generar datos públicos, actualizables y con enfoque territorial.", - "Con esta herramienta puedes:" + "Esta herramienta te permite mostrar de forma clara y accesible lo que tu entidad ya está haciendo por un desarrollo más justo y sostenible.
Con una metodología común, puedes generar datos públicos, actualizables y con enfoque territorial." ], - "list": [ - "Autoevaluar tu compromiso con los Objetivos de Desarrollo Sostenible.", - "Registrar y organizar tus acciones, planes y programas vinculados a los ODS.", - "Publicar un perfil abierto que muestra tu compromiso y evolución.", - "Geolocalizar tus iniciativas y situarlas en un mapa colectivo.", - "Incorporar información flexible, desde acciones puntuales hasta planes plurianuales.", - "Aplicar una metodología compartida, validada por el PNUD y adaptada por COCETA.", - "Contribuir a una red sectorial de conocimiento y transparencia." + "lists": [ + { + "description": "Con esta herramienta puedes:", + "items": [ + "Autoevaluar tu compromiso con los Objetivos de Desarrollo Sostenible.", + "Registrar y organizar tus acciones, planes y programas vinculados a los ODS.", + "Publicar un perfil abierto que muestra tu compromiso y evolución.", + "Geolocalizar tus iniciativas y situarlas en un mapa colectivo.", + "Incorporar información flexible, desde acciones puntuales hasta planes plurianuales.", + "Aplicar una metodología compartida, validada por el PNUD y adaptada por COCETA.", + "Contribuir a una red sectorial de conocimiento y transparencia." + ] + } ], "hasBullets": true, "position": "left", diff --git a/layouts/default.vue b/layouts/default.vue index d775eee..2d8bf42 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -6,6 +6,11 @@
+
+ + Cambiar Idioma + +
+ + \ No newline at end of file diff --git a/pages/[langcode]/index.vue b/pages/[langcode]/index.vue index 5f19cd0..ef81f5a 100644 --- a/pages/[langcode]/index.vue +++ b/pages/[langcode]/index.vue @@ -6,16 +6,12 @@ v-if="component" v-bind="component.props" /> - + \ No newline at end of file diff --git a/pages/[langcode]/nosotras.vue b/pages/[langcode]/nosotras.vue index 57197b1..65ae6b5 100644 --- a/pages/[langcode]/nosotras.vue +++ b/pages/[langcode]/nosotras.vue @@ -1,16 +1,48 @@ - - \ No newline at end of file +} + \ No newline at end of file diff --git a/public/img/papeles-comerciales.png b/public/img/papeles-comerciales.png new file mode 100644 index 0000000..17302c5 Binary files /dev/null and b/public/img/papeles-comerciales.png differ diff --git a/public/img/spain-map.png b/public/img/spain-map.png new file mode 100644 index 0000000..a3cf59e Binary files /dev/null and b/public/img/spain-map.png differ