From 18559bdae3ff85237b1042a7c21b2506bf5aba86 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Thu, 17 Apr 2025 18:37:17 +0200
Subject: [PATCH] Refactor ProseIcon component to improve icon usage and
 enhance text styling

---
 app/components/content/ProseIcon.vue |  9 ++---
 content/home/en.md                   | 44 ++++++++++++------------
 content/home/es.md                   | 50 +++++++++++++---------------
 content/home/fr.md                   | 30 +++++++++++------
 4 files changed, 68 insertions(+), 65 deletions(-)

diff --git a/app/components/content/ProseIcon.vue b/app/components/content/ProseIcon.vue
index 0c09ab9..3730ed7 100644
--- a/app/components/content/ProseIcon.vue
+++ b/app/components/content/ProseIcon.vue
@@ -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>
diff --git a/content/home/en.md b/content/home/en.md
index a0131a1..9826a97 100644
--- a/content/home/en.md
+++ b/content/home/en.md
@@ -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"}.
diff --git a/content/home/es.md b/content/home/es.md
index 5716eb2..850649b 100644
--- a/content/home/es.md
+++ b/content/home/es.md
@@ -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"}.
diff --git a/content/home/fr.md b/content/home/fr.md
index a4cde8e..caec87f 100644
--- a/content/home/fr.md
+++ b/content/home/fr.md
@@ -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