diff --git a/src/components/HomeView.vue b/src/components/HomeView.vue
index a6d9ae62891b42a691361beec59d3179bd00fcd4..02ad6addf14fe5ba0509f0eacc31a4856c19c502 100644
--- a/src/components/HomeView.vue
+++ b/src/components/HomeView.vue
@@ -1,9 +1,11 @@
 <template>
   <div class="column items-center full-width non-selectable">
     <div class="col-3" style="max-width: 450px; width: 75%">
-      <img :src="src"
+      <img :src="secretActif ? '/clement.franckelemon.etu/portfolio-2025/spa/images/secret.png' : src "
            style="border-radius: 50%; width: 100%; height: 100%; object-fit: cover;"
-           class="full-height full-width shadow-6">
+           class="full-height full-width shadow-6"
+           @dblclick="secretActif = !secretActif"
+      >
     </div>
     <div class="col-6 column items-center text-h2 text-bold text-secondary" :class="$q.screen.lt.md ? 'text-h4' : 'text-h2' ">
       <span class="arial text-uppercase">{{first}}</span>
@@ -14,6 +16,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
+
 defineProps({
   first: String,
   second: String,
@@ -23,6 +27,8 @@ defineProps({
     required: true
   }
 })
+
+const secretActif = ref(false)
 </script>
 
 <style scoped>