Working

2026-01-14 12:14:42 +01:00 · 2021-07-03 17:27:35 +02:00
parent d3ea063e77
commit 2ac84ab39c
18 changed files with 264 additions and 77 deletions
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
    "@nuxtjs/sentry": "^5.1.0",
    "@nuxtjs/sitemap": "^2.4.0",
    "@nuxtjs/universal-storage": "^0.5.9",
+    "axios": "^0.21.1",
    "core-js": "^3.14.0",
    "nuxt": "^2.15.7",
    "nuxt-i18n": "^6.27.1",
--- a/src/components/ContactForm.vue
+++ b/src/components/ContactForm.vue
@@ -1,9 +1,9 @@
 <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">
+  <section class="w-full flex justify-center flex-col">
+    <h2 class="mb-10 font-bold text-gray-700 text-2xl md:text-3xl my-4 dark:text-gray-400">
      {{ $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">
+    <form class="w-full">
      <div class="w-full lg:flex justify-center mb-8 lg:mb-12">
        <div class="form-div lg:w-1/2 mb-8 lg:mb-0 lg:mr-4">
          <input
--- a/src/components/GuestbookMessage.vue
+++ b/src/components/GuestbookMessage.vue
@@ -0,0 +1,31 @@
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script lang="ts">
+import {defineComponent} from "@nuxtjs/composition-api";
+
+export default defineComponent({
+  name: "GuestbookMessage",
+  props: {
+    message: {
+      type: String,
+      default: 'Guestbook Message'
+    },
+    author: {
+      type: String,
+      default: "Guestbook Author"
+    },
+    date: {
+      type: String,
+      default: "Guestbook Date"
+    }
+  }
+})
+</script>
+
+<style scoped>
+
+</style>
--- a/src/components/PresentationAbout.vue
+++ b/src/components/PresentationAbout.vue
@@ -3,7 +3,7 @@
    <div class="lg:mr-12">
      <img class="logo-img rounded-full my-5" src="~/assets/images/memojies/Hey.png" alt="It's me !" />
    </div>
-    <div class="ml-2 text-lg leading-6 xl:w-2/3 text-justify dark:text-gray-400 text-gray-700">
+    <div class="ml-2 text-lg leading-6 text-justify dark:text-gray-400 text-gray-700">
      <p>{{ $t('about.banner.hello') }} <span class="text-indigo-600 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
      <p>{{ $t('about.banner.1')}}</p> <br/>
      <p>{{ $t('about.banner.2') }}</p> <br/>
--- a/src/components/icons/CubeIcon.vue
+++ b/src/components/icons/CubeIcon.vue
@@ -5,7 +5,8 @@
      stroke="currentColor"
      stroke-width="2"
      stroke-linecap="round"
-      stroke-linejoin="round">
+      stroke-linejoin="round"
+    >
      <path d="M6 17.6l-2-1.1V14"/>
      <path d="M4 10V7.5l2-1.1"/>
      <path d="M10 4.1L12 3l2 1.1"/>
--- a/src/components/icons/FireIcon.vue
+++ b/src/components/icons/FireIcon.vue
@@ -13,8 +13,8 @@
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
-        stroke-linejoin="round">
-      </path>
+        stroke-linejoin="round"
+      />
    </g>
  </svg>
 </template>
--- a/src/components/icons/GoogleIcon.vue
+++ b/src/components/icons/GoogleIcon.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg class="inline" width="1.5em" height="1.5em" viewBox="0 0 24 24" focusable="false">
+    <path
+      d="M21.35 11.1h-9.17v2.73h6.51c-.33 3.81-3.5 5.44-6.5 5.44C8.36 19.27 5 16.25 5 12c0-4.1 3.2-7.27 7.2-7.27c3.09 0 4.9 1.97 4.9 1.97L19 4.72S16.56 2 12.1 2C6.42 2 2.03 6.8 2.03 12c0 5.05 4.13 10 10.22 10c5.35 0 9.25-3.67 9.25-9.09c0-1.15-.15-1.81-.15-1.81z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: "GoogleIcon"
+}
+</script>
--- a/src/components/icons/NuxtIcon.vue
+++ b/src/components/icons/NuxtIcon.vue
@@ -10,7 +10,8 @@
    />
    <path
      d="M25.233 25.7l.026-.052l.07-.139a1.278 1.278 0 0 0 .061-.7a2.11 2.11 0 0 0-.27-.724l-6.286-10.9l-.95-1.656h-.017l-.959 1.648l-6.277 10.9a2.18 2.18 0 0 0-.244.715a1.438 1.438 0 0 0 .148.942a1.563 1.563 0 0 0 1.482.7h11.708a1.79 1.79 0 0 0 1.508-.741zm-7.367-10.864L23.62 24.8H12.112z"
-      fill="#2f495e"/>
+      fill="#2f495e"
+    />
  </svg>
 </template>

--- a/src/components/icons/PresentationIcon.vue
+++ b/src/components/icons/PresentationIcon.vue
@@ -1,5 +1,5 @@
 <template>
-  <svg class="inline" width="1em" height="1 em" viewBox="0 0 24 24" focusable="false">
+  <svg class="inline" width="1em" height="1em" viewBox="0 0 24 24" focusable="false">
    <g
      fill="none"
      stroke="currentColor"
--- a/src/locales/en-EN.ts
+++ b/src/locales/en-EN.ts
@@ -5,21 +5,23 @@ export default {
    contact: 'Contact',
    projects: 'Projects',
    env: 'Tools',
+    guestbook: 'Guestbook'
  },

  part: {
    about: 'About me',
    blog: 'My blog',
-    work: 'My work',
+    projects: 'My projects',
    contact: 'Contact me',
-    env: 'My environment'
+    env: 'My environment',
+    guestbook: 'My guestbook'
  },

  footer: {
    find_me: 'Find me on :',
    separator: 'et by',
-    links_click: '(Clic it\'s free 🔗)',
-    credits: 'Developed and designed with ❤ using',
+    links_click: "(Clic it's free 🔗)",
+    credits: 'Developed and designed with ❤️ using',
    credits_separator: 'by',
    credits_separator_and: 'and',
    copyrights: '© Copyright {date} - All rights reserved'
@@ -76,11 +78,6 @@ export default {
    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',
-      current: 'List of articles with the tag \'{tag}\':'
-    },
    pagination: {
      prev: 'Previous',
      next: 'Next'
@@ -183,7 +180,7 @@ export default {
    },
    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 ✌️'
+      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? 🚩',
--- a/src/locales/fr-FR.ts
+++ b/src/locales/fr-FR.ts
@@ -4,7 +4,8 @@ export default {
    blog: 'Blog',
    contact: 'Contact',
    projects: 'Projets',
-    env: 'Outils'
+    env: 'Outils',
+    guestbook: "Livre d'or"
  },

  part: {
@@ -12,14 +13,15 @@ export default {
    contact: 'Me contacter',
    projects: 'Mes projets',
    blog: 'Mon blog',
-    env: 'Mon environnement'
+    env: 'Mon environnement',
+    guestbook: "Mon livre d'or"
  },

  footer: {
    find_me: 'Retrouvez moi sur :',
    separator: 'et par',
-    links_click: '(Clique c\'est gratuit 🔗)',
-    credits: 'Développé et conçu avec ❤ en utilisant',
+    links_click: "(Clique c'est gratuit 🔗)",
+    credits: 'Développé et conçu avec ❤️ en utilisant',
    credits_separator: 'par',
    credits_separator_and: 'et',
    copyrights: '© Copyright {date} - Tous droits réservés'
@@ -27,7 +29,7 @@ export default {

  error: {
    back: 'Revenir en arriere',
-    no_page: 'La page demandée n\'existe pas',
+    no_page: "La page demandée n'existe pas",
    internal: 'Erreur interne',
    error: 'Erreur'
  },
@@ -36,7 +38,7 @@ export default {
    about: {
      title: 'Qui suis-je ?',
      about: 'Découvrir 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 ✨',
+      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 ✨",
    },
    banner: {
      role: 'Développeur Web et Logiciel',
@@ -69,13 +71,13 @@ export default {
    latest: 'Derniers articles',
    read: {
      back: 'Retour en arrière',
-      thanks: 'Merci d\'avoir lu jusqu\'au bout !',
+      thanks: "Merci d'avoir lu jusqu'au bout !",
      time: 'Lecture'
    },
    description: 'Je rédige des articles concernant ma vie, le développement 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 😉',
-    see_more: 'Voir plus d\'articles',
+    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 😉",
+    see_more: "Voir plus d'articles",
    pagination: {
      prev: 'Précédent',
      next: 'Suivant'
@@ -85,9 +87,9 @@ export default {
  about: {
    banner: {
      hello: 'Bonjour, je suis',
-      1: 'Je suis un jeune développeur créatif qui aime bricoler et toucher à tout ! Je m\'intéresse beaucoup aux nouvelles technologies, au développement et à l\'informatique.',
-      2: 'J\'adore partager mes connaissances et aider les autres à travers des lives sur Twitchs, des articles techniques sur mon blog, des projets open-sources ou encore en relisant du code de la communauté. Tant que je partage mes passions, je continuerai à faire ça.',
-      3: 'Je suis capable d\'apprendre rapidement des nouvelles technologies pour répondre aux besoins des différents projets. J\'identifie souvent le besoin de nouveaux systèmes ou outils pour améliorer l\'efficacité du flux de travail. Je suis toujours motivé par un défi et j\'aime être bien organisé pour produire des résultats cohérents.',
+      1: "Je suis un jeune développeur créatif qui aime bricoler et toucher à tout ! Je m'intéresse beaucoup aux nouvelles technologies, au développement et à l'informatique.",
+      2: "J'adore partager mes connaissances et aider les autres à travers des lives sur Twitchs, des articles techniques sur mon blog, des projets open-sources ou encore en relisant du code de la communauté. Tant que je partage mes passions, je continuerai à faire ça.",
+      3: "Je suis capable d'apprendre rapidement des nouvelles technologies pour répondre aux besoins des différents projets. J\'identifie souvent le besoin de nouveaux systèmes ou outils pour améliorer l'efficacité du flux de travail. Je suis toujours motivé par un défi et j'aime être bien organisé pour produire des résultats cohérents.",
    },
    title: {
      skills: 'Compétences',
@@ -118,7 +120,7 @@ export default {

  env: {
    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.',
+      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',
      hosting: 'Hébergement',
@@ -131,7 +133,7 @@ export default {
      db: 'Editeur Bases de données',
      all: 'All-In-One'
    },
-    police: 'Police d\'Ecriture',
+    police: "Police d'Ecriture",
    console: 'Console',
    wsl_2: 'WSL 2',
    calendar: 'Calendrier',
@@ -142,7 +144,7 @@ export default {
    web_client: 'Navigateur Web',
    design_tool: 'Création / Graphisme',
    communication_tool: 'Outil de Communication',
-    organisation_tool: 'Outil d\'Organisation',
+    organisation_tool: "Outil d'Organisation",
    hosting: {
      cloud: 'Hébergeur Cloud',
      ndd: 'Nom de domaine'
@@ -157,7 +159,7 @@ 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 ma vie de développeur !',
+    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'
  },
@@ -178,7 +180,7 @@ export default {
    },
    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 discuter ✌️'
+      description: "N'hésitez pas à me contacter si vous avez des questions, pensez que nous pourrions travailler ensemble ou si vous souhaitez simplement discuter ✌️"
    },
    available: {
      title: 'Suis-je disponible ? 🚩',
@@ -188,8 +190,16 @@ export default {
    }
  },

+  guestbook: {
+    description: "Laissez un commentaire ci-dessous. Cela peut être tout et n'importe quoi - une appréciation, un message, une blague, etc...",
+    signin: "Signer le livre d'or",
+    share: 'Partagez un message aux futurs visiteurs de  ce site.',
+    login: 'Connexion',
+    infos: 'Vos informations ne sont utilisées uniquement pour afficher votre nom et votre email.'
+  },
+
  date: {
-    today: 'Aujourd\'hui'
+    today: "Aujourd'hui"
  },

  copied: 'Copié',
@@ -253,6 +263,6 @@ export default {
    artapi: 'ArtApi est mon API personnelle connectée à mes diverses instances.',
    artsite: 'ArtSite est mon site personnel créant un point de contact unique.',
    erisium: 'Erisium est un serveur minecraft francophone de mini-jeux.',
-    linkyjs: 'LinkyJS est mon raccourcisseur d\'url personnalisé et Open-Source'
+    linkyjs: "LinkyJS est mon raccourcisseur d'url personnalisé et Open-Source."
  }
 }
--- a/src/pages/about.vue
+++ b/src/pages/about.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="about flex flex-col items-center mb-8 px-5 xl:px-48">
+  <main class="flex flex-col items-center mb-8 px-5 xl:px-64">
    <PageTitle title="part.about"/>
    <PresentationAbout />
    <SkillsAbout />
--- a/src/pages/blog/index.vue
+++ b/src/pages/blog/index.vue
@@ -31,7 +31,7 @@

 <script lang="ts">
 import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
-import {Post} from "../../../types/types";
+import {Post} from "~/types/types";

 export default defineComponent({
  name: "blog",
--- a/src/pages/contact.vue
+++ b/src/pages/contact.vue
@@ -1,7 +1,7 @@
 <template>
-  <main class="contact flex flex-col items-center px-5 xl:px-48">
-    <PageTitle title="part.contact" />
-    <section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
+  <main class="contact flex flex-col px-5 xl:px-64">
+    <PageTitle class="self-center" title="part.contact" />
+    <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
        {{ $t('contact.why.title') }}
      </h1>
@@ -9,7 +9,7 @@
        {{ $t('contact.why.description') }}
      </h3>
    </section>
-    <section class="w-full lg:w-3/4 mb-10 mt-4 text-center">
+    <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
        {{ $t('contact.available.title') }}
      </h1>
@@ -22,13 +22,13 @@
        {{ $t('contact.available.end') }}
      </div>
    </section>
-    <ContactForm />
+    <ContactForm class="w-full"/>
  </main>
 </template>

 <script lang="ts">
 import {computed, useAsync, useContext} from "@nuxtjs/composition-api";
-import {InfoData} from "../../types/types";
+import {InfoData} from "~/types/types";

 export default {
  name: "contact",
--- a/src/pages/env.vue
+++ b/src/pages/env.vue
@@ -1,7 +1,7 @@
 <template>
-  <main class="flex flex-col items-center px-5 xl:px-48">
+  <main class="flex flex-col items-center px-5 xl:px-64">
    <PageTitle title="part.env" />
-    <p class="text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('env.title.description') }}</p>
+    <p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('env.title.description') }}</p>
    <EnvGroup>
      <EnvTitle title="env.title.ide">
        <DevelopmentIcon />
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -0,0 +1,85 @@
+<template>
+  <main v-if="guestbook_messages" class="flex flex-col mb-8 px-5 xl:px-64">
+    <PageTitle class="self-center" title="part.guestbook"/>
+    <section @click="log" class="flex flex-col 2xl:flex-row items-center py-8">
+      <div class="ml-2 text-lg leading-6 text-justify dark:text-gray-400 text-gray-700">
+        <p>{{ $t('guestbook.description') }}</p>
+      </div>
+    </section>
+    <section class="md:w-2/3 p-6 border border-indigo-300 dark:border-indigo-700 rounded-lg text-justify">
+      <h1 class="text-black font-bold dark:text-white text-2xl">{{ $t('guestbook.signin') }}</h1>
+      <h3 class="text-gray-500 dark:text-gray-400">{{ $t('guestbook.share') }}</h3>
+      <div class="flex space-x-4 my-3">
+        <div class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
+          <GoogleIcon />
+        </div>
+        <div class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
+          <GithubIcon />
+        </div>
+        <div class="icon-parent flex justify-center items-center p-2 border border-black dark:border-white duration-300 cursor-pointer">
+          <TwitterIcon />
+        </div>
+      </div>
+      <p class="text-sm text-gray-700 dark:text-gray-300">{{ $t('guestbook.infos') }}</p>
+    </section>
+    <section class="flex flex-col 2xl:flex-row justify-center items-center py-8">
+      FETCH messages
+      {{ guestbook_messages }}
+    </section>
+  </main>
+</template>
+
+<script lang="ts">
+import {defineComponent, ref, useAsync, useContext} from "@nuxtjs/composition-api";
+
+interface GuestbookMessage {
+  message: string,
+  author: string,
+  date: string
+}
+
+export default defineComponent({
+  name: "guestbook",
+  head() {
+    return {
+      title: `${this.$i18n.t('header.guestbook')} - Arthur Danjou`
+    }
+  },
+  setup() {
+    const { $axios } = useContext()
+    const guestbook_messages = ref([])
+
+    useAsync(async () => {
+      await $axios.get('guestbook', {
+        headers: {
+          'Authorization': `Bearer ${process.env.API_TOKEN}`
+        }
+      })
+        .then(response => {
+          guestbook_messages.value = response.data.guestbook_messages
+        })
+        .catch(error => {
+          console.log("error", error)
+        })
+    })
+
+    const log = () => {
+      console.log(guestbook_messages)
+    }
+
+    return {
+      guestbook_messages,
+      log
+    }
+  }
+})
+</script>
+
+<style scoped lang="scss">
+.icon-parent svg {
+  @apply duration-300;
+}
+.icon-parent:hover svg {
+  @apply transform scale-110;
+}
+</style>
--- a/src/pages/projects.vue
+++ b/src/pages/projects.vue
@@ -22,16 +22,18 @@
 </template>

 <script lang="ts">
-import {useAsync, useContext, useMeta} from "@nuxtjs/composition-api";
-import {Project} from "../../types/types";
+import {defineComponent, useAsync, useContext} from "@nuxtjs/composition-api";
+import {Project} from "~/types/types";

-export default {
+export default defineComponent({
  name: "index",
-  head: {
-    title: `Projects - Arthur Danjou`
+  head() {
+    return {
+      title: `${this.$i18n.t('header.projects')} - Arthur Danjou`
+    }
  },
  setup() {
-    const { $content, i18n, $sentry } = useContext()
+    const { $content, $sentry } = useContext()

    const projects = useAsync(() => {
      return $content('projects')
@@ -41,13 +43,9 @@ export default {
        })
    })

-    useMeta( {
-      title: `${i18n.t('header.projects')} - Arthur Danjou`
-    })
-
    return {
      projects
    }
  }
-}
+})
 </script>
--- a/tsconfig.tsbuildinfo
+++ b/tsconfig.tsbuildinfo
@@ -1211,6 +1211,11 @@
        "signature": "41cc49f3866e41e4e637e810987c6752d9da3d4440c4283e49712dd679ebb98a",
        "affectsGlobalScope": false
      },
+      "./src/components/GuestbookMessage.vue.ts": {
+        "version": "b35fdb94788a7f64722e7af3e2ed0cb9c4ca468dc9470d47296cc9cf1a3311fa",
+        "signature": "ea60b98eabe957956fc074785c9d219366ad842c3e3ee9dc5df6a53f986f7cf0",
+        "affectsGlobalScope": false
+      },
      "./src/components/Header.vue.ts": {
        "version": "8b8769f0f7451c1bbc0a68b002ba4d5bcb0fdae9a52397873fb15d79538697d8",
        "signature": "b385c042434c74d6a23ddb6ebb14629c6459cac5de66ea5fdce9a4f3b542edc0",
@@ -1233,7 +1238,7 @@
      },
      "./src/components/Post.vue.ts": {
        "version": "dca179bcc5670514fc5c6082386bcbc63d7aebb6ec39ba6b3ec085e8f9a12348",
-        "signature": "466c0490a033e7f198278397824c291bff73abb1ab2130f6423addbb7c911485",
+        "signature": "5d8ad8830b37830e2c821c2b7a97733575bc2b99a057ce6adf7e93873be7e04a",
        "affectsGlobalScope": false
      },
      "./src/components/PostsHome.vue.ts": {
@@ -1332,7 +1337,7 @@
        "affectsGlobalScope": false
      },
      "./src/components/icons/CubeIcon.vue.js": {
-        "version": "0a2291bb3c5a1e6b8edc830fb31fbab95c5e3daa6dd0cf539ad4fecb94cb002d",
+        "version": "3a1b5666d206bb50abf856bc6edadf448982dfa8491b195a3d1f9f58f5de4e37",
        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
        "affectsGlobalScope": false
      },
@@ -1361,6 +1366,11 @@
        "signature": "a2f055dfdc3a78e2aceee5f28ed62872a3be229ce9ee4bf0e5f500e997fcb9c4",
        "affectsGlobalScope": false
      },
+      "./src/components/icons/GoogleIcon.vue.js": {
+        "version": "3bfaee4bc5f4db59f5c509316a7861cb2f9177b5738f015d07ed30b3e3d7fa07",
+        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
+        "affectsGlobalScope": false
+      },
      "./src/components/icons/HeartIcon.vue.ts": {
        "version": "a710c7ad19eedd7734c40cc08913756424edfd64589598c514a17f650c83cce4",
        "signature": "46cd62d67b2e0d5ccf33a860c6b4227a1e3b2886a35306ff5d04c812e5878779",
@@ -1407,7 +1417,7 @@
        "affectsGlobalScope": false
      },
      "./src/components/icons/NuxtIcon.vue.js": {
-        "version": "16275cef10a348c2f028bd66a3e849fc2ca4ec1891644363047104cf2e81b687",
+        "version": "08c6be4fd339468ac0e56106f44d7f826f24d8e939dbe8640be8323dad6bddb5",
        "signature": "5fc7fac59487f95c172b48cae722157286049a7af2ec9a47fdb6b9ddf9dea13d",
        "affectsGlobalScope": false
      },
@@ -1472,13 +1482,13 @@
        "affectsGlobalScope": false
      },
      "./src/locales/en-EN.ts": {
-        "version": "00175983df66cf1db25f99cceb23cd4be11bf83c4a365f2e95eb115b54a831b6",
-        "signature": "014b0d38ca1fce483425a598b43ea596205ce489455b019c866de3f047caf5fd",
+        "version": "198cdc2a2d0b8382052d8cccbdecfdf030f8b2b23294be472b29a5f565dccd50",
+        "signature": "74445e9c1bde1a2802259af3293b5a159a1aa1e5d94f0b570168578e9ad1a3ef",
        "affectsGlobalScope": false
      },
      "./src/locales/fr-FR.ts": {
-        "version": "f259373370474e0abbde2ae92b11356d789efc488dd0c69a25a8b15bb160d386",
-        "signature": "d683cbf2b138f51f03066459d9f2eaff9d411070400f4f4aa05ab1854c4485e2",
+        "version": "1b55bcef44b00fb15ad7653f80727dce16328e3b45ba9f2afbd2a69d72fd8b0b",
+        "signature": "628dd954064d33d42350affba8c1616aee7d43c88f79b6aa4ce98a797e34558f",
        "affectsGlobalScope": false
      },
      "./src/pages/about.vue.js": {
@@ -1487,8 +1497,8 @@
        "affectsGlobalScope": false
      },
      "./src/pages/contact.vue.ts": {
-        "version": "fb534e119fa53254e57226b147fe2ddda80afd7fa414d0b5e7f6176e7d586df6",
-        "signature": "caaa31ae3bd3dfdf5251b928034688a640d4c61a1aee4242fa59fcfc5c4312ec",
+        "version": "f8143168ba831b37c8cdcb0fff0faef312be7e21cb1fd2fc2a02697eae55d254",
+        "signature": "fb9776504148be70605ec2bff4085976fe38581d877e98aa81aecbd14e311d72",
        "affectsGlobalScope": false
      },
      "./src/pages/env.vue.js": {
@@ -1496,14 +1506,19 @@
        "signature": "58ef7eac2be6e374879739b74110c4f11787cec4debeffe3dc818a65b00cba6f",
        "affectsGlobalScope": false
      },
+      "./src/pages/guestbook.vue.ts": {
+        "version": "19675f064728c2814c259a3f4f726d2b19d58bb4b7a850196a3b8a77f80adbd5",
+        "signature": "5813f05febeb5796bf1729625b5a514348b0b10076b89c2f52cb3322b26438d7",
+        "affectsGlobalScope": false
+      },
      "./src/pages/index.vue.ts": {
        "version": "ac2718401288dca55731ded863bbcb727c8716871a2d4b8cfb4cd1af30989d04",
        "signature": "839de817db51952a2a9db64b310d2272d38af4df72a0bfa1bb5155167c4f478b",
        "affectsGlobalScope": false
      },
      "./src/pages/projects.vue.ts": {
-        "version": "2c50571c4018ce49b62ac1706f0510afea9f2101633dee5ad8351630be0780ff",
-        "signature": "fe37244b441959c7d236be415bbb4519b3b681c2d77550a398bbfb3fab53f5a3",
+        "version": "4631cd0ddb2ded8d07af291a70a314dcc2dd7ccbfd01855bc4e71573bc3e4f20",
+        "signature": "d4fb6b4d30d9e8b94c986fdebf22e8505cb9f26ac32ef911a455e3c46e2af178",
        "affectsGlobalScope": false
      },
      "./src/pages/blog/_slug.vue.ts": {
@@ -1512,8 +1527,8 @@
        "affectsGlobalScope": false
      },
      "./src/pages/blog/index.vue.ts": {
-        "version": "10dfb85d8089dd71251226496e5eae2cf2f6d5b6a830fd823328d1f43399e4fc",
-        "signature": "c520249b635aae9eb969534bc0a03d35fcc6929c47112835a8b6ecf0c87c3bf0",
+        "version": "a1d6655edf29e3c81d207393186980467ba52b8ae6fd02cb856ad85eae2aec00",
+        "signature": "0f3bc884abced4ab69e47844cd1da2d1b87022eb69ab3ea0b9e3bb5a867fd720",
        "affectsGlobalScope": false
      },
      "./src/plugins/i18n.ts": {
@@ -5023,6 +5038,11 @@
        "./node_modules/@types/node/timers/promises.d.ts",
        "./types/types.ts"
      ],
+      "./src/components/GuestbookMessage.vue.ts": [
+        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
+        "./node_modules/@types/node/timers.d.ts",
+        "./node_modules/@types/node/timers/promises.d.ts"
+      ],
      "./src/components/Header.vue.ts": [
        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
        "./node_modules/@types/node/timers.d.ts",
@@ -5156,6 +5176,10 @@
        "./node_modules/@types/node/timers.d.ts",
        "./node_modules/@types/node/timers/promises.d.ts"
      ],
+      "./src/components/icons/GoogleIcon.vue.js": [
+        "./node_modules/@types/node/timers.d.ts",
+        "./node_modules/@types/node/timers/promises.d.ts"
+      ],
      "./src/components/icons/HeartIcon.vue.ts": [
        "./node_modules/@types/node/timers.d.ts",
        "./node_modules/@types/node/timers/promises.d.ts"
@@ -5282,6 +5306,11 @@
        "./node_modules/@types/node/timers.d.ts",
        "./node_modules/@types/node/timers/promises.d.ts"
      ],
+      "./src/pages/guestbook.vue.ts": [
+        "./node_modules/@nuxtjs/composition-api/dist/index.d.ts",
+        "./node_modules/@types/node/timers.d.ts",
+        "./node_modules/@types/node/timers/promises.d.ts"
+      ],
      "./src/pages/index.vue.ts": [
        "./node_modules/@types/node/timers.d.ts",
        "./node_modules/@types/node/timers/promises.d.ts",
@@ -7900,6 +7929,10 @@
        "./node_modules/vue/types/index.d.ts",
        "./types/types.ts"
      ],
+      "./src/components/GuestbookMessage.vue.ts": [
+        "./node_modules/@vue/composition-api/dist/index.d.ts",
+        "./node_modules/vue/types/index.d.ts"
+      ],
      "./src/components/Header.vue.ts": [
        "./node_modules/@vue/composition-api/dist/index.d.ts",
        "./node_modules/vue/types/index.d.ts"
@@ -7977,6 +8010,10 @@
        "./node_modules/@vue/composition-api/dist/index.d.ts",
        "./types/types.ts"
      ],
+      "./src/pages/guestbook.vue.ts": [
+        "./node_modules/@vue/composition-api/dist/index.d.ts",
+        "./node_modules/vue/types/index.d.ts"
+      ],
      "./src/pages/index.vue.ts": [
        "./node_modules/vue/types/index.d.ts",
        "./node_modules/vue/types/vue.d.ts"
@@ -7984,6 +8021,7 @@
      "./src/pages/projects.vue.ts": [
        "./node_modules/@nuxt/content/types/content.d.ts",
        "./node_modules/@vue/composition-api/dist/index.d.ts",
+        "./node_modules/vue/types/index.d.ts",
        "./types/types.ts"
      ],
      "./src/plugins/i18n.ts": [
@@ -8421,6 +8459,7 @@
      "./src/components/Footer.vue.ts",
      "./src/components/Formation.vue.ts",
      "./src/components/FormationsAbout.vue.ts",
+      "./src/components/GuestbookMessage.vue.ts",
      "./src/components/Header.vue.ts",
      "./src/components/InterestsAbout.vue.js",
      "./src/components/LanguagesAbout.vue.js",
@@ -8451,6 +8490,7 @@
      "./src/components/icons/ErrorIcon.vue.js",
      "./src/components/icons/FireIcon.vue.js",
      "./src/components/icons/GithubIcon.vue.ts",
+      "./src/components/icons/GoogleIcon.vue.js",
      "./src/components/icons/HeartIcon.vue.ts",
      "./src/components/icons/HomeIcon.vue.ts",
      "./src/components/icons/InfiniteIcon.vue.js",
@@ -8480,6 +8520,7 @@
      "./src/pages/blog/index.vue.ts",
      "./src/pages/contact.vue.ts",
      "./src/pages/env.vue.js",
+      "./src/pages/guestbook.vue.ts",
      "./src/pages/index.vue.ts",
      "./src/pages/projects.vue.ts",
      "./src/plugins/i18n.ts",
@@ -10106,6 +10147,10 @@
        "./src/components/FormationsAbout.vue.ts",
        1
      ],
+      [
+        "./src/components/GuestbookMessage.vue.ts",
+        1
+      ],
      [
        "./src/components/Header.vue.ts",
        1
@@ -10226,6 +10271,10 @@
        "./src/components/icons/GithubIcon.vue.ts",
        1
      ],
+      [
+        "./src/components/icons/GoogleIcon.vue.js",
+        1
+      ],
      [
        "./src/components/icons/HeartIcon.vue.ts",
        1
@@ -10342,6 +10391,10 @@
        "./src/pages/env.vue.js",
        1
      ],
+      [
+        "./src/pages/guestbook.vue.ts",
+        1
+      ],
      [
        "./src/pages/index.vue.ts",
        1
@@ -10362,10 +10415,6 @@
        "./src/store/index.ts",
        1
      ],
-      [
-        "./tsconfig.json",
-        1
-      ],
      [
        "./types/index.d.ts",
        1