From 5b65ba0866e6c306d3b25d9e8b9265bd4c1f4682 Mon Sep 17 00:00:00 2001
From: Arthur Danjou <arthurdanjou@outlook.fr>
Date: Sat, 17 Apr 2021 01:12:59 +0200
Subject: [PATCH] Translate all the project

---
 src/components/AboutHome.vue    |  14 ++--
 src/components/Ad.vue           |   4 --
 src/components/AdHome.vue       |  12 ++--
 src/components/Banner.vue       |  13 ++--
 src/components/Button.vue       |   2 +-
 src/components/ContactForm.vue  |  12 ++--
 src/components/PageTitle.vue    |   2 +-
 src/components/PostsHome.vue    |   6 +-
 src/components/Project.vue      |   6 +-
 src/components/ProjectsHome.vue |   9 ++-
 src/components/Skill.vue        |   3 -
 src/components/SkillsAbout.vue  |   4 --
 src/components/Tag.vue          |   4 --
 src/components/Work.vue         |  62 -----------------
 src/components/WorkSkill.vue    |  54 ---------------
 src/content/projects.json       |   8 +--
 src/layouts/default.vue         |   3 -
 src/locales/en-EN.ts            | 115 ++++++++++++++++++--------------
 src/locales/fr-FR.ts            | 111 ++++++++++++++++--------------
 src/pages/about.vue             |   5 +-
 src/pages/blog/index.vue        |   6 +-
 src/pages/contact.vue           |   8 +--
 src/pages/projects.vue          |   5 --
 src/pages/uses.vue              |  74 ++++++++++----------
 24 files changed, 202 insertions(+), 340 deletions(-)
 delete mode 100644 src/components/Work.vue
 delete mode 100644 src/components/WorkSkill.vue

diff --git a/src/components/AboutHome.vue b/src/components/AboutHome.vue
index 9c455ac..5347e7f 100644
--- a/src/components/AboutHome.vue
+++ b/src/components/AboutHome.vue
@@ -1,18 +1,18 @@
 <template>
   <section v-if="info && info.age" class="w-full flex items-center justify-center my-12">
     <div class="flex flex-col md:flex-row justify-between items-center">
-      <div class="mb-12 md:mb-0 md:w-1/2 flex justify-center">
-        <img src="@/assets/images/memojies/Hey.png" alt="It's me !" class="w-1/2">
+      <div class="mb-12 md:mb-0 w-full md:w-1/2 flex justify-center">
+        <img src="@/assets/images/memojies/Hey.png" alt="It's me !" class="lg:w-1/2">
       </div>
       <div class="md:w-1/2 text-justify">
         <h2 class="text-4xl font-bold text-center md:text-justify">
-          Who am I ?
+          {{ $t('home.about.title') }}
         </h2>
         <p class="text-xl my-6 text-gray-700 dark:text-gray-400">
-          {{ $t('home.banner.description', {age: info.age}) }}
+          {{ $t('home.about.description', {age: info.age}) }}
         </p>
         <div class="flex justify-center md:justify-start">
-          <Button content="Decouvrir mon profil" link="about"/>
+          <Button content="home.about.about" link="about"/>
         </div>
       </div>
     </div>
@@ -37,7 +37,3 @@ export default {
   }
 }
 </script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/src/components/Ad.vue b/src/components/Ad.vue
index 979f8a4..f75d83e 100644
--- a/src/components/Ad.vue
+++ b/src/components/Ad.vue
@@ -37,7 +37,3 @@ export default {
   }
 }
 </script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/src/components/AdHome.vue b/src/components/AdHome.vue
index 33268f2..9b16a99 100644
--- a/src/components/AdHome.vue
+++ b/src/components/AdHome.vue
@@ -8,10 +8,10 @@
           </div>
           <div>
             <h1 class="font-bold text-black text-4xl">
-              Comment je travaille ?
+              {{ $t('home.ad.uses.title') }}
             </h1>
             <h3 class="px-4 text-xl text-gray-700">
-              Venez decouvrir mon environnement de developpement
+              {{ $t('home.ad.uses.description') }}
             </h3>
           </div>
         </Ad>
@@ -23,10 +23,10 @@
           </div>
           <div>
             <h1 class="font-bold text-black text-4xl">
-              Vous avez un projet ?
+              {{ $t('home.ad.contact.title') }}
             </h1>
             <h3 class="px-4 text-lg text-gray-700">
-              Contactez moi en detaillant votre projet pour debuter notre collaboration.
+              {{ $t('home.ad.contact.description') }}
             </h3>
           </div>
         </Ad>
@@ -40,7 +40,3 @@ export default {
   name: "AdPreview"
 }
 </script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/src/components/Banner.vue b/src/components/Banner.vue
index b6f6839..f801a58 100644
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -2,16 +2,17 @@
   <section class="my-16 md:my-32 w-full flex items-center justify-center">
     <div class="text-center flex flex-col items-center">
       <h1 class="text-6xl font-bold text-gray-700 dark:text-gray-400">
-        Hello, I am <span class="text-black dark:text-white">Arthur Danjou</span> 👋,
+        {{ $t('home.banner.hello') }} <span class="text-black dark:text-white">Arthur Danjou</span> 👋,
       </h1>
       <h2 class="my-6 text-4xl text-black dark:text-white">
