Files
artsite/app/components/home/Quote.vue
Arthur DANJOU 1153a2003f Refactor: Update favicon and enhance user profile display
- Replaced the favicon with a new webp format for better performance.
- Updated the user avatar component in the Quote.vue file to use the new favicon and adjusted its size and styling.
- Added a new section in the projects and writings pages to introduce the author, including links to LinkedIn and GitHub profiles with a personalized message.
- Improved the layout and styling of the author introduction for better visual appeal.
2025-04-06 22:47:41 +02:00

42 lines
1.2 KiB
Vue

<script lang="ts" setup>
const { t } = useI18n({
useScope: 'local',
})
</script>
<template>
<div class="flex items-center gap-2 mt-4">
<div class="flex items-center">
<ClientOnly>
<UTooltip text="It's me 👋">
<div class="flex items-center6">
<UAvatar
alt="Avatar"
class="hover:rotate-[360deg] duration-500 transform-gpu rounded-full"
size="xl"
src="/favicon.webp"
/>
</div>
</UTooltip>
</ClientOnly>
</div>
<p class="not-prose">
{{ t('quote') }}
</p>
</div>
</template>
<i18n lang="json">
{
"en": {
"quote": "Hello everyone! Thanks for visiting my portfolio. Please leave whatever you like to say, such as suggestions, appreciations, questions or anything!"
},
"fr": {
"quote": "Bonjour tout le monde ! Merci de visiter mon portfolio. N'hésitez pas à laisser ce que vous avez à dire, comme des suggestions, des appréciations, des questions ou autre chose !"
},
"es": {
"quote": "Hola a todos ! Muchas gracias por visitar mi portfolio. No dudes en dejar cualquier comentario, como sugerencias, apreciaciones. preguntas, o cualquier cosa !"
}
}
</i18n>