src/components/HomeView.vue

 <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 && isMain"
+      >
     </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,
@@ -21,8 +25,14 @@ defineProps({
   src: {
     type: String,
     required: true
+  },
+  isMain: {
+    type: Boolean,
+    default: false
   }
 })
+
+const secretActif = ref(false)
 </script>
 
 <style scoped>

src/pages/IndexPage.vue

@@ -6,6 +6,7 @@
       second="FRANCKELEMON"
       accent="Alternant en 3ème année de BUT Informatique chez Nextoo"
       src="/clement.franckelemon.etu/portfolio-2025/spa/images/profil.png"
+      :is-main="true"
       class="q-mb-xl" />
     <div id="presentation" class="col-12" />
     <PresentationView  class="q-mb-xl" />