-        a <strong>Web</strong> and <strong>Software Developer</strong>. <br />
-        I am also a <strong>Student</strong>.
+        <strong>{{ $t('home.banner.role') }}</strong>. <br />
+        {{ $t('home.banner.student.main') }} <strong>{{ $t('home.banner.student.strong') }}</strong>.
       </h2>
-      <p class="mt-4 text-lg text-gray-800 mb-10 dark:text-gray-300">You can follow me on <span class="link">Twitter</span>,
+      <p class="mt-4 text-lg text-gray-800 mb-10 dark:text-gray-300">{{ $t('home.banner.contact.follow') }} <span class="link">Twitter</span>,
         <span class="link">Twitch</span>
-        and <span class="link">Github</span>.
-        Here is my <nuxt-link to="contact" class="link">Contact</nuxt-link> page.
+        {{ $t('home.banner.contact.and') }} <span class="link">Github</span>
+        {{ $t('home.banner.contact.spacer') }}
+        <nuxt-link to="contact" class="link">{{ $t('home.banner.contact.contact') }}</nuxt-link> {{ $t('home.banner.contact.me') }}
       </p>
     </div>
   </section>
diff --git a/src/components/Button.vue b/src/components/Button.vue
index b41860a..bb506c7 100644
--- a/src/components/Button.vue
+++ b/src/components/Button.vue
@@ -1,7 +1,7 @@
 <template>
   <nuxt-link :to="link" class="duration-150 transform hover:scale-105">
     <div class="text-lg cursor-pointer px-8 py-4 rounded-xl border-2 border-indigo-600 hover:(bg-indigo-600 text-white) dark:hover:text-black text-indigo-600 duration-300">
-      {{ content }}
+      {{ $t(content) }}
     </div>
   </nuxt-link>
 </template>
diff --git a/src/components/ContactForm.vue b/src/components/ContactForm.vue
index eca06d2..0d69d3d 100644
--- a/src/components/ContactForm.vue
+++ b/src/components/ContactForm.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="w-full flex items-center justify-center flex-col">
     <h2 class="text-center mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400">
-      Fill in the form or <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">Send an email</a> 📬
+      {{ $t('contact.form.title.main') }} <br class="lg:hidden"/><a class="email text-black dark:text-white" href="mailto:me@arthurdanjou.fr" target="_blank">{{ $t('contact.form.title.email') }}</a> 📬
     </h2>
     <form class="w-full lg:w-1/2">
       <div class="w-full lg:flex lg:space-x-4 justify-center mb-8 lg:mb-12">
@@ -13,7 +13,7 @@
             placeholder=" "
             class="form-input-half w-full"
           />
-          <label for="name" class="form-label"> What is your name ?</label>
+          <label for="name" class="form-label">{{ $t('contact.form.name') }}</label>
         </div>
         <div class="form-div lg:w-1/2">
           <input
@@ -23,7 +23,7 @@
             placeholder=" "
             class="form-input-half w-full"
           />
-          <label for="email" class="form-label">What is your email ?</label>
+          <label for="email" class="form-label">{{ $t('contact.form.email') }}</label>
         </div>
       </div>
       <div class="form-div w-full mb-8 lg:mb-12">
@@ -34,7 +34,7 @@
           placeholder=" "
           class="form-input w-full"
         />
-        <label for="subject" class="form-label">Why are you contacting me?</label>
+        <label for="subject" class="form-label">{{ $t('contact.form.subject') }}</label>
       </div>
       <div class="form-div w-full">
           <textarea
@@ -45,12 +45,12 @@
             minlength="30"
             rows="4"
           />
-        <label for="content" class="form-label">Tell me about your project</label>
+        <label for="content" class="form-label">{{ $t('contact.form.content') }}</label>
       </div>
     </form>
     <div class="my-12">
       <div class="font-bold px-6 py-3 border-2 rounded-full border-indigo-600 text-indigo-600 hover:(bg-indigo-600 text-white) hover:dark:text-black duration-300 cursor-pointer">
-        Envoyer
+        {{ $t('contact.form.submit') }}
       </div>
     </div>
   </section>
diff --git a/src/components/PageTitle.vue b/src/components/PageTitle.vue
index c9577ed..41a6626 100644
--- a/src/components/PageTitle.vue
+++ b/src/components/PageTitle.vue
@@ -1,6 +1,6 @@
 <template>
   <h1
-    class="mt-16 md:mt-32 font-bold text-3xl md:text-5xl mr-2 inline mb-4 border-b-3 border-solid border-indigo-600"
+    class="mt-16 md:mt-32 font-bold text-2xl md:text-5xl mr-2 inline mb-4 border-b-3 border-solid border-indigo-600"
   >
     {{ this.$t(title) }}
     <slot />
diff --git a/src/components/PostsHome.vue b/src/components/PostsHome.vue
index 3433038..b3c4d43 100644
--- a/src/components/PostsHome.vue
+++ b/src/components/PostsHome.vue
@@ -3,10 +3,10 @@
     <div class="flex flex-col items-center text-center">
       <div class="flex flex-col items-center">
         <h2 class="font-bold text-3xl">
-          Derniers articles
+          {{ $t('blog.latest') }}
         </h2>
         <p class="text-gray-700 dark:text-gray-400 text-xl md:w-2/3 mt-4">
