mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-01-14 15:54:13 +01:00
Arthur DANJOU
9d4ca6476b
Switched from Mapbox to a custom globe visualization using 'cobe' library. Removed all Mapbox-related code, dependencies, and environmental variables. Introduced a WebSocket-based system to display live visitor data on the globe.
36 lines
767 B
Vue
36 lines
767 B
Vue
<script lang="ts" setup>
|
|
const { width } = useWindowSize()
|
|
const { t } = useI18n({
|
|
useScope: 'local',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<ClientOnly>
|
|
<div
|
|
v-if="width > 1024"
|
|
class="group text-[12px] italic flex items-center gap-1"
|
|
>
|
|
<UIcon
|
|
class="transform -rotate-12 duration-300 group-hover:animate-wave"
|
|
name="i-ph-hand-pointing-duotone"
|
|
/>
|
|
<p>{{ t('quote') }}</p>
|
|
</div>
|
|
</ClientOnly>
|
|
</template>
|
|
|
|
<i18n lang="json">
|
|
{
|
|
"en": {
|
|
"quote": "Hover the bold texts to find out more about me."
|
|
},
|
|
"fr": {
|
|
"quote": "Survolez les textes en gras pour en savoir plus sur moi."
|
|
},
|
|
"es": {
|
|
"quote": "Pase el cursor sobre los textos en negrita para obtener más información sobre mí."
|
|
}
|
|
}
|
|
</i18n>
|