Fix: Updated translations

Author: MrAnyx

i18n/en.ts

@@ -15,22 +15,16 @@ export default {
   pages: {
     index: {
       title: "Hey, I'm Robin 👋",
-      content1:
-        "I'm a French software engineer specialized in full stack web developement",
-      content2: "Well, I'm also a UI designer in my spare time.",
-      content3: "Until January, I worked at",
-      content4: "a french company based in Limoges.",
+      description:
+        '<b class="accent-text">I\'m a French software engineer specialized in full stack web development</b>. Well, I\'m also a UI designer in my spare time. Until January, I worked at <a href="https://icohup.com/" target="_blank" class="accent">Icohup</a>, a French company based in Limoges.',
     },
     blog: {
-      description1:
-        "Since May 2021, I regularly write posts on a community platform that I've created called",
-      description2:
-        "Anyway, here is a list of my previous posts. Hope you like it 👍.",
+      description:
+        'Since May 2021, I regularly write posts on a community platform that I\'ve created called <a href="https://needlify.com/me/MrAnyx" class="accent" target="_blank">Needlify</a>. Anyway, here is a list of my previous posts. Hope you like it 👍.',
     },
     projects: {
-      description1:
-        "Since 2017 when I became an engineer student, I've worked on a lot of various projects. Some of them are just little school projects, but others are bigger projects I'm very proud of. All of them are available on my",
-      description2: "Anyway, here is a small list of my main projects.",
+      description:
+        'Since 2017 when I became an engineer student, I\'ve worked on a lot of various projects. Some of them are just little school projects, but others are bigger projects I\'m very proud of. All of them are available on my <a href="https://github.com/MrAnyx" class="accent">Github</a>. Anyway, here is a small list of my main projects.',
       needlify: "A knowledge sharing plateform around IT and new technologies.",
       minigram:
         "A Chrome extension to remove useless parts of the Instagram UI.",
@@ -176,13 +170,13 @@ export default {
     about: {
       text1:
         // Besides that, I created my micro business called <b class="accent-text">Codeon</b> in which I create websites or web application for individuals or startups.
-        'As you may have seen, I\'m Robin (aka MrAnyx) and I\'m a <b class="accent-text">tech and open-source enthusiast</b>. Since 2019, I\'m specialized in <b class="accent-text">fullstack web development</b>. I am currently a french <b class="accent-text">software engineer</b> in a company called <b class="accent-text">Icohup</b> which creates connected radioactivity sensors. One thing i really like is to build apps and things and share them on the Internet so that people can give their feedback.',
+        'As you may have seen, I\'m Robin (aka MrAnyx) and I\'m a <b class="accent-text">tech and open-source enthusiast</b>. Since 2019, I specialized in <b class="accent-text">full stack web development</b>. I am currently a French <b class="accent-text">software engineer</b> and until January 2023, I worked in a company called <b class="accent-text">Icohup</b> which creates connected radioactivity sensors. One thing i really like is to build apps and things and share them on the Internet so that people can give their feedback.',
       text2:
         'I first experienced web development when I was in 9th grade. With a friend of mine, we tried to create our very first website using HTML and CSS thanks to the explanations and tutorials that we could find on "le site du zéro" (now known as <a href="https://openclassrooms.com/" target="_blank" class="accent">OpenClassrooms</a>). I spent a lot of time trying to create a navigation bar or a paragraph and align it all in an HTML page. That was fun 😄',
       text3:
         "I started programming and development with Python (very original 😄) but it was when I discovered web technologies that I really started to get involved in this environment. I started with the basics with HTML, CSS and Javascript, then I continued with CSS frameworks such as bootstrap. Quite quickly, I got interested in backend frameworks like Symfony or Laravel or even Javascript frameworks like React or Electron. I was fascinated by these technologies.",
       text4:
-        'With all the knowledge that I have been able to accumulate over all these years, I started to create small projects like the game of life or the langton\'s ant, both available in the <nuxt-link to="projects" class="accent">projects page</nuxt-link>. Then, the more I developed, the more my ambitions increased and my projects grew. From thread to needle, I gathered enough knowledge to create my biggest project yet : <a href="https://needlify.com" class="accent" target="_blank">Needlify</a>, a platform where <b class="accent-text">people can share and learn things around new technologies</b>. I spent almost a year creating this project. In reality, I had to start over from the beginning because the bases I had created did not correspond to what I wanted to achieve. Then I knew how to seize the opportunities that were given to me and optimize my time to concentrate on this project. In 5 months, the development projects were completed and the site was in production.',
+        'With all the knowledge that I have been able to accumulate over all these years, I started to create small projects like the game of life or the Langton\'s ant, both available in the <nuxt-link to="projects" class="accent">projects page</nuxt-link>. Then, the more I developed, the more my ambitions increased and my projects grew. From thread to needle, I gathered enough knowledge to create my biggest project yet : <a href="https://needlify.com" class="accent" target="_blank">Needlify</a>, a platform where <b class="accent-text">people can share and learn things around new technologies</b>. I spent almost a year creating this project. In reality, I had to start over from the beginning because the bases I had created did not correspond to what I wanted to achieve. Then I knew how to seize the opportunities that were given to me and optimize my time to concentrate on this project. In 5 months, the development projects were completed and the site was in production.',
       text5:
         "For quite some time now, I've really enjoyed discovering new technologies like: Electron, Nuxt, Vue.js or even new programming languages like Pony or Vlang and trying to create projects with that. Believe me, I have no shortage of ideas. I have an endless list of project ideas, sometimes totally implausible, that I try to achieve as soon as I have the ability and the inclination.",
       text6:

i18n/fr.ts

@@ -15,25 +15,16 @@ export default {
   pages: {
     index: {
       title: "Hey, je m'appelle Robin 👋",
-      content1:
-        "Je suis un ingénieur informatique français spécialisé en le développement web full-stack",
-      content2:
-        "Je suis aussi designer d'interface utilisateur à mes heures perdues.",
-      content3: "Jusqu'en janvier, je travaillais à",
-      content4: "une jeune entreprise française basée à Limoges.",
+      description:
+        '<b class="accent-text">Je suis un ingénieur informatique français spécialisé en développement web full-stack</b>. Je suis aussi designer d\'interface utilisateur à mes heures perdues. Jusqu\'en janvier, je travaillais pour <a href="https://icohup.com/" target="_blank" class="accent">Icohup</a>, une jeune entreprise française basée à Limoges.',
     },
     blog: {
-      title: "Articles",
-      description1:
-        "Depuis mai 2021, je rédige régulièrement des articles sur une plateforme communautaire que j'ai créée :",
-      description2:
-        "Bref, voici la liste de mes précédents articles. J'espère qu'ils vous plairont 👍.",
+      description:
+        'Depuis mai 2021, je rédige régulièrement des articles sur une plateforme communautaire que j\'ai créée : <a href="https://needlify.com/me/MrAnyx" class="accent" target="_blank">Needlify</a>. Bref, voici la liste de mes précédents articles. J\'espère qu\'ils vous plairont 👍.',
     },
     projects: {
-      description1:
-        "Depuis 2017, date à laquelle je suis devenu étudiant ingénieur, j'ai travaillé sur de nombreux projets variés. Certains d'entre eux ne sont que des petits projets scolaires, mais d'autres sont des projets plus importants dont je suis très fier. Ils sont tous disponibles sur mon",
-      description2:
-        "Quoi qu'il en soit, voici une petite liste de mes principaux projets.",
+      description:
+        "Depuis 2017, date à laquelle je suis devenu étudiant ingénieur, j'ai travaillé sur de nombreux projets variés. Certains d'entre eux ne sont que des petits projets scolaires, mais d'autres sont des projets plus importants dont je suis très fier. Ils sont tous disponibles sur mon <a href=\"https://github.com/MrAnyx\" class=\"accent\">Github</a>. Quoi qu'il en soit, voici une petite liste de mes principaux projets.",
       needlify:
         "Une plateforme de partage de connaissances autour de l'informatique et des nouvelles technologies.",
       minigram:
@@ -193,13 +184,13 @@ export default {
     about: {
       text1:
         // Besides that, I created my micro business called <b class="accent-text">Codeon</b> in which I create websites or web application for individuals or startups.
-        'Comme vous l\'avez peut-être vu, je m\'appelle Robin (alias MrAnyx) et je suis un <b class="accent-text">passionné de technologie et de logiciels libres</b>. Depuis 2019, je suis spécialisé en <b class="accent-text">développement web fullstack</b>. Je suis actuellement <b class="accent-text">ingénieur informatique</b> français dans une entreprise appelée <b class="accent-text">Icohup</b> qui crée des capteurs de radioactivité connectés. Une chose que j\'aime énormement, c\'est de créer des applications et des projets et de les partager sur internet pour que les gens puissent donner leur avis.',
+        'Comme vous l\'avez peut-être vu, je m\'appelle Robin (alias MrAnyx) et je suis un <b class="accent-text">passionné de technologie et de logiciels libres</b>. Depuis 2019, je suis spécialisé en <b class="accent-text">développement web full stack</b>. Je suis actuellement <b class="accent-text">ingénieur informatique</b> français et jusqu\'en janvier 2023, j\'ai travaillé dans une entreprise appelée <b class="accent-text">Icohup</b> qui crée des capteurs de radioactivité connectés. Une chose que j\'aime énormément, c\'est de créer des applications et des projets et de les partager sur internet pour que les gens puissent donner leur avis.',
       text2:
-        'J\'ai fait mes premières armes dans le développement web lorsque j\'étais en 9ème année.  Avec un ami, nous avons essayé de créer notre tout premier site web en utilisant HTML et CSS grâce aux explications et aux tutoriels que nous pouvions trouver sur "le site du zéro" (maintenant connu sous le nom de <a href="https://openclassrooms.com/" target="_blank" class="accent">OpenClassrooms</a>). J\'ai passé beaucoup de temps à essayer de créer une barre de navigation ou un paragraphe et à aligner le tout dans une page HTML. C\'était amusant 😄',
+        'Je suis tombé dans le monde du développement web lorsque j\'étais en 3ème. Avec un ami, nous avons essayé de créer notre tout premier site web en utilisant HTML et CSS grâce aux explications et aux tutoriels que nous pouvions trouver sur "le site du zéro" (maintenant connu sous le nom de <a href="https://openclassrooms.com/" target="_blank" class="accent">OpenClassrooms</a>). J\'ai passé beaucoup de temps à essayer de créer une barre de navigation ou un paragraphe et à aligner le tout dans une page HTML. C\'était amusant 😄',
       text3:
         "J'ai commencé la programmation et le développement avec Python (très original 😄) mais c'est en découvrant les technologies web que j'ai vraiment commencé à m'investir dans cet environnement. J'ai commencé par les bases avec HTML, CSS et Javascript, puis j'ai continué avec les frameworks CSS comme bootstrap. Assez rapidement, je me suis intéressé aux frameworks backend comme Symfony ou Laravel ou même aux frameworks Javascript comme React ou Electron. J'étais fasciné par ces technologies.",
       text4:
-        'Avec toutes les connaissances que j\'ai pu accumuler au cours de toutes ces années, j\'ai commencé à créer de petits projets comme le jeu de la vie ou la fourmi de Langton, tous deux disponibles dans la <nuxt-link to="projects" class="accent">page des projets</nuxt-link>. Puis, plus j\'évoluais, plus mes ambitions augmentaient et mes projets grandissaient. De fil en aiguille, j\'ai rassemblé suffisamment de connaissances pour créer mon plus grand projet à ce jour : <a href="https://needlify.com" class="accent" target="_blank">Needlify</a>, une plateforme sur laquelle<b class="accent-text">les gens peuvent partager et apprendre des choses autour des nouvelles technologies</b>. J\'ai passé presque un an à créer ce projet. En réalité, j\'ai dû recommencer depuis le début car les bases que j\'avais créées ne correspondaient pas à ce que je voulais réaliser. J\'ai ensuite su saisir les opportunités qui m\'étaient données et optimiser mon temps pour me concentrer sur ce projet. En 5 mois, les projets de développement étaient terminés et le site était en production.',
+        'Avec toutes les connaissances que j\'ai pu accumuler au cours de toutes ces années, j\'ai commencé à créer de petits projets comme le jeu de la vie ou la fourmi de Langton, tous deux disponibles dans la <nuxt-link to="projects" class="accent">page des projets</nuxt-link>. Puis, plus j\'évoluais, plus mes ambitions augmentaient et mes projets grandissaient. De fil en aiguille, j\'ai rassemblé suffisamment de connaissances pour créer mon plus grand projet à ce jour : <a href="https://needlify.com" class="accent" target="_blank">Needlify</a>, une plateforme sur laquelle <b class="accent-text">les gens peuvent partager et apprendre des choses autour des nouvelles technologies</b>. J\'ai passé presque un an à créer ce projet. En réalité, j\'ai dû recommencer depuis le début car les bases que j\'avais créées ne correspondaient pas à ce que je voulais réaliser. J\'ai ensuite su saisir les opportunités qui m\'étaient données et optimiser mon temps pour me concentrer sur ce projet. En 5 mois, les projets de développement étaient terminés et le site était en production.',
       text5:
         "Depuis un certain temps maintenant, j'aime vraiment découvrir de nouvelles technologies comme : Electron, Nuxt, Vue.js ou même de nouveaux langages de programmation comme Pony ou Vlang et essayer de créer des projets avec ça. Croyez-moi, je ne manque pas d'idées. J'ai une liste infinie d'idées de projets, parfois totalement invraisemblables, que j'essaie de réaliser dès que j'en ai la possibilité et l'envie.",
       text6:

pages/blog.vue

@@ -2,11 +2,10 @@
   <div>
     <h1 class="page-title">{{ $t("header.links.blog") }}</h1>
 
-    <p class="secondary page-description">
-      {{ $t("pages.blog.description1") }}
-      <a href="https://needlify.com/me/MrAnyx" class="accent">Needlify</a>.
-      {{ $t("pages.blog.description2") }}
-    </p>
+    <p
+      class="secondary page-description"
+      v-html="$t('pages.blog.description')"
+    ></p>
 
     <div id="posts-wrapper" class="">
       <a

pages/index.vue

@@ -4,12 +4,7 @@
       <img src="~/assets/bitmoji2.png" alt="Face bitmoji" />
     </div>
     <h1>{{ $t("pages.index.title") }}</h1>
-    <p class="first">
-      <b class="accent-text">{{ $t("pages.index.content1") }}</b
-      >. {{ $t("pages.index.content2") }} {{ $t("pages.index.content3") }}
-      <a href="https://icohup.com/" target="_blank" class="accent">Icohup</a>,
-      {{ $t("pages.index.content4") }}
-    </p>
+    <p class="first" v-html="$t('pages.index.description')"></p>
   </div>
 </template>
 

pages/projects.vue

@@ -1,11 +1,10 @@
 <template>
   <div>
     <h1 class="page-title">{{ $t("header.links.projects") }}</h1>
-    <p class="secondary page-description">
-      {{ $t("pages.projects.description1") }}
-      <a href="https://github.com/MrAnyx" class="accent">Github</a>.
-      {{ $t("pages.projects.description2") }}
-    </p>
+    <p
+      class="secondary page-description"
+      v-html="$t('pages.projects.description')"
+    ></p>
 
     <div id="macy-container">
       <a