From 8fe653f1a67897474b7037ca480d4d8213b8288f Mon Sep 17 00:00:00 2001
From: ludelanier <lucas.delanier@etu.uca.fr>
Date: Mon, 13 May 2024 09:03:50 +0200
Subject: [PATCH] fix images

---
 src/App.vue                       | 6 +++---
 src/components/ExperienceCell.vue | 2 +-
 src/components/GridSkill.vue      | 2 +-
 src/components/HeroContainer.vue  | 2 +-
 src/components/ProjectShow.vue    | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7737735..3e212a9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -133,9 +133,9 @@ onUnmounted(() => {
 
 <template>
   <div class=" absolute pointer-events-none w-full h-full overflow-clip">
-    <img src="/src/assets/images/camera-effect.png" class="top-10 right-10 w-full h-full object-cover z-0 scale-110"
+    <img src="/images/camera-effect.png" class="top-10 right-10 w-full h-full object-cover z-0 scale-110"
          alt="" width="1512" height="1071">
-    <img src="/src/assets/images/filter.png" class="fixed bottom-0 right-0 w-full h-full object-cover z-50"
+    <img src="/images/filter.png" class="fixed bottom-0 right-0 w-full h-full object-cover z-50"
          alt="" width="1508" height="1376">
   </div>
   <HeaderContainer id="about"></HeaderContainer>
@@ -159,7 +159,7 @@ onUnmounted(() => {
     <GridSkill class="mx-8 sm:mx-28 py-28"/>
   </div>
   <ShowcaseBanner>
-      <img v-for="langage in langages" :src="`/src/assets/images/${ langage.image}`"
+      <img v-for="langage in langages" :src="`/images/${ langage.image}`"
            class="w-18 h-18 hover:-translate-y-1 transition-all duration-300 ease-in-out hover:rotate-12 origin-center"
            :alt="langage.name" width="64" height="64"/>
   </ShowcaseBanner>
diff --git a/src/components/ExperienceCell.vue b/src/components/ExperienceCell.vue
index c4f9dbf..f13f775 100644
--- a/src/components/ExperienceCell.vue
+++ b/src/components/ExperienceCell.vue
@@ -19,7 +19,7 @@ const props = defineProps({
       <InfoBuble>{{ props.year }}</InfoBuble>
       <InfoBuble>{{ props.duration }}</InfoBuble>
     </div>
-    <img :src="`/src/assets/images/${ props.image }`" class="object-contain mb-6"
+    <img :src="`/images/${ props.image }`" class="object-contain mb-6"
          :class=" props.important === true ? 'h-24' : 'h-10'" :alt="`logo de l'entreprise ${props.company}`">
     <p class="text-xl text-gray-500" v-html="props.description"/>
 
diff --git a/src/components/GridSkill.vue b/src/components/GridSkill.vue
index 3d246cf..1c479dc 100644
--- a/src/components/GridSkill.vue
+++ b/src/components/GridSkill.vue
@@ -46,7 +46,7 @@ const skills = [
 <template>
   <div class="grid gap-5 xl:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 grid-cols-1">
     <SkillCell v-for="(skill, index) in skills" :key="index" :title="skill.title" :text="skill.text" class="group">
-      <img :src="`/src/assets/images/${ skill.image}`" :height="60" :width="60"
+      <img :src="`/images/${ skill.image}`" :height="60" :width="60"
            class="h-7 w-7 group-hover:scale-110 transition-all ease-in duration-500 group-hover:brightness-200"
            :alt="skill.alt">
     </SkillCell>
diff --git a/src/components/HeroContainer.vue b/src/components/HeroContainer.vue
index ca83763..177fdd0 100644
--- a/src/components/HeroContainer.vue
+++ b/src/components/HeroContainer.vue
@@ -4,7 +4,7 @@ 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"
+        <img src="/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">
diff --git a/src/components/ProjectShow.vue b/src/components/ProjectShow.vue
index 7eb9e2a..8c2808f 100644
--- a/src/components/ProjectShow.vue
+++ b/src/components/ProjectShow.vue
@@ -29,7 +29,7 @@ watch(() => props.progress, (progress) => {
       </div>
     </div>
     <div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4 transform-container-2">
-      <img :src="`/src/assets/images/${ props.image}`" class="w-full h-full object-contain p-20"
+      <img :src="`/images/${ props.image}`" class="w-full h-full object-contain p-20"
            :alt="`screenshot de ${props.application}`">
     </div>
   </div>