diff --git a/index.html b/index.html
index 22316a0..518e373 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
   <head>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap"
+          rel="stylesheet">
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 6b40f4f..8f18bc4 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -6,10 +6,10 @@ import GithubLogo from './../assets/icons/github.svg';
 <template>
     <div class="flex flex-col justify-center items-center bg-grey-400 text-white pt-40 pb-8 px-12 sm:px-64">
       <div class="flex flex-row justify-center items-center gap-2 py-4">
-        <a href="https://github.com/WINK3R" target="_blank">
+        <a href="https://github.com/WINK3R" target="_blank" rel="noopener">
           <LinkedinLogo class="w-8 h-8 text-gray-500"/>
         </a>
-        <a href="https://www.linkedin.com/in/lucas-delanier/" target="_blank">
+        <a href="https://www.linkedin.com/in/lucas-delanier/" target="_blank" rel="noopener">
           <GithubLogo class="w-8 h-8 text-gray-500"/>
         </a>
       </div>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 07849b6..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">npm install -D tailwindcss postcss autoprefixer
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p class="bg-red-500">
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/src/components/HeroContainer.vue b/src/components/HeroContainer.vue
index 108872e..5ffe4e8 100644
--- a/src/components/HeroContainer.vue
+++ b/src/components/HeroContainer.vue
@@ -4,11 +4,20 @@ import RedirectLogo from './../assets/icons/redirect.svg';
 </script>
 <template>
     <div class="flex flex-col justify-center items-center">
-        <img src="/src/assets/images/picture.png" height="624" width="624" class="w-24 h-24 sm:w-40 sm:h-40" alt="Lucas Delanier">
+        <img src="/src/assets/images/picture.png" height="624" width="624" class="w-24 h-24 sm:w-40 sm:h-40"
+             alt="Lucas Delanier">
         <div class="flex flex-row items-center gap-1">
-          <p class="pt-2">Salut, je suis Lucas</p><p class="hover:scale-150 transition-all ease-in duration-300 hover:rotate-12">👋</p>
+          <p class="pt-2">
+            Salut, je suis Lucas
+          </p>
+          <p class="hover:scale-150 transition-all ease-in duration-300 hover:rotate-12">
+            👋
+          </p>
         </div>
-        <h2 class="text-center text-3xl sm:text-5xl font-medium bg-gradient-to-r from-grey-50 to-grey-100 bg-clip-text text-transparent leading-tight pt-5">Développeur &<br>designer d'application.</h2>
+        <h1 class="text-center text-3xl sm:text-5xl font-medium bg-gradient-to-r from-grey-50 to-grey-100 bg-clip-text
+         text-transparent leading-tight pt-5">
+          Développeur &<br>designer d'application.
+        </h1>
         <div class="flex scale-90 sm:scale-100 flex-row gap-3 pt-8 flex-wrap items-center justify-center">
           <LinkButton url="https://www.linkedin.com/in/lucas-delanier/">
             Linkedin
diff --git a/src/components/InfoBuble.vue b/src/components/InfoBuble.vue
index b8e0cd6..3da4d8f 100644
--- a/src/components/InfoBuble.vue
+++ b/src/components/InfoBuble.vue
@@ -3,7 +3,9 @@
 </script>
 
 <template>
-  <div class="flex justify-center bg-grey-400 items-center px-5 py-1 rounded-full border border-grey-300 text-xl text-gray-500 font-medium hover:scale-105 transition-all ease-in-out duration-1000 group-hover:text-white/70 group-hover:border-white/15">
+  <div class="flex justify-center bg-grey-400 items-center px-5 py-1 rounded-full border border-grey-300 text-xl
+  text-gray-500 font-medium hover:scale-105 transition-all ease-in-out duration-1000 group-hover:text-white/70
+  group-hover:border-white/15">
     <slot></slot>
   </div>
 
