Skip to content

Commit 934d50f

Browse files
1-echo1-echo
authoredApr 1, 2024
feat(imágenes_darkmode): Cambiar imágenes de los patrocinadores en darkmode (#228)
- Referencia al Issue #128 - Resumen de cambios: - Modificación al componente "SponsorInfoRouter.vue" para cambiar la imagen de acuerdo al valor de isDark. - Creación de un nuevo frontmatter 'cover_dark' que contiene la dirección de la imagen. - Modificaciones a los documentos .md de cada patrocinador que posee una imagen para el modo oscuro.
1 parent a27050d commit 934d50f

15 files changed

+22
-3
lines changed
 

‎pages/patrocinios/aaaimx.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Capítulo Estudiantil AAAIMX
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/AAAIMX.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/AAAIMX_dark.png
56
twitter: https://www.facebook.com/aaaimx/
67
linkedin: https://www.linkedin.com/company/aaaimx
78
website: https://www.aaaimx.org/

‎pages/patrocinios/agilmentor.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: AgilMentor
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/AgilMentor.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/AgilMentor_dark.png
56
twitter:
67
linkedin: https://www.linkedin.com/company/agilmentor/
78
website: https://agilmentor.com

‎pages/patrocinios/divertles.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: DiverTLes
33
description: Diversidad de Tecnologías del Lenguaje en España
44
cover: https://somosnlp.github.io/assets/images/patrocinios/DiverTLes.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/DiverTLes_dark.png
56
twitter: https://twitter.com/divertlespln
67
linkedin:
78
website: https://divertles.ujaen.es/

‎pages/patrocinios/ibidat.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: IBiDat
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/IBiDat.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/IBiDat_dark.png
56
twitter:
67
linkedin:
78
website:

‎pages/patrocinios/iic.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Instituto de Ingeniería del Conocimiento
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/iic.bmp
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/iic_dark.bmp
56
twitter: https://twitter.com/IIConocimiento
67
linkedin: https://www.linkedin.com/company/instituto-de-ingenieria-del-conocimiento-iic
78
website: https://www.iic.uam.es

‎pages/patrocinios/iimas_unam.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Instituto de Investigaciones en Matemáticas Aplicadas y en Sistemas de la Universidad Nacional Autónoma de México
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/UNAM.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/UNAM_dark.png
56
twitter:
67
linkedin:
78
website:

‎pages/patrocinios/imfd.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Instituto Milenio Fundamentos de los Datos
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/IMFD.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/IMFD_dark.png
56
twitter: https://www.twitter.com/IMFDChile
67
linkedin: https://www.linkedin.com/company/fundamentosdelosdatos/
78
website: https://www.imfd.cl

‎pages/patrocinios/narrativa.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Narrativa
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/Narrativa.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/Narrativa_dark.png
56
twitter: https://twitter.com/NarrativaAI
67
linkedin: https://www.linkedin.com/company/narrativaai/
78
website: narrativa.com

‎pages/patrocinios/nova.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Nova
33
description: Red global de talento
44
cover: https://somosnlp.github.io/assets/images/patrocinios/Nova.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/Nova_dark.png
56
twitter: https://twitter.com/NovaTalent_
67
linkedin: https://www.linkedin.com/company/nova/
78
website: https://www.novatalent.com/

‎pages/patrocinios/platzi.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Platzi
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/platzi.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/platzi_dark.png
56
twitter:
67
linkedin:
78
website:

‎pages/patrocinios/q-blocks.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Q Blocks
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/QBlocks.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/QBlocks_dark.png
56
twitter: https://twitter.com/blocks_q
67
linkedin: https://www.linkedin.com/company/q-blocks/
78
website: https://qblocks.cloud/

‎pages/patrocinios/software-themis.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Software Themis
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/SoftwareThemis.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/SoftwareThemis_dark.png
56
twitter: https://twitter.com/SoftwareThemis_
67
linkedin: https://www.linkedin.com/company/software-themis/
78
website: https://www.themis.es

‎pages/patrocinios/spain-ai.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Spain AI
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/SpainAI.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/SpainAI_dark.png
56
twitter: https://twitter.com/Spain_AI_
67
linkedin: https://www.linkedin.com/company/spainai/
78
website: https://www.spain-ai.com

‎pages/patrocinios/unl.md

+1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
title: Universidad Nacional de Loja
33
description:
44
cover: https://somosnlp.github.io/assets/images/patrocinios/UNL.png
5+
cover_dark: https://somosnlp.github.io/assets/images/patrocinios/UNL_dark.png
56
twitter: https://twitter.com/UNLoficial
67
linkedin: https://www.linkedin.com/school/universidad-nacional-de-loja/mycompany/
78
website: https://unl.edu.ec

‎src/components/SponsorInfoRouter.vue

+8-3
Original file line numberDiff line numberDiff line change
@@ -6,23 +6,28 @@
66
<script setup lang="ts">
77
import { computed } from 'vue'
88
import type { RouteRecordNormalized } from 'vue-router'
9+
import { isDark } from '~/logic'
910

1011
const props = defineProps<{
1112
route: RouteRecordNormalized
1213
}>()
1314

1415
const frontmatter = computed(() => (props.route.meta as any).frontmatter)
16+
const imgSrc = computed(() => isDark.value ? frontmatter.value.cover_dark || frontmatter.value.cover: frontmatter.value.cover || 'images/logo.svg' )
1517
</script>
1618

1719
<template>
1820
<router-link :to="route.path" :key="route.path" target="_blank" class="contents">
1921
<div class="rounded-md grid p-4 gap-4 place-items-center <sm:grid-cols-1 <lg:grid-cols-2"
2022
hover="bg-gray-50 dark:bg-gray-800">
2123
<div>
22-
<img class="bg-white rounded-md object-cover max-h-200px" dark="bg-gray-900" width="180" height="180"
23-
:src="frontmatter.cover ? frontmatter.cover : 'images/logo.svg'" :alt="frontmatter.title" />
24+
<img class="bg-white rounded-md object-cover max-h-200px"
25+
dark="bg-dark-900" width="180" height="180"
26+
:src="imgSrc"
27+
:alt="frontmatter.title"
28+
/>
2429
</div>
2530
</div>
2631
</router-link>
2732
</template>
28-
33+

0 commit comments

Comments
 (0)
Please sign in to comment.