diff --git a/assets/css/main.css b/assets/css/main.css index 07443e7..8c183b5 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -57,6 +57,7 @@ --spacing-21.8: 21.875rem; /* 350px */ --spacing-22.3: 22.313rem; /* 393px */ --spacing-25.6: 25.688rem; /* 411px */ + --spacing-29: 29rem; /* 464px */ --spacing-124.2: 31.063rem; /* 497px */ --spacing-44.8: 44.813rem; /* 717px */ diff --git a/components/CardTool.vue b/components/CardTool.vue index 2db218a..d8196c6 100644 --- a/components/CardTool.vue +++ b/components/CardTool.vue @@ -2,7 +2,7 @@
--> +

{{ index }}

{{ title }}

@@ -39,7 +43,7 @@
-
+

{{ title }}

@@ -69,6 +73,10 @@ export default { alt: "", }), }, + index: { + type: String, + default: null + }, link: { type: String, default: null diff --git a/components/Quote.vue b/components/Quote.vue index 6e3fa3d..984b052 100644 --- a/components/Quote.vue +++ b/components/Quote.vue @@ -1,29 +1,25 @@ @@ -44,6 +57,10 @@ export default { type: String, default: "", }, + titlePosition: { + type: String, + default: "center", + }, title: { type: String, default: "", @@ -64,6 +81,14 @@ export default { type: Array, default: () => [], }, + hasButton: { + type: Boolean, + default: false, + }, + buttonSection: { + type: Object, + default: null + }, }, }; diff --git a/components/TextWithImage.vue b/components/TextWithImage.vue index c620a31..e5762c7 100644 --- a/components/TextWithImage.vue +++ b/components/TextWithImage.vue @@ -6,20 +6,18 @@ 'bg-background-light': bgColor === 'light' }">
    -
  • +