-          Je redige des articles concernant ma vie, le developpement et mes passions.
+          {{ $t('blog.description') }}
         </p>
       </div>
       <div class="my-8 lg:flex w-full lg:space-x-6">
@@ -23,7 +23,7 @@
         </div>
       </div>
       <div class="flex">
-        <Button content="Voir plus d'articles" link="blog"/>
+        <Button content="blog.see_more" link="blog"/>
       </div>
     </div>
   </section>
diff --git a/src/components/Project.vue b/src/components/Project.vue
index a27524d..1d48489 100644
--- a/src/components/Project.vue
+++ b/src/components/Project.vue
@@ -26,9 +26,9 @@ import {computed} from "@nuxtjs/composition-api";
 interface ProjectProp {
   title: string,
   cover: string,
-  slug: string,
   tags: Array<String>,
   description: string,
+  url: string,
 }
 
 export default {
@@ -42,10 +42,6 @@ export default {
       type: String,
       default: "artapi.png"
     },
-    slug: {
-      type: String,
-      default: "slug"
-    },
     description: {
       type: String,
       default: "Description"
diff --git a/src/components/ProjectsHome.vue b/src/components/ProjectsHome.vue
index 4b02ae8..f7f3090 100644
--- a/src/components/ProjectsHome.vue
+++ b/src/components/ProjectsHome.vue
@@ -3,10 +3,10 @@
     <div class="flex flex-col items-center text-center">
       <div class="flex flex-col items-center">
         <h2 class="font-bold text-3xl">
-          Derniers projets
+          {{ $t('projects.latest') }}
         </h2>
         <p class="text-gray-700 dark:text-gray-400 text-xl lg:w-2/3 mt-4">
-          Quelques projets que j'ai realise dans ma vie de developpeur.
+          {{ $t('projects.description') }}
         </p>
       </div>
       <div class="my-8 lg:flex w-full lg:space-x-8">
@@ -15,14 +15,13 @@
             :title="project.title"
             :cover="project.cover"
             :description="project.description"
-            :slug="project.slug"
             :tags="project.tags"
-            :company="project.company"
+            :url="project.url"
           />
         </div>
       </div>
       <div class="flex">
-        <Button content="Voir plus de projets" link="projects"/>
+        <Button content="projects.see_more" link="projects"/>
       </div>
     </div>
   </section>
diff --git a/src/components/Skill.vue b/src/components/Skill.vue
index b840dcc..5e3d8f6 100644
--- a/src/components/Skill.vue
+++ b/src/components/Skill.vue
@@ -72,6 +72,3 @@ export default {
   }
 }
 </script>
-
-<style scoped lang="scss">
-</style>
diff --git a/src/components/SkillsAbout.vue b/src/components/SkillsAbout.vue
index 1e2f4c8..96e393a 100644
--- a/src/components/SkillsAbout.vue
+++ b/src/components/SkillsAbout.vue
@@ -37,7 +37,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-
-</style>
diff --git a/src/components/Tag.vue b/src/components/Tag.vue
index ba94169..ec0e69f 100644
--- a/src/components/Tag.vue
+++ b/src/components/Tag.vue
@@ -22,7 +22,3 @@ export default {
   },
 }
 </script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/src/components/Work.vue b/src/components/Work.vue
