kit-eco.social/landing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

amend lang links url

Browse Source
This commit is contained in:
María
2025-07-30 14:00:52 +02:00
committed by María
parent 240c4c6a95
commit 37b30382c8
5 changed files with 71 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/Footer.vue
View File

@@ -2,51 +2,52 @@
<footer class="bg-background-dark text-white py-12 px-4 md:px-8 flex flex-col gap-8 rounded-t-3xl"> <footer class="bg-background-dark text-white py-12 px-4 md:px-8 flex flex-col gap-8 rounded-t-3xl">
<div class="flex flex-col lg:flex-row gap-16 md:gap-12 lg:gap-16"> <div class="flex flex-col lg:flex-row gap-16 md:gap-12 lg:gap-16">
<div class="flex flex-col justify-between items-center md:items-start w-full md:w-1/3 lg:w-1/6"> <div class="flex flex-col gap-6 items-center md:items-start w-full md:w-1/3 lg:w-1/6">
<div class="mb-4"> <div class="mb-4">
<img src="/assets/svg/logo.svg" alt="Kit-ECO.SOCIAL Logo" class="h-15 w-auto"> <img src="/assets/svg/logo.svg" alt="Kit-ECO.SOCIAL Logo" class="h-15 w-auto">
</div> </div>
<p class="mb-4 text-center md:text-start">Síguenos y entérate de los próximos eventos, novedades y recursos.</p> <p class="mb-4 text-center md:text-start">Síguenos y entérate de los próximos eventos, novedades y recursos.</p>
<ul class="flex space-x-4"> <ul class="flex space-x-4">
<li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white"> <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
<a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full"> <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
<img src="/assets/svg/instagram.svg" alt="Instagram" class="w-4 h-4"> <img src="/assets/svg/instagram.svg" alt="Instagram" class="w-4 h-4">
</a> </NuxtLink>
</li> </li>
<li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white"> <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
<a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full"> <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
<img src="/assets/svg/facebook.svg" alt="Facebook" class="w-4 h-4"> <img src="/assets/svg/facebook.svg" alt="Facebook" class="w-4 h-4">
</a> </NuxtLink>
</li> </li>
<li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white"> <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
<a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full"> <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
<img src="/assets/svg/linkedin.svg" alt="LinkedIn" class="w-4 h-4"> <img src="/assets/svg/linkedin.svg" alt="LinkedIn" class="w-4 h-4">
</a> </NuxtLink>
</li> </li>
<li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white"> <li class="h-12 lg:h-8 w-12 lg:w-8 rounded-full border border-white">
<a href="#" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full w-full"> <NuxtLink to="#" class="flex items-center justify-center h-full w-full">
<img src="/assets/svg/x.svg" alt="X-Twitter" class="w-4 h-4"> <img src="/assets/svg/x.svg" alt="X-Twitter" class="w-4 h-4">
</a> </NuxtLink>
</li> </li>
</ul> </ul>
<a href="mailto:info@kit-eco.social">info@kit-eco.social</a>
</div> </div>
<div class="flex flex-col md:flex-row justify-between gap-16 md:gap-0 lg:gap-16 w-full lg:w-5/6"> <div class="flex flex-col md:flex-row justify-between gap-16 md:gap-0 lg:gap-16 w-full lg:w-5/6">
<div class="flex md:w-2/3 lg:w-1/2"> <div class="flex md:w-2/3 lg:w-1/2">
<div class="flex flex-col w-1/2"> <div class="flex flex-col w-1/2">
<h3 class="font-semibold text-lg mb-4">Herramientas</h3> <h3 class="font-semibold text-lg mb-6">Herramientas</h3>
<ul class="space-y-3 text-left"> <ul class="space-y-3 text-left">
<li><a href="#" class="hover:underline">Consumo Cuidado</a></li> <li><NuxtLink :to="`/${langcode}/consumo-cuidado`" class="hover:font-semibold">Consumo Cuidado</NuxtLink></li>
<li><a href="#" class="hover:underline">Aula Virtual</a></li> <li><NuxtLink :to="`/${langcode}/aula-virtual`" class="hover:font-semibold">Aula Virtual</NuxtLink></li>
<li><a href="#" class="hover:underline">Iguales</a></li> <li><NuxtLink :to="`/${langcode}/iguales`" class="hover:font-semibold">Iguales</NuxtLink></li>
<li><a href="#" class="hover:underline">ODS</a></li> <li><NuxtLink :to="`/${langcode}/ods`" class="hover:font-semibold">ODS</NuxtLink></li>
<li><a href="#" class="hover:underline">Certifica-T</a></li> <li><NuxtLink :to="`/${langcode}/certifica-t`" class="hover:font-semibold">Certifica-T</NuxtLink></li>
<li><a href="#" class="hover:underline">Foro</a></li> <li><NuxtLink :to="`/${langcode}/foro`" class="hover:font-semibold">Foro</NuxtLink></li>
</ul> </ul>
</div> </div>
<div class="flex flex-col w-1/2"> <div class="flex flex-col w-1/2">
<h3 class="font-semibold text-lg mb-4">Enlaces rápidos</h3> <h3 class="font-semibold text-lg mb-6">Enlaces rápidos</h3>
<ul class="space-y-3 text-left"> <ul class="space-y-3 text-left">
<li><a href="#" class="hover:underline">Nosotras</a></li> <li><a href="#" class="hover:underline">Nosotras</a></li>
<li><a href="#" class="hover:underline">Contactanos</a></li> <li><a href="#" class="hover:underline">Contactanos</a></li>
@@ -77,6 +78,9 @@
import { getCurrentYear } from "@/utils/dates.js"; import { getCurrentYear } from "@/utils/dates.js";
export default { export default {
computed: { computed: {
langcode() {
return this.$store.getters.langcode;
},
year() { year() {
return getCurrentYear(); return getCurrentYear();
}, },

42
components/NavBar.vue
View File

@@ -2,7 +2,7 @@
<nav class="relative"> <nav class="relative">
<div class="mx-auto flex justify-between items-center h-20"> <div class="mx-auto flex justify-between items-center h-20">
<!-- Logo --> <!-- Logo -->
<NuxtLink to="/"> <NuxtLink :to="`/${langcode}/`">
<img <img
width="121.22628021240234" width="121.22628021240234"
height="48" height="48"
@@ -13,8 +13,8 @@
<!-- Desktop menu --> <!-- Desktop menu -->
<ul class="hidden lg:flex items-center gap-6 font-semibold text-sm"> <ul class="hidden lg:flex items-center gap-6 font-semibold text-sm">
<li><NuxtLink to="/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
<li><NuxtLink to="/nosotras" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">NOSOTRAS</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/nosotras`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">NOSOTRAS</NuxtLink></li>
<!-- Dropdown --> <!-- Dropdown -->
<li class="relative" ref="dropdownRef"> <li class="relative" ref="dropdownRef">
@@ -35,19 +35,19 @@
v-show="dropdownOpen" v-show="dropdownOpen"
class="absolute right-0 mt-2 w-56 bg-white rounded-3xl shadow-lg p-4 space-y-2 z-50 text-sm text-center" class="absolute right-0 mt-2 w-56 bg-white rounded-3xl shadow-lg p-4 space-y-2 z-50 text-sm text-center"
> >
<li><NuxtLink to="/consumo" class="block hover:bg-button hover:text-white px-2 py-1 rounded-t-2xl">CONSUMO CUIDADO</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/consumo`" class="block hover:bg-button hover:text-white px-2 py-1 rounded-t-2xl">CONSUMO CUIDADO</NuxtLink></li>
<li><NuxtLink to="/aula-virtual" class="block hover:bg-button hover:text-white px-2 py-1">AULA VIRTUAL</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/aula-virtual`" class="block hover:bg-button hover:text-white px-2 py-1">AULA VIRTUAL</NuxtLink></li>
<li><NuxtLink to="/iguales" class="block hover:bg-button hover:text-white px-2 py-1">IGUALES</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/iguales`" class="block hover:bg-button hover:text-white px-2 py-1">IGUALES</NuxtLink></li>
<li><NuxtLink to="/ods" class="block hover:bg-button hover:text-white px-2 py-1">ODS</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/ods`" class="block hover:bg-button hover:text-white px-2 py-1">ODS</NuxtLink></li>
<li><NuxtLink to="/certifica" class="block hover:bg-button hover:text-white px-2 py-1">CERTIFICA-T</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/certifica`" class="block hover:bg-button hover:text-white px-2 py-1">CERTIFICA-T</NuxtLink></li>
<li><NuxtLink to="/foro" class="block hover:bg-button hover:text-white px-2 py-1 rounded-b-2xl">FORO</NuxtLink></li> <li><NuxtLink :to="`/${langcode}/foro`" class="block hover:bg-button hover:text-white px-2 py-1 rounded-b-2xl">FORO</NuxtLink></li>
</ul> </ul>
</transition> </transition>
</li> </li>
<!-- CTA --> <!-- CTA -->
<li> <li>
<NuxtLink to="/aula" > <NuxtLink :to="`/${langcode}/aula-virtual`">
<ButtonCTA color="aula-base" size="lg"> <ButtonCTA color="aula-base" size="lg">
AULA VIRTUAL AULA VIRTUAL
</ButtonCTA> </ButtonCTA>
@@ -75,15 +75,15 @@
> >
<div v-show="menuIsOpen" class="lg:hidden p-5 bg-gradient-conic rounded-3xl min-h-svh"> <div v-show="menuIsOpen" class="lg:hidden p-5 bg-gradient-conic rounded-3xl min-h-svh">
<ul class="space-y-4 text-sm text-end w-fit ml-auto"> <ul class="space-y-4 text-sm text-end w-fit ml-auto">
<li class="p-2"><NuxtLink to="/">INICIO</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/`">INICIO</NuxtLink></li>
<li class="p-2"><NuxtLink to="/nosotras">NOSOTRAS</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/nosotras`">NOSOTRAS</NuxtLink></li>
<li class="p-2 border-b">HERRAMIENTAS</li> <li class="p-2 border-b">HERRAMIENTAS</li>
<li class="p-2"><NuxtLink to="/consumo">CONSUMO CUIDADO</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/consumo`">CONSUMO CUIDADO</NuxtLink></li>
<li class="p-2"><NuxtLink to="/aula">AULA VIRTUAL</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/aula`">AULA VIRTUAL</NuxtLink></li>
<li class="p-2"><NuxtLink to="/iguales">IGUALES</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/iguales`">IGUALES</NuxtLink></li>
<li class="p-2"><NuxtLink to="/ods">ODS</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/ods`">ODS</NuxtLink></li>
<li class="p-2"><NuxtLink to="/certifica">CERTIFICA-T</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/certifica`">CERTIFICA-T</NuxtLink></li>
<li class="p-2"><NuxtLink to="/foro">FORO</NuxtLink></li> <li class="p-2"><NuxtLink :to="`/${langcode}/foro`">FORO</NuxtLink></li>
</ul> </ul>
</div> </div>
</transition> </transition>
@@ -96,10 +96,14 @@ export default {
data() { data() {
return { return {
dropdownOpen: false, dropdownOpen: false,
// mobileMenuOpen: false,
menuIsOpen: false, menuIsOpen: false,
}; };
}, },
computed: {
langcode() {
return this.$store.getters.langcode;
},
},
mounted() { mounted() {
document.addEventListener('click', this.handleClickOutside); document.addEventListener('click', this.handleClickOutside);
}, },

15
components/WhatIs.vue
View File

@@ -14,11 +14,11 @@
<p v-html="item.content"></p> <p v-html="item.content"></p>
</li> </li>
</ul> </ul>
<NuxtLink v-if="button" :to="button.link" class=" w-fit"> <NuxtLink v-if="button" :to="`/${langcode}/${button.link}`" class=" w-fit">
<ButtonCTA :color="button.color" class="uppercase"> <ButtonCTA :color="button.color" class="uppercase">
{{ button.label }} {{ button.label }}
</ButtonCTA> </ButtonCTA>
</NuxtLink> </NuxtLink>
</div> </div>
<div class="lg:w-2/5 h-full"> <div class="lg:w-2/5 h-full">
<img <img
@@ -65,6 +65,11 @@ export default {
}), }),
}, },
}, },
computed: {
langcode() {
return this.$store.getters.langcode;
},
},
}; };
</script> </script>

2
data/es/index.json
View File

@@ -50,7 +50,7 @@
], ],
"button": { "button": {
"label": "descubre quienes impulsan el proyecto", "label": "descubre quienes impulsan el proyecto",
"link": "/nosotras", "link": "nosotras",
"color": "button" "color": "button"
} }
} }

16
pages/[langcode]/nosotras.vue Normal file
View File

@@ -0,0 +1,16 @@
<template>
<div>
<h1>Nosotras</h1>
<p>Contenido sobre nosotras.</p>
</div>
</template>
<script>
export default {
}
</script>
<style lang="scss" scoped>
</style>