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 @@
+
+
+
+
+
![]()
+
+
+
+
+
+
+ {{ link.label }}
+
+
+
+
+
+
+
\ 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 @@
-
-
Nosotras
-
Contenido sobre nosotras.
-
+
+
+
+
+
-
-
\ 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