Refactor ProseIcon component to improve icon usage and enhance text styling

This commit is contained in:
2025-04-17 18:37:17 +02:00
parent 2b87544f6a
commit 18559bdae3
4 changed files with 68 additions and 65 deletions

View File

@@ -28,14 +28,11 @@ const colorVariants = {
</script>
<template>
<span class="inline-flex items-center">
<UIcon
class="mr-1"
:name="`i-logos:${icon}`"
/>
<span class="inline-flex items-center transform translate-y-1 gap-1">
<UIcon :name="icon" />
<span
:class="colorVariants[color as keyof typeof colorVariants]"
class="sofia font-medium underline-offset-2 underline"
class="sofia font-bold underline-offset-2 underline"
>
<slot />
</span>

View File

@@ -5,29 +5,29 @@ description: I'm Arthur, a Mathematics lover and IA enthusiast. I'm currently st
Hey, I'm Arthur Danjou, a Mathematics student in Statistics at the Paris-Dauphine University in France.
With a :hover-text{hover="Technology is evolving far too quickly 🤯" position="top" text="deep understanding"} of
emerging technologies, I'm at the heart of a rapidly expanding field. My background in :hover-text{hover="Maths is my main passion ∑" position="right" text="mathematics"} gives me a head start in
understanding the concepts and theories behind these :hover-text{hover="My second passion 📱" text="technologies"} and in designing them effectively.
With a :hover-text{hover="Technology is evolving far too quickly 🤯" position="top" text="deep understanding"} of emerging technologies, I'm at the heart of a rapidly expanding field. My background in :hover-text{hover="Maths is my main passion ∑" position="right" text="mathematics"} gives me a head start in understanding the concepts and theories behind these :hover-text{hover="My second passion 📱" text="technologies"} and in designing them effectively.
As a software engineer and mathematics student, my :hover-text{hover="My bag of knowledge 🎒" text="expertise"} covers
:prose-icon[TypeScript]{icon="typescript-icon" color="blue"},
:prose-icon[Vue]{icon="vue" color="green"},
:prose-icon[Nuxt]{icon="nuxt-icon" color="emerald"},
:prose-icon[Adonis]{icon="adonisjs-icon" color="purple"},
:prose-icon[Java]{icon="java" color="red"},
:prose-icon[Python]{icon="python" color="amber"},
:prose-icon[R]{icon="r-lang" color="blue"},
which enables me to :hover-text{hover="need to quickly understand the complexity of projects 🏎️" text="understand"} the different needs of mathematical projects and to propose the best solutions. I also learned other important technologies, such as
:prose-icon[Docker]{icon="docker-icon" color="sky"},
:prose-icon[Redis]{icon="redis" color="red"},
:prose-icon[MySQL]{icon="mysql-icon" color="zinc"} and
:prose-icon[Git]{icon="git-icon" color="orange"} to :hover-text{hover="All these technologies complement each other 🔗" text="complete"} my knowledge.
:prose-icon[TypeScript]{icon="i-logos:typescript-icon" color="blue"},
:prose-icon[Vue]{icon="i-logos:vue" color="green"},
:prose-icon[Nuxt]{icon="i-logos:nuxt-icon" color="emerald"},
:prose-icon[Adonis]{icon="i-logos:adonisjs-icon" color="purple"},
:prose-icon[Java]{icon="i-logos:java" color="red"},
:prose-icon[Python]{icon="i-logos:python" color="amber"},
:prose-icon[R]{icon="i-logos:r-lang" color="blue"}, which enables me to :hover-text{hover="Need to quickly understand the complexity of projects 🏎️" text="understand"} the different needs of mathematical projects and to propose the best solutions.
I use tools like
:prose-icon[scikit-learn]{icon="devicon-scikitlearn" color="orange"} for supervised learning,
:prose-icon[pandas]{icon="i-logos:pandas-icon" color="blue"} for efficient data manipulation,
:prose-icon[NumPy]{icon="i-logos:numpy" color="indigo"} for scientific computation, and
:prose-icon[TensorFlow]{icon="i-logos:tensorflow" color="orange"} to build and train deep learning models.
I also learned other important technologies, such as
:prose-icon[Docker]{icon="i-logos:docker-icon" color="sky"},
:prose-icon[Redis]{icon="i-logos:redis" color="red"},
:prose-icon[MySQL]{icon="i-logos:mysql-icon" color="zinc"} and
:prose-icon[Git]{icon="i-logos:git-icon" color="orange"} to :hover-text{hover="All these technologies complement each other 🔗" text="complete"} my knowledge.
I'm :hover-text{hover="As tech is always evolving, I need to be up-to-date 🖥️" position="top" text="constantly"}
learning new things, from technology to finance and entrepreneurship. I love :hover-text{hover="I love sharing my knowledge and helping others 🫂" text="sharing"}
my knowledge and learning new theorems and technologies. I'm a :hover-text{hover="I'm constantly looking to discover new things" text="curious"} person and eager to continue learning and growing throughout my life.
These tools allow me to go from :hover-text{hover="Exploration, cleaning, reshaping…" text="data preparation"} to :hover-text{hover="Training, evaluation, deployment" text="deployment"} of models in real-world environments, with statistical rigor and performance in mind. I'm passionate about AI and :hover-text{hover="AI is the future of technology 🤖" text="data science"}.
As well as programming, I enjoy :hover-text{hover="Sport allows me to burn off energy 🏋️‍♂️" text="sport"} and
:hover-text{hover="Travelling frees me and gets me away from it all ✈️" text="travelling"}. My passion, commitment and
eagerness to learn and progress are the qualities that enable me to succeed in my :hover-text{hover="Career already
begun and far from over 😎" text="career"} and :hover-text{hover="Only 2 years of study left 💪" text="studies"}.
I'm :hover-text{hover="As tech is always evolving, I need to be up-to-date 🖥️" position="top" text="constantly"} learning new things, from technology to finance and entrepreneurship. I love :hover-text{hover="I love sharing my knowledge and helping others 🫂" text="sharing"} my knowledge and learning new theorems and technologies. I'm a :hover-text{hover="I'm constantly looking to discover new things" text="curious"} person and eager to continue learning and growing throughout my life.
As well as programming, I enjoy :hover-text{hover="Sport allows me to burn off energy 🏋️‍♂️" text="sport"} and :hover-text{hover="Travelling frees me and gets me away from it all ✈️" text="travelling"}. My passion, commitment and eagerness to learn and progress are the qualities that enable me to succeed in my :hover-text{hover="Career already begun and far from over 😎" text="career"} and :hover-text{hover="Only 2 years of study left 💪" text="studies"}.

View File

@@ -3,34 +3,32 @@ title: Arthur Danjou • Mathematics Lover and IA Enthusiast
description: I'm Arthur, a Mathematics lover and IA enthusiast. I'm currently studying at the University of Paris-Saclay. I'm passionate about Mathematics, Computer Science, and Artificial Intelligence.
---
Hola ! Soy Arthur Danjou, estudiante de matemáticas especializado en Estadística en la Universidad Paris-Dauphine, en Fracia.
Hola ! Soy Arthur Danjou, estudiante de matemáticas especializado en Estadística en la Universidad Paris-Dauphine, en Francia.
Con una :hover-text{hover="la tecnología avanza demasiado rápido 🤯" position="top" text="comprensión profunda"}, de las tecnologías emergentes, me sitúo en el centro de un ámbito en plena expansión.
Mi formación en :hover-text{hover="las matemáticas son mi mayor pasión Σ"
position="right" text="matemáticas"}
me permite comprender ampliamente los conceptos y las teorías que gobiernan las dichas
:hover-text{hover="mi segunda pasión 📲" text="tecnologías"} y también poder concebirlas de manera eficaz.
Con una :hover-text{hover="la tecnología avanza demasiado rápido 🤯" position="top" text="comprensión profunda"} de las tecnologías emergentes, me sitúo en el centro de un ámbito en plena expansión. Mi formación en :hover-text{hover="las matemáticas son mi mayor pasión Σ" position="right" text="matemáticas"} me permite comprender ampliamente los conceptos y las teorías que gobiernan las dichas :hover-text{hover="mi segunda pasión 📲" text="tecnologías"} y también poder concebirlas de manera eficaz.
Como ingeniero de software y estudiante de matemáticas, mi :hover-text{hover="mi mochila de conocimientos 🎒" text="conocimientos"} cubre
:prose-icon[TypeScript]{icon="typescript-icon" color="blue"},
:prose-icon[Vue]{icon="vue" color="green"},
:prose-icon[Nuxt]{icon="nuxt-icon" color="emerald"},
:prose-icon[Adonis]{icon="adonisjs-icon" color="purple"},
:prose-icon[Java]{icon="java" color="red"},
:prose-icon[Python]{icon="python" color="amber"},
:prose-icon[R]{icon="r-lang" color="blue"},
esto me permite :hover-text{hover="entender rápidamente la complejidad de los proyectos 🏎️" text="comprender"}
las diferentes necesidades de los proyectos matemáticos, y proponer las mejores soluciones. También he aprendido otras tecnologías importantes como
:prose-icon[Docker]{icon="docker-icon" color="sky"},
:prose-icon[Redis]{icon="redis" color="red"},
:prose-icon[MySQL]{icon="mysql-icon" color="zinc"} and
:prose-icon[Git]{icon="git-icon" color="orange"} que :hover-text{hover="odas estas tecnologías se complementan 📎" text="completan"} mis competencias.
:prose-icon[TypeScript]{icon="i-logos:typescript-icon" color="blue"},
:prose-icon[Vue]{icon="i-logos:vue" color="green"},
:prose-icon[Nuxt]{icon="i-logos:nuxt-icon" color="emerald"},
:prose-icon[Adonis]{icon="i-logos:adonisjs-icon" color="purple"},
:prose-icon[Java]{icon="i-logos:java" color="red"},
:prose-icon[Python]{icon="i-logos:python" color="amber"},
:prose-icon[R]{icon="i-logos:r-lang" color="blue"},
esto me permite :hover-text{hover="entender rápidamente la complejidad de los proyectos 🏎️" text="comprender"} las diferentes necesidades de los proyectos matemáticos, y proponer las mejores soluciones.
Utilizo herramientas como
:prose-icon[scikit-learn]{icon="devicon-scikitlearn" color="orange"} para el aprendizaje supervisado,
:prose-icon[pandas]{icon="i-logos:pandas-icon" color="blue"} para la manipulación eficiente de datos,
:prose-icon[NumPy]{icon="i-logos:numpy" color="indigo"} para el cálculo científico, y
:prose-icon[TensorFlow]{icon="i-logos:tensorflow" color="orange"} para construir y entrenar modelos de aprendizaje profundo.
También he aprendido otras tecnologías importantes como
:prose-icon[Docker]{icon="i-logos:docker-icon" color="sky"},
:prose-icon[Redis]{icon="i-logos:redis" color="red"},
:prose-icon[MySQL]{icon="i-logos:mysql-icon" color="zinc"} y
:prose-icon[Git]{icon="i-logos:git-icon" color="orange"} que :hover-text{hover="todas estas tecnologías se complementan 📎" text="completan"} mis competencias.
Estoy :hover-text{hover="me gusta estar siempre al día 🖥️" position="top" text="constantemente"} aprendiendo cosas nuevas, desde la tecnología hasta las finanzas, pasando por el emprendimiento.
Me gusta :hover-text{hover="me encanta compartir y ayudar a los demás 🫂" text="compartir"} mis conocimientos y aprender nuevos teoremas y tecnologías.
Soy una persona :hover-text{hover="busco cosas nuevas que descubrir 🔍" text="curiosa"} y con el deseo de seguir aprendiendo y creciendo a lo largo de toda mi vida.
Estas herramientas me permiten ir desde :hover-text{hover="Exploración, limpieza, reorganización…" text="preparación de datos"} hasta :hover-text{hover="Entrenamiento, evaluación, despliegue" text="despliegue"} de modelos en entornos reales, siempre con rigurosidad estadística y un enfoque en el rendimiento. Me apasiona la IA y la :hover-text{hover="La IA es el futuro de la tecnología 🤖" text="ciencia de datos"}.
A parte de la programación, me gusta el :hover-text{hover="el deporte me permite gastar mi energía 🏋️‍♂️" text="deporte"}
y :hover-text{hover="los viajes me permiten desconectar ✈️" text="viajar"}.
Mi pasión, mi compromiso y mis ganas de aprender y mejorar son las cualidades que me permiten triunfar en mi
:hover-text{hover="carrera que ya he empezado, y le queda mucho para terminar 😎" text="carrera"} y en mis :hover-text{hover="solo me quedan 2 años de estudios 💪" text="estudios"}.
Estoy :hover-text{hover="me gusta estar siempre al día 🖥️" position="top" text="constantemente"} aprendiendo cosas nuevas, desde la tecnología hasta las finanzas, pasando por el emprendimiento. Me gusta :hover-text{hover="me encanta compartir y ayudar a los demás 🫂" text="compartir"} mis conocimientos y aprender nuevos teoremas y tecnologías. Soy una persona :hover-text{hover="busco cosas nuevas que descubrir 🔍" text="curiosa"} y con el deseo de seguir aprendiendo y creciendo a lo largo de toda mi vida.
Aparte de la programación, me gusta el :hover-text{hover="el deporte me permite gastar mi energía 🏋️‍♂️" text="deporte"} y :hover-text{hover="los viajes me permiten desconectar ✈️" text="viajar"}. Mi pasión, mi compromiso y mis ganas de aprender y mejorar son las cualidades que me permiten triunfar en mi :hover-text{hover="carrera que ya he empezado, y le queda mucho para terminar 😎" text="carrera"} y en mis :hover-text{hover="solo me quedan 2 años de estudios 💪" text="estudios"}.

View File

@@ -12,20 +12,28 @@ comprendre les concepts et les théories qui sous-tendent ces :hover-text{hover=
technologies"} et à les concevoir efficacement.
En tant qu'ingénieur logiciel et étudiant en mathématiques, mon :hover-text{hover="Mon sac de connaissances 🎒" text="expertise"} couvre
:prose-icon[TypeScript]{icon="typescript-icon" color="blue"},
:prose-icon[Vue]{icon="vue" color="green"},
:prose-icon[Nuxt]{icon="nuxt-icon" color="emerald"},
:prose-icon[Adonis]{icon="adonisjs-icon" color="purple"},
:prose-icon[Java]{icon="java" color="red"},
:prose-icon[Python]{icon="python" color="amber"},
:prose-icon[R]{icon="r-lang" color="blue"},
:prose-icon[TypeScript]{icon="i-logos:typescript-icon" color="blue"},
:prose-icon[Vue]{icon="i-logos:vue" color="green"},
:prose-icon[Nuxt]{icon="i-logos:nuxt-icon" color="emerald"},
:prose-icon[Adonis]{icon="i-logos:adonisjs-icon" color="purple"},
:prose-icon[Java]{icon="i-logos:java" color="red"},
:prose-icon[Python]{icon="i-logos:python" color="amber"},
:prose-icon[R]{icon="i-logos:r-lang" color="blue"},
ce qui me permet de :hover-text{hover="Comprendre rapidement la complexité des projets 🏎️" text="comprendre"} les
différents besoins des projets mathématiques et de proposer les meilleures solutions.
J'utilise des outils comme
:prose-icon[scikit-learn]{icon="i-devicon-scikitlearn" color="orange"} pour l'apprentissage supervisé,
:prose-icon[pandas]{icon="i-logos:pandas-icon" color="blue"} pour la manipulation efficace de données,
:prose-icon[NumPy]{icon="i-logos:numpy" color="indigo"} pour le calcul scientifique, et
:prose-icon[TensorFlow]{icon="i-logos:tensorflow" color="orange"} pour la création et l'entraînement de modèles profonds.
J'ai également appris d'autres technologies importantes, telles que
:prose-icon[Docker]{icon="docker-icon" color="sky"},
:prose-icon[Redis]{icon="redis" color="red"},
:prose-icon[MySQL]{icon="mysql-icon" color="zinc"} et
:prose-icon[Git]{icon="git-icon" color="orange"} pour :hover-text{hover="Toutes ces technologies se complètent 🔗" text="compléter"} mes connaissances.
:prose-icon[Docker]{icon="i-logos:docker-icon" color="sky"},
:prose-icon[Redis]{icon="i-logos:redis" color="red"},
:prose-icon[MySQL]{icon="i-logos:mysql-icon" color="zinc"} et
:prose-icon[Git]{icon="i-logos:git-icon" color="orange"} pour :hover-text{hover="Toutes ces technologies se complètent 🔗" text="compléter"} mes connaissances.
Ma maîtrise de ces bibliothèques me permet de passer de la :hover-text{hover="Exploration, nettoyage, mise en forme…" text="préparation des données"} jusqu'au :hover-text{hover="Entraînement, évaluation, déploiement" text="déploiement"} de modèles dans des environnements réels, toujours avec rigueur statistique et souci de performance.
Je suis passionné par l'IA et la :hover-text{hover="L'IA est l'avenir de la technologie 🤖" text="science des données"}.
Je suis :hover-text{hover="Je dois toujours chercher à être à jour 🖥️" position="top" text="constamment"} dans
l'apprentissage de nouvelles choses, de la technologie à la finance en passant par l'entrepreneuriat. J'aime