@@ -73,6 +76,10 @@ export default { type: Array, default: () => [] }, + hasBullets: { + type: Boolean, + default: false + }, position: { type: String, default: 'left' @@ -91,10 +98,4 @@ export default { } } } - - - \ No newline at end of file + \ No newline at end of file diff --git a/data/es/certifica-t.json b/data/es/certifica-t.json new file mode 100644 index 0000000..2151bdf --- /dev/null +++ b/data/es/certifica-t.json @@ -0,0 +1,127 @@ +[ + { + "component": "HeroPages", + "props": { + "id": "hero-pages-certifica-t", + "title": "Certifica-T", + "subtitle": "Tu camino hacia la sostenibilidad certificada.
Autodiagnóstico y recursos para certificar tu sostenibilidad.", + "bgColor": "certifica", + "bgImage": { + "src": "hero-certifica-t-formas.png", + "alt": "Certifica-t Imagenes Fondo" + }, + "button": { + "label": "EXPLORAR LA HERRAMIENTA", + "link": "", + "color": "button" + } + } + }, + { + "component": "TextWithImage", + "id": "por-que-certifica-t", + "props": { + "title": "¿Por qué Certifica-T?", + "paragraphs": [ + "Certificar es comunicar con evidencia.
En un contexto donde producir de forma sostenible es una necesidad urgente y línea vertebral del trabajo de las entidades de la economía social, muchas de ellas no dan el paso a la certificación oficial por desconocimiento, por la complejidad en el acceso o falta de recursos.", + "Certifica-T nace para facilitar ese camino, ofreciendo materiales y guías prácticas que permiten empezar a construir tu memoria de sostenibilidad y acercarte a los estándares oficiales más reconocidos.", + "Una herramienta pensada para cooperativas, asociaciones, pequeñas empresas y otras entidades de economía social comprometidas con la sostenibilidad que quieran avanzar con autonomía hacia la certificación ambiental y el reconocimiento a su compromiso por un futuro más sostenible." + ], + "position": "right", + "bgColor": "light", + "image": { + "src": "agricultor-con-tablet.png", + "alt": "Agricultor con tablet en campo", + "display": "normal" + } + } + }, + { + "component": "SectionWithCards", + "props": { + "id": "que-encontraras-certifica-t", + "title": "¿Qué encontrarás en Certifica-T?", + "description": "Todo lo que necesitas para empezar tu camino hacia la certificación.", + "display": "col-2", + "bgColor": "certifica", + "cards": [ + { + "color": "transparent", + "title": "Autodiagnóstico inicial", + "description": "Evalúa tu situación actual y descubre los posibles itinerarios de certificación ambiental según tus capacidades.", + "image": { + "src": "search-check.png", + "alt": "Búsqueda de verificación" + } + }, + { + "color": "transparent", + "title": "Materiales Formativos", + "description": "Accede a recursos para redactar tu memoria de sostenibilidad, conocer los distintos certificados y los pasos requeridos hacia la certificación.", + "image": { + "src": "book-open.png", + "alt": "Libro abierto" + } + } + ] + } + }, + { + "component": "Quote", + "props": { + "id": "quote-certifica-t", + "content": "La igualdad no se presume, se demuestra.
Y para demostrarla, hace falta evaluarla.", + "textColor": "certifica-t", + "shapes": { + "shape_1": "formas-cita-certifica-t.png", + "shape_2": "formas-cita-cierre-certifica-t.png" + } + } + }, + { + "component": "TextWithImage", + "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." + ], + "position": "left", + "bgColor": "light", + "image": { + "src": "manos-con-granos.png", + "alt": "Manos con granos", + "display": "normal" + } + } + }, + { + "component": "TextWithIconAndButtons", + "props": { + "id": "quieres-empezar-certifica-t", + "title": "¿Quieres empezar o saber más sobre certificaciones ambientales?", + "subtitle": "Diagnostica tu entidad y accede a propuestas ajustadas para avanzar hacia la igualdad.", + "bgColor": "certifica", + "bgImage": { + "src": "hero-certifica-t-formas.png", + "alt": "certifica-t Imagenes Fondo" + }, + "button": { + "label": "Explorar la herramienta", + "link": "", + "color": "button" + }, + "button2": { + "label": "Ir al aula virtual", + "link": "", + "color": "button" + } + } + } +] \ No newline at end of file diff --git a/data/es/foro.json b/data/es/foro.json new file mode 100644 index 0000000..8b68e91 --- /dev/null +++ b/data/es/foro.json @@ -0,0 +1,112 @@ +[ + { + "component": "HeroPages", + "props": { + "id": "hero-pages-foro", + "title": "Foro", + "subtitle": "Espacio de intercooperación
Compartiendo buenas prácticas desde la economía social.", + "bgColor": "foro", + "bgImage": { + "src": "hero-foro-formas.png", + "alt": "Foro Imagenes Fondo" + }, + "button": { + "label": "Entrar al espacio", + "link": "", + "color": "button" + } + } + }, + { + "component": "TextWithImage", + "id": "conecta-otras-entidades", + "props": { + "title": "Conecta con otras entidades", + "paragraphs": [ + "Este espacio es una red social interna, construida con software libre (Discourse), pensada para facilitar la intercooperación entre entidades de economía social. Aquí puedes relacionarte de forma horizontal, compartir aprendizajes y dudas, construir saberes colectivos y encontrar inspiración en las experiencias de otras personas y colectivos.", + "Es un entorno abierto y moderado, donde prima el cuidado, el respeto y el deseo de avanzar juntas hacia un modelo más justo y sostenible." + ], + "position": "right", + "image": { + "src": "amigos-haciendo-plan-de-negocios.jpg", + "alt": "Amigos haciendo un plan de negocios", + "display": "circle" + } + } + }, + { + "component": "SectionWithCards", + "props": { + "id": "tu-red-de-apoyo", + "title": "Tu red de apoyo y conocimiento", + "description": "Un lugar para encontrar respuestas, aportar ideas y sumar experiencias.", + "display": "col-3-transparent", + "bgColor": "foro", + "cards": [ + { + "color": "transparent", + "title": "Conecta con otras entidades", + "description": "Un formulario onRelaciónate en un entorno horizontal con personas y colectivos de la economía social.", + "image": { + "src": "heart-handshake.png", + "alt": "Corazón y apretón de manos" + } + }, + { + "color": "transparent", + "title": "Comparte y consulta recursos", + "description": "Difunde tus aprendizajes y accede a herramientas compartidas por la comunidad", + "image": { + "src": "file-plus.png", + "alt": "Archivo con símbolo de suma" + } + }, + { + "color": "transparent", + "title": "Aprende y aporta saberes colectivos", + "description": "Plantea dudas, responde a otras entidades y participa en la construcción de conocimiento común.", + "image": { + "src": "brain-circuit.png", + "alt": "Circuito cerebral" + } + }, + { + "color": "transparent", + "title": "Explora las categorías", + "description": "Accede a debates organizados por temáticas: ODS, igualdad, aula virtual y más.", + "image": { + "src": "layout-grid.png", + "alt": "Colabora en iniciativas" + } + }, + { + "color": "transparent", + "title": "Colabora en iniciativas", + "description": "Descubre proyectos y campañas que se gestan desde la intercooperación.", + "image": { + "src": "puzzle.png", + "alt": "Puzle" + } + }, + { + "color": "transparent", + "title": "Tu aportación cuenta", + "description": "Tus aportes suman: las dinámicas de gamificación destacan a quienes más contribuyen.", + "image": { + "src": "trophy.png", + "alt": "Trofeo" + } + } + ], + "hasButton": true, + "buttonSection": { + "title": "¿Lista para sumarte al Espacio de intercooperación?", + "button": { + "label": "Entrar al espacio", + "link": "", + "color": "button" + } + } + } + } +] \ No newline at end of file diff --git a/data/es/iguales.json b/data/es/iguales.json index 0df2b3d..8532c1b 100644 --- a/data/es/iguales.json +++ b/data/es/iguales.json @@ -11,7 +11,7 @@ "alt": "Iguales Imagenes Fondo" }, "button": { - "label": "comenzar autodianóstico", + "label": "comenzar autodiagnóstico", "link": "", "color": "button" } @@ -39,7 +39,7 @@ { "component": "SectionWithCards", "props": { - "id": "herramientas", + "id": "como-funciona-iguales", "title": "¿Cómo funciona?", "description": "Responde un formulario y recibe un itinerario con propuestas adaptadas a tu entidad.", "display": "col-3-transparent", @@ -82,8 +82,8 @@ "content": "La igualdad no se presume, se demuestra.
Y para demostrarla, hace falta evaluarla.", "textColor": "iguales", "shapes": { - "shape_1": "formas-cita.png", - "shape_2": "formas-cita-cierre.png" + "shape_1": "formas-cita-iguales.png", + "shape_2": "formas-cita-cierre-iguales.png" } } }, diff --git a/data/es/ods.json b/data/es/ods.json index abe1dc0..f7cf0fd 100644 --- a/data/es/ods.json +++ b/data/es/ods.json @@ -54,6 +54,7 @@ "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", "bgColor": "light", "image": { diff --git a/pages/[langcode]/certifica-t.vue b/pages/[langcode]/certifica-t.vue index 4c180cf..9372737 100644 --- a/pages/[langcode]/certifica-t.vue +++ b/pages/[langcode]/certifica-t.vue @@ -1,16 +1,50 @@ - - \ No newline at end of file +} + \ No newline at end of file diff --git a/pages/[langcode]/foro.vue b/pages/[langcode]/foro.vue index cc4b6c2..8610b88 100644 --- a/pages/[langcode]/foro.vue +++ b/pages/[langcode]/foro.vue @@ -1,16 +1,45 @@ - - \ No newline at end of file +} + \ No newline at end of file diff --git a/public/img/agricultor-con-tablet.png b/public/img/agricultor-con-tablet.png new file mode 100644 index 0000000..456fb9f Binary files /dev/null and b/public/img/agricultor-con-tablet.png differ diff --git a/public/img/amigos-haciendo-plan-de-negocios.jpg b/public/img/amigos-haciendo-plan-de-negocios.jpg new file mode 100644 index 0000000..a57d4bc Binary files /dev/null and b/public/img/amigos-haciendo-plan-de-negocios.jpg differ diff --git a/public/img/book-open.png b/public/img/book-open.png new file mode 100644 index 0000000..6e37de4 Binary files /dev/null and b/public/img/book-open.png differ diff --git a/public/img/formas-cita-cierre.png b/public/img/formas-cita-cierre-iguales.png similarity index 100% rename from public/img/formas-cita-cierre.png rename to public/img/formas-cita-cierre-iguales.png diff --git a/public/img/formas-cita.png b/public/img/formas-cita-iguales.png similarity index 100% rename from public/img/formas-cita.png rename to public/img/formas-cita-iguales.png diff --git a/public/img/heart-handshake.png b/public/img/heart-handshake.png new file mode 100644 index 0000000..8457a4d Binary files /dev/null and b/public/img/heart-handshake.png differ diff --git a/public/img/hero-certifica-t-formas.png b/public/img/hero-certifica-t-formas.png new file mode 100644 index 0000000..0a3fdc1 Binary files /dev/null and b/public/img/hero-certifica-t-formas.png differ diff --git a/public/img/manos-con-granos.png b/public/img/manos-con-granos.png new file mode 100644 index 0000000..ae298cd Binary files /dev/null and b/public/img/manos-con-granos.png differ