diff --git a/src/components/LinkButton.vue b/src/components/LinkButton.vue
index bcc59db..4aa666f 100644
--- a/src/components/LinkButton.vue
+++ b/src/components/LinkButton.vue
@@ -6,7 +6,9 @@ const props = defineProps({
 
 <template>
   <a :href="props.url" target="_blank">
-    <button class="px-10 bg-grey-900 border border-grey-300 flex flex-row justify-center items-center py-3 gap-2 text-grey-100 transition-all duration-300 ease-in-out hover:bg-grey-100/10 hover:text-white hover:shadow-xl hover:-translate-y-1 hover:scale-105">
+    <button class="px-10 bg-grey-900 border border-grey-300 flex flex-row justify-center items-center py-3 gap-2
+    text-grey-100 transition-all duration-300 ease-in-out hover:bg-grey-100/10 hover:text-white hover:shadow-xl
+    hover:-translate-y-1 hover:scale-105">
         <slot></slot>
     </button>
   </a>
diff --git a/src/components/PrimaryButton.vue b/src/components/PrimaryButton.vue
index 57fe9e6..7073a92 100644
--- a/src/components/PrimaryButton.vue
+++ b/src/components/PrimaryButton.vue
@@ -4,7 +4,8 @@ const props = defineProps({
 })
 </script>
 <template>
-    <div class="px-7 py-1.5 bg-blue rounded-full text-sm font-bold shadow-lg shadow-blue/20 transition-all ease-in-out delay-75 text-nowrap duration-150 hover:shadow-none hover:scale-105 cursor-pointer">
+    <div class="px-7 py-1.5 bg-blue rounded-full text-sm font-bold shadow-lg shadow-blue/20 transition-all ease-in-out
+    delay-75 text-nowrap duration-150 hover:shadow-none hover:scale-105 cursor-pointer">
         <p>{{ props.text }}</p>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/components/ProjectShow.vue b/src/components/ProjectShow.vue
index b6c1e91..f7b4085 100644
--- a/src/components/ProjectShow.vue
+++ b/src/components/ProjectShow.vue
@@ -28,8 +28,10 @@ watch(() => props.progress, (progress) => {
         <p class="text-2xl font-bold md:text-3xl xl:text-4xl text-white"> {{ props.application}}</p>
       </div>
     </div>
-    <div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4" :style="{ transform: `translateY(${translateYleft}px)`}">
-      <img :src="`images/${ props.image}`" class="w-full h-full object-contain p-20" :alt="`screenshot de ${props.application}`">
+    <div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4"
+         :style="{ transform: `translateY(${translateYleft}px)`}">
+      <img :src="`images/${ props.image}`" class="w-full h-full object-contain p-20"
+           :alt="`screenshot de ${props.application}`" width="100" height="100">
     </div>
   </div>
 </template>
\ No newline at end of file
diff --git a/src/components/ShowcaseBanner.vue b/src/components/ShowcaseBanner.vue
index 38f330e..a381f21 100644
--- a/src/components/ShowcaseBanner.vue
+++ b/src/components/ShowcaseBanner.vue
@@ -2,7 +2,8 @@
 </script>
 
 <template>
-  <div class="flex flex-row justify-around bg-grey-400 px-28 py-10 border-t border-b border-grey-300 min-h-56 items-center flex-wrap gap-5">
+  <div class="flex flex-row justify-around bg-grey-400 px-28 py-10 border-t border-b border-grey-300 min-h-56
+  items-center flex-wrap gap-5">
     <slot/>
   </div>
 </template>
\ No newline at end of file
diff --git a/src/components/SkillCell.vue b/src/components/SkillCell.vue
index 075da89..7967cef 100644
--- a/src/components/SkillCell.vue
+++ b/src/components/SkillCell.vue
@@ -6,10 +6,14 @@ const props = defineProps({
 </script>
 
 <template>
-  <div class="overflow-hidden xl:pt-28 md:pt-12 sm:pt-20 lg:pt-24 pt-12 bg-grey-400 border border-grey-300 p-6 rounded-sm h-72 hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-1 hover:border-white/15 hover:scale-101 min-w-64">
+  <div class="overflow-hidden xl:pt-28 md:pt-12 sm:pt-20 lg:pt-24 pt-12 bg-grey-400 border border-grey-300 p-6
+  rounded-sm h-72 hover:shadow-2xl transition-all duration-300 ease-out hover:-translate-y-1 hover:border-white/15
+  hover:scale-101 min-w-64">
     <div class="flex flex-row items-center justify-start pb-2 gap-2">
       <slot></slot>
-      <p class="text-2xl text-grey-250 transition-all ease-in duration-500 group-hover:brightness-200">{{ props.title }}</p>
+      <p class="text-2xl text-grey-250 transition-all ease-in duration-500 group-hover:brightness-200">
+        {{ props.title }}
+      </p>
     </div>
     <p class="text-grey-90 text-lg leading-5 overflow-hidden text-ellipsis">{{ props.text }}</p>
   </div>