deleted file mode 100644
index 678cf48..0000000
--- a/src/components/Work.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div class="mb-3 mr-3 p-1 md:p-2 h-64 w-64 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25 hover:scale-105 transform cursor-pointer"
-       :class="getColor">
-    <div class="w-full h-full flex flex-col justify-center items-center">
-      <div class="text-center">
-        <img alt="Project Img" class="rounded-md" width="150" :src="getCoverLink">
-      </div>
-      <div class="text-center">
-        <h1 class="md:text-2xl text-lg font-bold">{{ title }}</h1>
-        <a :href="url" :class="'text-' + color + '-500'">{{ formatLink }}</a>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {computed} from '@nuxtjs/composition-api'
-
-interface WorkProps {
-  title: string,
-  url: string,
-  cover: string,
-  color: string
-}
-
-export default {
-  name: "Work",
-  props: {
-    title: {
-      type: String,
-      default: 'Title'
-    },
-    url: {
-      type: String,
-      default: 'https://arthurdanjou.fr'
-    },
-    cover: {
-      type: String,
-      default: 'default.png'
-    },
-    color: {
-      type: String,
-      default: 'white'
-    }
-  },
-  setup(props: WorkProps) {
-    const formatLink = computed(() => props.url.replace('https://', '').replace('http://', ''))
-    const getColor = computed(() => `hover:bg-${props.color}-600`)
-    const getCoverLink = computed(() => `@/assets/images/works/${props.cover}.png`)
-
-    return {
-      formatLink,
-      getColor,
-      getCoverLink
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/components/WorkSkill.vue b/src/components/WorkSkill.vue
deleted file mode 100644
index ac22080..0000000
--- a/src/components/WorkSkill.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <div
-    class="m-2 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25"
-    :class="getColor"
-  >
-    <div class="w-full h-full flex flex-col justify-center items-center">
-      <div>
-        <img class="rounded-sm" alt="Skill Img" :src="getCoverLink">
-      </div>
-      <h1 class="md:text-xl text-lg font-bold text-center">{{ skill }}</h1>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {computed} from '@nuxtjs/composition-api'
-
-interface WorkSkillProps {
-  skill: string,
-  color: string,
-  cover: string
-}
-
-export default {
-  name: "WorkSkill",
-  props: {
-    skill: {
-      type: String,
-      default: "Rien"
-    },
-    color: {
-      type: String,
-      default: "red-100"
-    },
-    cover: {
-      type: String,
-      default: "logo.jpg"
-    }
-  },
-  setup(props: WorkSkillProps) {
-    const getColor = computed(() => `hover:bg-${props.color}-600`)
-    const getCoverLink = computed(() => require(`@/assets/images/skills/${props.cover}.png`))
-
-    return {
-      getColor,
-      getCoverLink
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/content/projects.json b/src/content/projects.json
index 1f4dbde..87beef0 100644
--- a/src/content/projects.json
+++ b/src/content/projects.json
@@ -5,7 +5,7 @@
     "description": "works.erisium",
     "url": "https://erisium.com",
     "cover": "erisium.png",
-    "color": "fuchsia"
+    "tags": ["tags.mc"]
   },
   {
     "slug": "artsite",
@@ -13,7 +13,7 @@
     "description": "works.artsite",
     "url": "https://arthurdanjou.fr",
     "cover": "artsite.png",
-    "color": "trueGray"
+    "tags": ["tags.web"]
   },
   {
     "slug": "artapi",
@@ -21,7 +21,7 @@
     "description": "works.artapi",
     "url": "https://api.arthurdanjou.fr",
     "cover": "artapi.png",
-    "color": "trueGray"
+    "tags": ["tags.api"]
   },
   {
     "slug": "artclick",
@@ -29,6 +29,6 @@
     "description": "works.artclick",
     "url": "https://artdanj.to",
     "cover": "artclick.png",
-    "color": "trueGray"
+    "tags": ["tags.software"]
   }
 ]
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 280e6e2..c761e69 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -10,6 +10,3 @@
 export default {
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/locales/en-EN.ts b/src/locales/en-EN.ts
index 8b5b9a2..c793d05 100644
--- a/src/locales/en-EN.ts
+++ b/src/locales/en-EN.ts
@@ -7,6 +7,14 @@ export default {
     uses: 'Uses',
   },
 
+  part: {
+    about: 'About',
+    blog: 'My blog',
+    work: 'My work',
+    contact: 'Contact me',
+    uses: 'My uses'
+  },
+
   footer: {
     find_me: 'Find me on :',
     separator: 'et by',
@@ -23,51 +31,50 @@ export default {
     error: 'Error'
   },
 
-  part: {
-    about: 'About',
-    blog: 'My Blog',
-    work: 'My Work',
-    contact: 'Contact me',
-    about_description: 'Learn more about me, how I projects and who I am',
-    blog_description: 'I write articles about my life, development and my passions',
-    work_description: 'Discover my creations to get an idea of my skills',
-    contact_description: 'Find all my social networks to contact me'
-  },
-
   home: {
-    banner: {
-      role: 'Developer & student',
-      hello: 'Hello, I am',
-      description: 'I am a {age} year old self-taught developer. I live in Paris 🇫🇷. I love creating more or less useful applications and software. I use modern technologies to get the best possible result ✨',
+    about: {
+      title: 'Who am I ?',
+      about: 'Discover my profile',
+      description: 'I am a {age} year old self-taught developer. I live in Paris 🇫🇷. I love to create more or less useful applications and software. I use modern technologies to get the best possible result ✨',
     },
-    strategy: {
-      1: {
-        title: '#1. Brainstorming',
-        description: 'Test 1'
+    banner: {
+      role: 'Web and Software Developer',
+      hello: 'Hello, I am',
+      student: {
+        main: 'but also',
+        strong: 'student'
       },
-      2: {
-        title: '#2. Design',
-        description: 'Test 2'
+      contact: {
+        follow: 'VOus can follow me on',
+        and: 'and',
+        spacer: 'or simply by',
+        contact: 'Contacting',
+        me: 'me.'
+      }
+    },
+    ad: {
+      uses: {
+        title: 'How do I work?',
+        description: 'Come discover my development environment.'
       },
-      3: {
-        title: '#3. Development',
-        description: 'Test 3'
-      },
-      4: {
-        title: '#4. Delivery',
-        description: 'Test 4'
+      contact: {
+        title: 'You have a project?',
+        description: 'Contact me by detailing your project to start our collaboration.'
       }
     }
   },
 
   blog: {
+    latest: 'Latest articles',
     read: {
       back: 'Go back',
       thanks: 'Thanks for reading to the end!',
       time: 'Reading'
     },
+    description: 'I write articles about my life, development and my passions.',
     tweet: 'I love a new post from @ArthurDanj, check it out here:',
     no_posts: 'Unfortunately there are no items available yet. Come back later 😉',
+    see_more: 'See more articles',
     tags: {
       search: 'Are you looking for a specific type of article? Test the search by tag 🏷',
       back: 'Return to all articles',
@@ -108,9 +115,11 @@ export default {
       native: 'Native',
       fluent: 'Fluent'
     },
-    cv: 'Download my CV',
-    environment: 'My Environment',
-    env: {
+    cv: 'Download my CV'
+  },
+
+  uses: {
+    title: {
       description: 'My development environment makes it possible to gain in productivity. Indeed, I organize myself in this way to always optimize my time for reflection and development. Here is a list of all my software that I use on a daily basis and my setup.',
       ide: 'Text editors',
       apps: 'Apps & Softwares',
@@ -150,29 +159,30 @@ export default {
     }
   },
 
-  work: {
-    no_work: 'Unfortunately there are no projects available yet. Come back later 😉',
-    description: 'Here are the different projects I was able to participate in in my past!',
-    tech_used: 'Lists of skills used',
-    go_back: 'Go back'
+  projects: {
+    no_project: 'Unfortunately there are no projects available yet. Come back later 😉',
+    description: 'Here are the different projects in which I have been able to participate in my life as a developer!',
+    latest: 'Latest projects',
+    see_more: 'See more projects'
   },
 
   contact: {
-    newsletter: {
-      title: 'Software & Tech Newsletter 📬',
-      description: 'Subscribe to not miss my next offers, my next articles and my new projects.',
-      unfollow: 'No spam. Unsubscribe whenever you want'
-    },
     form: {
-      name: 'Name',
-      mail: 'Mail address',
-      submit: 'Subscribe',
+      title: {
+        main: 'Fill in the form',
+        email: 'Send an email'
+      },
+      name: 'What is your name?',
+      email: 'What is your Email?',
+      subject: 'Why are you contacting me?',
+      content: 'Tell me about your project',
+      submit: 'Submit',
       error: 'Error in the form!',
-      success: 'Registration confirmed for {email}!'
+      success: 'Form successfully sent!'
     },
-    how_to: {
-      title: 'How to contact me? ✉',
-      description: 'Please don\'t hesitate to contact me if you have any questions, think we could projects together or if you just want to chat ✌️'
+    why: {
+      title: 'Why contact me ✉',
+      description: 'Please don\'t hesitate to contact me if you have any questions, think we could work together or if you just want to chat ✌️'
     },
     available: {
       title: 'Am I available? 🚩',
@@ -185,7 +195,9 @@ export default {
   date: {
     today: 'Today'
   },
+
   copied: 'Copied',
+
   month: {
     '01': 'January',
     '02': 'February',
@@ -200,6 +212,7 @@ export default {
     11: 'November',
     12: 'December',
   },
+
   hiring: {
     status: {
       not_available: 'not available',
@@ -212,7 +225,9 @@ export default {
     dev: 'Dev',
     tech: 'Tech',
     software: 'Software',
-    web: 'Web'
+    web: 'Web',
+    api: 'API',
+    mc: 'MineCraft'
   },
 
   experiences: {
diff --git a/src/locales/fr-FR.ts b/src/locales/fr-FR.ts
index 66f4ad1..13521f1 100644
--- a/src/locales/fr-FR.ts
+++ b/src/locales/fr-FR.ts
@@ -7,6 +7,14 @@ export default {
     uses: 'Usages'
   },
 
+  part: {
+    about: 'A propos',
+    contact: 'Me contacter',
+    projects: 'Mes projets',
+    blog: 'Mon blog',
+    uses: 'Mes usages'
+  },
+
   footer: {
     find_me: 'Retrouvez moi sur :',
     separator: 'et par',
@@ -23,57 +31,50 @@ export default {
     error: 'Erreur'
   },
 
-  part: {
-    about: 'A Propos',
-    blog: 'Mon Blog',
-    projects: 'Mes Projets',
-    contact: 'Me Contacter',
-    uses: 'Mes Usages',
-    about_description: 'Apprenez en plus à mon propos, comment je travaille et qui je suis',
-    blog_description: 'Je rédige des articles concernant ma vie, le développement et mes passions',
-    projects_description: 'Découvrez mes créations pour avoir une idée de mes compétences',
-    contact_description: 'Retrouvez tous mes réseaux sociaux pour me contacter'
-  },
-
   home: {
-    banner: {
-      role: 'Développeur & étudiant',
-      hello: 'Bonjour, je suis',
+    about: {
+      title: 'Qui suis-je ?',
+      about: 'Decouvrir mon profil',
       description: 'Je suis un jeune développeur autodidacte de {age} ans. J\'habite à Paris 🇫🇷. J\'adore créer des applications et des logiciels plus ou moins utiles. J\'utilise des technologies modernes pour obtenir le meilleur résultat possible ✨',
     },
-    strategy: {
-      1: {
-        title: '#1. Brainstorming',
-        description: 'Test 1'
+    banner: {
+      role: 'Développeur Web et Logiciel',
+      hello: 'Bonjour, je suis',
+      student: {
+        main: 'Mais également',
+        strong: 'étudiant'
       },
-      2: {
-        title: '#2. Conception',
-        description: 'Test 2'
+      contact: {
+        follow: 'Vous pouvez me suivre sur',
+        and: 'et',
+        spacer: 'ou tout simplement en me',
+        contact: 'Contactant',
+        me: '.'
+      }
+    },
+    ad: {
+      uses: {
+        title: 'Comment je travaille ?',
+        description: 'Venez decouvrir mon environnement de developpement.'
       },
-      3: {
-        title: '#3. Developpement',
-        description: 'Test 3'
-      },
-      4: {
-        title: '#4. Livraison',
-        description: 'Test 4'
+      contact: {
+        title: 'Vous avez un projet ?',
+        description: 'Contactez moi en detaillant votre projet pour debuter notre collaboration.'
       }
     }
   },
 
   blog: {
+    latest: 'Derniers articles',
     read: {
       back: 'Retour en arrière',
       thanks: 'Merci d\'avoir lu jusqu\'au bout !',
       time: 'Lecture'
     },
+    description: 'Je redige des articles concernant ma vie, le developpement et mes passions.',
     tweet: 'J\'aime un nouvel article d\'@ArthurDanj, venez le découvrir ici :',
     no_posts: 'Malheureusement il n\'y a pas encore d\'articles disponibles. Reviens plus tard 😉',
-    tags: {
-      search: 'Vous recherchez un type d\'article en particulier ? Tester la recherche par tag 🏷',
-      back: 'Revenir à tous les articles',
-      current: 'Liste des articles possédant le tag \'{tag}\' :'
-    },
+    see_more: 'Voir plus d\'articles',
     pagination: {
       prev: 'Précédent',
       next: 'Suivant'
@@ -109,9 +110,11 @@ export default {
       native: 'Natal',
       fluent: 'Courant'
     },
-    cv: 'Télécharger mon CV',
-    environment: 'Mon Environnement',
-    env: {
+    cv: 'Télécharger mon CV'
+  },
+
+  uses: {
+    title: {
       description: 'Mon environnement de développement permet de gagner en productivité. En effet, je m\'organise de la sorte à toujours optimiser mon temps de réflexion et de développement. Voici donc une liste de tous mes logiciels que j\'utilise au quotidien et de mon setup.',
       ide: 'Editeurs de texte',
       apps: 'Apps & Logiciels',
@@ -153,25 +156,26 @@ export default {
 
   projects: {
     no_project: 'Malheureusement il n\'y a pas encore de projets disponibles. Reviens plus tard 😉',
-    description: 'Voici les différents projets auxquels j\'ai pu participer dans mon passé !',
-    tech_used: 'Listes des compétences utilisées',
-    go_back: 'Retour en arrière'
+    description: 'Voici les différents projets auxquels j\'ai pu participer dans ma vie de développeur !',
+    latest: 'Derniers projets',
+    see_more: 'Voir plus de projets'
   },
 
   contact: {
-    newsletter: {
-      title: 'Software & Tech Newsletter 📬',
-      description: 'Abonnez vous pour ne pas louper mes prochaines offres, mes prochains articles et mes nouveaux projets.',
-      unfollow: 'Pas de spam. Désabonnement quand vous voulez'
-    },
     form: {
-      name: 'Prénom',
-      mail: 'Adresse Mail',
-      submit: 'S\'abonner',
+      title: {
+        main: 'Remplissez le formulaire ou',
+        email: 'Envoyer un email'
+      },
+      name: 'Quel est votre prénom ?',
+      email: 'Quelle est votre adresse mail ?',
+      subject: 'Pourquoi me contactez-vous ?',
+      content: 'Racontez moi votre projet',
+      submit: 'Envoyer',
       error: 'Erreur dans le formulaire !',
-      success: 'Inscription confirmée pour {email} !'
+      success: 'Formulaire envoyé avec succès !'
     },
-    how_to: {
+    why: {
       title: 'Pourquoi me contacter ✉',
       description: 'N\'hésitez pas à me contacter si vous avez des questions, pensez que nous pourrions travailler ensemble ou si vous souhaitez simplement vous discuter ✌️'
     },
@@ -186,7 +190,9 @@ export default {
   date: {
     today: 'Aujourd\'hui'
   },
+
   copied: 'Copié',
+
   month: {
     '01': 'Janvier',
     '02': 'Février',
@@ -201,6 +207,7 @@ export default {
     11: 'Novembre',
     12: 'Décembre',
   },
+
   hiring: {
     status: {
       not_available: 'non disponible',
@@ -213,7 +220,9 @@ export default {
     dev: 'Dev',
     tech: 'Tech',
     software: 'Logiciel',
-    web: 'Web'
+    web: 'Web',
+    api: 'API',
+    mc: 'MineCraft'
   },
 
   experiences: {
diff --git a/src/pages/about.vue b/src/pages/about.vue
index a93e05e..6558212 100644
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -15,7 +15,7 @@
     <ExperiencesAbout />
     <a href="/resume.pdf" target="_blank" class="duration-150 transform hover:scale-105">
       <div class="text-lg cursor-pointer px-8 py-4 rounded-xl border-2 border-indigo-600 hover:(bg-indigo-600 text-white) dark:hover:text-black text-indigo-600 duration-300">
-        Télécharger mon cv
+        {{ $t('about.cv') }}
       </div>
     </a>
   </main>
@@ -37,6 +37,3 @@ export default {
   }
 }
 </script>
-
-<style scoped lang="scss">
-</style>
diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
index 664e114..a2a2b87 100644
--- a/src/pages/blog/index.vue
+++ b/src/pages/blog/index.vue
@@ -9,7 +9,7 @@
       </svg>
     </PageTitle>
     <p class="text-gray-700 dark:text-gray-400 text-xl mt-4">
-      Je redige des articles concernant ma vie, le developpement et mes passions.
+      {{ $t('blog.description') }}
     </p>
     <h1 v-if="posts.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('blog.no_posts') }}</h1>
     <div class="w-full" v-else>
@@ -63,7 +63,3 @@ export default {
   }
 }
 </script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/src/pages/contact.vue b/src/pages/contact.vue
index 80ef0a4..dce8dd0 100644
--- a/src/pages/contact.vue
+++ b/src/pages/contact.vue
@@ -10,13 +10,13 @@
     </PageTitle>
     <section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
       <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
-        {{ $t('contact.how_to.title') }}
+        {{ $t('contact.why.title') }}
       </h1>
       <h3 class="text-md md:text-lg">
-        {{ $t('contact.how_to.description') }}
+        {{ $t('contact.why.description') }}
       </h3>
     </section>
-    <section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
+    <section v-if="info && info.hiring.status && info.hiring.color" class="w-full lg:w-3/4 mb-10 mt-4 text-center">
       <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-dark-100">
         {{ $t('contact.available.title') }}
       </h1>
@@ -25,7 +25,7 @@
       </h3>
       <div class="my-4 text-indigo-600">
         {{ $t('contact.available.start') }}
-        <span v-if="info && info.hiring.status && info.hiring.color" class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
+        <span class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
         {{ $t('contact.available.end') }}
       </div>
     </section>
diff --git a/src/pages/projects.vue b/src/pages/projects.vue
index 1b69953..a7ffc45 100644
--- a/src/pages/projects.vue
+++ b/src/pages/projects.vue
@@ -17,9 +17,7 @@
               :title="project.title"
               :cover="project.cover"
               :description="project.description"
-              :slug="project.slug"
               :tags="project.tags"
-              :company="project.company"
               :url="project.url"
             />
           </div>
@@ -53,6 +51,3 @@ export default {
   }
 }
 </script>
-
-<style scoped lang="scss">
-</style>
diff --git a/src/pages/uses.vue b/src/pages/uses.vue
index 3076f9a..49d87ee 100644
--- a/src/pages/uses.vue
+++ b/src/pages/uses.vue
@@ -1,75 +1,75 @@
 <template>
-  <main class="about flex flex-col items-center px-5 xl:px-64">
+  <main class="uses flex flex-col items-center px-5 xl:px-64">
     <PageTitle
-      title="about.environment"
+      title="part.uses"
     >
       <svg class="inline icon" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
       </svg>
     </PageTitle>
-    <p class="text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('about.env.description') }}</p>
+    <p class="text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('uses.title.description') }}</p>
     <EnvGroup>
-      <EnvTitle title="about.env.ide">
+      <EnvTitle title="uses.title.ide">
         <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
         </svg>
       </EnvTitle>
       <EnvList>
-        <EnvListItem title="about.ide.java" content="Intellij Idea Ultimate" link="https://www.jetbrains.com/fr-fr/idea/"/>
-        <EnvListItem title="about.ide.web" content="WebStorm" link="https://www.jetbrains.com/fr-fr/webstorm/"/>
-        <EnvListItem title="about.ide.go" content="GoLand" link="https://www.jetbrains.com/fr-fr/go/"/>
-        <EnvListItem title="about.ide.db" content="DataGrip" link="https://www.jetbrains.com/fr-fr/datagrip/"/>
-        <EnvListItem title="about.ide.all" content="Jetbrains Toolbox" link="https://www.jetbrains.com/toolbox-app/"/>
-        <EnvListItem title="about.police" content="Jetbrains Mono" link="https://www.jetbrains.com/lp/mono/"/>
-        <EnvListItem title="about.console" content="Terminus" link="https://github.com/Eugeny/terminus"/>
-        <EnvListItem title="about.wsl_2" content="Ubuntu 20.04" link="https://www.microsoft.com/en-us/p/ubuntu-2004-lts/9n6svws3rx71?activetab=pivot:overviewtab"/>
+        <EnvListItem title="uses.ide.java" content="Intellij Idea Ultimate" link="https://www.jetbrains.com/fr-fr/idea/"/>
+        <EnvListItem title="uses.ide.web" content="WebStorm" link="https://www.jetbrains.com/fr-fr/webstorm/"/>
+        <EnvListItem title="uses.ide.go" content="GoLand" link="https://www.jetbrains.com/fr-fr/go/"/>
+        <EnvListItem title="uses.ide.db" content="DataGrip" link="https://www.jetbrains.com/fr-fr/datagrip/"/>
+        <EnvListItem title="uses.ide.all" content="Jetbrains Toolbox" link="https://www.jetbrains.com/toolbox-app/"/>
+        <EnvListItem title="uses.police" content="Jetbrains Mono" link="https://www.jetbrains.com/lp/mono/"/>
+        <EnvListItem title="uses.console" content="Terminus" link="https://github.com/Eugeny/terminus"/>
+        <EnvListItem title="uses.wsl_2" content="Ubuntu 20.04" link="https://www.microsoft.com/en-us/p/ubuntu-2004-lts/9n6svws3rx71?activetab=pivot:overviewtab"/>
       </EnvList>
     </EnvGroup>
     <EnvGroup>
-      <EnvTitle title="about.env.apps">
+      <EnvTitle title="uses.title.apps">
         <svg class="inline icon" height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
         </svg>
       </EnvTitle>
       <EnvList>
-        <EnvListItem title="about.email_client" content="Courrier by Microsoft" link="https://www.microsoft.com/fr-fr/p/courrier-et-calendrier/9wzdncrfhvqm?activetab=pivot:overviewtab"/>
-        <EnvListItem title="about.vpn_client" content="Pritunl" link="https://pritunl.com/"/>
-        <EnvListItem title="about.ftp_client" content="WinSCP" link="https://winscp.net/eng/download.php"/>
-        <EnvListItem title="about.web_client" content="Google Chrome" link="https://www.google.com/intl/fr_fr/chrome/"/>
-        <EnvListItem title="about.organisation_tool" content="Notion" link="https://www.notion.so/"/>
-        <EnvListItem title="about.organisation_tool" content="Trello" link="https://www.trello.com/"/>
-        <EnvListItem title="about.design_tool" content="Affinity Designer" link="https://affinity.serif.com/fr/designer/"/>
-        <EnvListItem title="about.communication_tool" content="Slack" link="https://slack.com/intl/fr-fr/"/>
-        <EnvListItem title="about.communication_tool" content="Discord" link="https://www.discord.com/"/>
-        <EnvListItem title="about.communication_tool" content="Mattermost" link="https://mattermost.com/"/>
+        <EnvListItem title="uses.email_client" content="Courrier by Microsoft" link="https://www.microsoft.com/fr-fr/p/courrier-et-calendrier/9wzdncrfhvqm?activetab=pivot:overviewtab"/>
+        <EnvListItem title="uses.vpn_client" content="Pritunl" link="https://pritunl.com/"/>
+        <EnvListItem title="uses.ftp_client" content="WinSCP" link="https://winscp.net/eng/download.php"/>
+        <EnvListItem title="uses.web_client" content="Google Chrome" link="https://www.google.com/intl/fr_fr/chrome/"/>
+        <EnvListItem title="uses.organisation_tool" content="Notion" link="https://www.notion.so/"/>
+        <EnvListItem title="uses.organisation_tool" content="Trello" link="https://www.trello.com/"/>
+        <EnvListItem title="uses.design_tool" content="Affinity Designer" link="https://affinity.serif.com/fr/designer/"/>
+        <EnvListItem title="uses.communication_tool" content="Slack" link="https://slack.com/intl/fr-fr/"/>
+        <EnvListItem title="uses.communication_tool" content="Discord" link="https://www.discord.com/"/>
+        <EnvListItem title="uses.communication_tool" content="Mattermost" link="https://mattermost.com/"/>
       </EnvList>
     </EnvGroup>
     <EnvGroup>
-      <EnvTitle title="about.env.hosting">
+      <EnvTitle title="uses.title.hosting">
         <svg class="inline icon"  height="32" width="32" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
         </svg>
       </EnvTitle>
       <EnvList>
-        <EnvListItem title="about.hosting.ndd" content="OVH" link="https://ovh.com/"/>
-        <EnvListItem title="about.hosting.cloud" content="Digital Ocean" link="https://www.digitalocean.com/"/>
+        <EnvListItem title="uses.hosting.ndd" content="OVH" link="https://ovh.com/"/>
+        <EnvListItem title="uses.hosting.cloud" content="Digital Ocean" link="https://www.digitalocean.com/"/>
       </EnvList>
     </EnvGroup>
     <EnvGroup>
-      <EnvTitle title="about.env.setup">
+      <EnvTitle title="uses.title.setup">
         <svg class="inline icon" height="25" width="25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
         </svg>
       </EnvTitle>
       <EnvList>
-        <EnvListItem title="about.setup.desk" content="Ikea"/>
-        <EnvListItem title="about.setup.phone" content="Apple Iphone Xr" link="https://www.apple.com/fr/shop/buy-iphone/iphone-xr"/>
-        <EnvListItem title="about.setup.computer" content="Lenovo Y520 (i5, 8Go Ram, 1To HDD, 250Go SSD)"/>
-        <EnvListItem title="about.setup.screen" content="Iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
-        <EnvListItem title="about.setup.keyboard" content="Acer"/>
-        <EnvListItem title="about.setup.mouse" content="Roccat Kova" link="https://fr.roccat.org/Mice/Kova-AIMO"/>
-        <EnvListItem title="about.setup.headphone" content="Apple Airpods" link="https://www.apple.com/fr/airpods/"/>
-        <EnvListItem title="about.setup.microphone" content="Turtle Beach px22" link="https://www.amazon.fr/Turtle-Beach-PX22-casque-gaming/dp/B00BDS415I"/>
+        <EnvListItem title="uses.setup.desk" content="Ikea"/>
+        <EnvListItem title="uses.setup.phone" content="Apple Iphone Xr" link="https://www.apple.com/fr/shop/buy-iphone/iphone-xr"/>
+        <EnvListItem title="uses.setup.computer" content="Lenovo Y520 (i5, 8Go Ram, 1To HDD, 250Go SSD)"/>
+        <EnvListItem title="uses.setup.screen" content="Iiyama ProLite E2283HS" link="https://iiyama.com/fr/fr/produits/prolite-e2283hs-b3/"/>
+        <EnvListItem title="uses.setup.keyboard" content="Acer"/>
+        <EnvListItem title="uses.setup.mouse" content="Roccat Kova" link="https://fr.roccat.org/Mice/Kova-AIMO"/>
+        <EnvListItem title="uses.setup.headphone" content="Apple Airpods" link="https://www.apple.com/fr/airpods/"/>
+        <EnvListItem title="uses.setup.microphone" content="Turtle Beach px22" link="https://www.amazon.fr/Turtle-Beach-PX22-casque-gaming/dp/B00BDS415I"/>
       </EnvList>
     </EnvGroup>
   </main>
@@ -85,7 +85,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-
-</style>