From 31fa587ea78942bd3e9d92ab7f8f0781af50e626 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa?= Date: Tue, 2 Sep 2025 08:59:38 +0200 Subject: [PATCH] amend some issues and change texts --- assets/css/main.css | 44 +++++++++++++++--- components/ButtonCTA.vue | 6 +-- components/CardTool.vue | 28 +++++------ components/Footer.vue | 20 +++++--- components/HeroHome.vue | 26 +++++++++-- components/HeroPages.vue | 2 +- components/NavBar.vue | 10 ++-- components/SectionWithCards.vue | 10 ++-- components/TextWithIconAndButtons.vue | 2 +- components/TextWithImage.vue | 2 + data/es/certifica-t.json | 4 +- data/es/{foro.json => enlazados.json} | 2 +- data/es/index.json | 8 ++-- data/es/nosotras.json | 4 +- data/es/{ods.json => objetivo2030.json} | 2 +- layouts/default.vue | 2 +- pages/[langcode]/{foro.vue => enlazados.vue} | 2 +- .../[langcode]/{ods.vue => objetivo2030.vue} | 2 +- public/img/logo-ecored.png | Bin 316980 -> 8718 bytes 19 files changed, 116 insertions(+), 60 deletions(-) rename data/es/{foro.json => enlazados.json} (99%) rename data/es/{ods.json => objetivo2030.json} (99%) rename pages/[langcode]/{foro.vue => enlazados.vue} (93%) rename pages/[langcode]/{ods.vue => objetivo2030.vue} (93%) diff --git a/assets/css/main.css b/assets/css/main.css index 67d2ad9..6d5a2d8 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -57,7 +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-29: 29rem; /* 464px */ --spacing-124.2: 31.063rem; /* 497px */ --spacing-44.8: 44.813rem; /* 717px */ @@ -72,7 +72,7 @@ /* Super desktop */ @media screen and (min-width: 1023px) { :root { - --default-font-size: var(--font-size-lg); /* 18px */ + --default-font-size: var(--font-size-base, 16px); /* 16px */ --layout-padding-x: 2rem; /* 32px */ --font-size-Hero: 48px; @@ -92,7 +92,7 @@ /* Tablet */ @media screen and (max-width: 1023px) { :root { - --default-font-size: var(--font-size-lg); /* 16px */ + --default-font-size: var(--font-size-base); /* 16px */ --layout-padding-x: 1rem; /* 16px */ --font-size-Hero: 40px; @@ -112,7 +112,7 @@ /* Mobile */ @media screen and (max-width: 640px) { :root { - --default-font-size: var(--font-size-lg); /* 16px */ + --default-font-size: var(--font-size-base); /* 16px */ --layout-padding-x: 0.5rem; /* 8px */ --font-size-Hero: 32px; @@ -179,6 +179,12 @@ body { background-color: var(--color-background-extra-light); } +header { + position: sticky; + top: 0; + z-index: 20; +} + body footer { position: sticky; top: 100dvh; @@ -208,7 +214,7 @@ h5 { font-size: var(--font-size-H5); } -.text-2xl { +.text-2xl-custom { font-size: var(--font-size-2xl); } .text-lg { @@ -220,7 +226,7 @@ h5 { .text-sm { font-size: var(--font-size-sm); } -.text-xs { +.text-xs-custom { font-size: var(--font-size-xs); } @@ -286,8 +292,32 @@ h5 { } .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), + 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; +} + +.bg-gradient-conic-base { + background: conic-gradient( + from 77deg at -1.96% 72.58%, + var(--Color-base--color-certifica-base, rgba(202, 240, 63, 0.10)) 36.933538019657135deg, + var(--Color-base--color-consumo-base, rgba(242, 140, 140, 0.10)) 86.02115750312805deg, + 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; +} + +.bg-gradient-conic-base-gray { + background: conic-gradient(from 21deg at 104.89% 65.03%, + 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/ButtonCTA.vue b/components/ButtonCTA.vue index 2b13e22..a669f06 100644 --- a/components/ButtonCTA.vue +++ b/components/ButtonCTA.vue @@ -18,15 +18,15 @@ export default { }, size: { type: String, - default: "lg", + default: "md", } }, computed: { buttonClasses() { return { "px-3.5 py-2 gap-x-2 text-sm": this.size === "sm", - "px-4 py-2.5 gap-x-2 text-sm": this.size === "md", - "px-6 py-4 gap-x-1 text-md": this.size === "lg", + "px-5 py-2.5 gap-x-2 text-sm": this.size === "md", + "px-6 py-4 gap-x-1 text-base": this.size === "lg", "bg-button hover:bg-button-hover text-white rounded-xl shadow-button": this.color === "button" && !this.disabled, diff --git a/components/CardTool.vue b/components/CardTool.vue index dfa1a1f..1f596ca 100644 --- a/components/CardTool.vue +++ b/components/CardTool.vue @@ -4,17 +4,17 @@ :class="{ 'border-4 border-white min-h-64 md:min-h-full max-w-80 sm:max-w-full': color === 'number', 'border-4 border-white min-h-20.9 md:min-h-full max-h-full max-w-80 sm:max-w-full': color === 'transparent', - 'shadow-tool-card hover:border-4 border-white transition-all duration-300 ease-in-out min-h-21.8 min-w-80 max-w-80': color !== 'transparent' && color !== 'number', - 'bg-consumo-base hover:bg-linear-to-t hover:from-consumo-base hover:to-consumo-extra-light': color === 'consumo', - 'bg-iguales-base hover:bg-linear-to-t hover:from-iguales-base hover:to-iguales-extra-light': color === 'iguales', - 'bg-aula-base hover:bg-linear-to-t hover:from-aula-base hover:to-aula-extra-light': color === 'aula', - 'bg-certifica-base hover:bg-linear-to-t hover:from-certifica-base hover:to-certifica-extra-light': color === 'certifica', - 'bg-foro-base hover:bg-linear-to-t hover:from-foro-base hover:to-foro-extra-light': color === 'foro', - 'bg-ods-base hover:bg-linear-to-t hover:from-ods-base hover:to-ods-extra-light': color === 'ods', + 'shadow-tool-card hover:border-4 border-white transition-all duration-300 ease-in-out min-h-22.3 sm:min-h-21.8 min-w-full lg:min-w-80 max-w-fit sm:max-w-80 w-fit': color !== 'transparent' && color !== 'number', + 'bg-linear-to-t from-consumo-base to-consumo-light hover:to-consumo-extra-light': color === 'consumo', + 'bg-linear-to-t from-iguales-base to-iguales-light hover:to-iguales-extra-light': color === 'iguales', + 'bg-linear-to-t from-aula-base to-aula-light hover:to-aula-extra-light': color === 'aula', + 'bg-linear-to-t from-certifica-base to-certifica-light hover:to-certifica-extra-light': color === 'certifica', + 'bg-linear-to-t from-foro-base to-foro-light hover:to-foro-extra-light': color === 'foro', + 'bg-linear-to-t from-ods-base to-ods-light hover:to-ods-extra-light': color === 'ods', }" > - -
+ +
imagen-error -->
-
-

{{ title }}

-

+
+

{{ title }}

+

@@ -43,8 +43,8 @@

{{ number }}

-
-

{{ title }}

+
+

{{ title }}

diff --git a/components/Footer.vue b/components/Footer.vue index 2d26a39..85a489c 100644 --- a/components/Footer.vue +++ b/components/Footer.vue @@ -1,5 +1,5 @@