From 002509399c7705a2d0408fe22e30c61eb014a57d Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 24 Apr 2024 17:39:18 -0400
Subject: [PATCH] Mise en page CreatorFolio- Changement de photo pour default
 layout et mise en page pour Footer

---
 src/layouts/DefaultLayout.vue   |  2 +-
 src/layouts/FooterLayout.vue    |  1 +
 src/views/main/CreatorFolio.vue | 33 +++++++++++++++++++--------------
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index 98e840c..c907ae9 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -43,7 +43,7 @@
           <v-col cols="11" class="d-flex align-center justify-center">
 
             <!-- Logo Top bar -->
-            <img src="/images/hutopymedia/hutopymediafiles/mobilemenulogo.png" class="mobile-header" alt="Logo">
+            <img src="/images/hutopymedia/banners/hutopy.png" class="mobile-header" alt="Logo">
           </v-col>
         </v-row>
       </v-app-bar>
diff --git a/src/layouts/FooterLayout.vue b/src/layouts/FooterLayout.vue
index 3eb7d8e..695136e 100644
--- a/src/layouts/FooterLayout.vue
+++ b/src/layouts/FooterLayout.vue
@@ -145,6 +145,7 @@ footer a:not(:last-child) {
 
   .hutopy-footer-picture {
     min-width: 200px;
+    margin-left: -5px;
   }
 
 }
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index d5a8deb..eb4c2a9 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -28,14 +28,14 @@
       <!-- Facebook -->
       <v-row no-gutters class="d-flex justify-space-between align-center" style="margin-left: 3%; margin-right: 3%;">
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-          <a href="https://www.facebook.com/profile.php?id=61556819217561">
+          <a href="https://www.facebook.com/GuillaumeMousseau222">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/facebookblack.png"
               alt="Facebook"></v-img>
           </a>
         </v-col>
         <!-- Instagram -->
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-          <a href="https://www.instagram.com/">
+          <a href="https://www.instagram.com/p/C2f-3UnNdfX//">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
               alt="Instagram"></v-img>
           </a>
@@ -46,15 +46,15 @@
             <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
           </v-row>
         </v-col>
-        <!-- X -->
+        <!-- X
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
           <a href="https://www.x.com/">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/xblack.png" alt="X"></v-img>
           </a>
-        </v-col>
+        </v-col> -->
         <!-- TikTok -->
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-          <a href="https://www.tiktok.com/">
+          <a href="https://www.tiktok.com/@guillaumeaime">
             <v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
               alt="TikTok"></v-img>
           </a>
@@ -80,9 +80,12 @@
           class="social-icon-group-mobile">
           <v-expansion-panels style="min-width: 320px;">
             <v-col cols="12" offset="-1">
-              <v-expansion-panel class="background-pink" style="color: white;" :key="i"
-                text="mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
-                title="À propos : Ma mission est claire :"></v-expansion-panel>
+              <v-expansion-panel class="background-pink text-justify" style="color: white;" :key="i"
+                text="Mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
+                title="À propos : Ma mission est claire :">
+
+
+              </v-expansion-panel>
             </v-col>
           </v-expansion-panels>
         </v-container>
@@ -241,19 +244,21 @@
                 <v-spacer></v-spacer>
                 <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
                   <v-row>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                    <a href="https://www.facebook.com/GuillaumeMousseau222">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
                         alt="Description image 2">
                     </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                    <a href="https://www.instagram.com/p/C2f-3UnNdfX/">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
                         alt="Description image 2">
                     </a>
+                    <!-- x
                     <a href="https://www.facebook.com/profile.php?id=61556819217561">
                       <img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
                         alt="Description image 2">
-                    </a>
-                    <a href="https://www.facebook.com/profile.php?id=61556819217561">
+                    </a> -->
+
+                    <a href="https://www.tiktok.com/@guillaumeaime">
                       <img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
                         alt="Description image 2">
                     </a>
@@ -268,8 +273,8 @@
                   style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
                   <v-expansion-panels style="min-width: 320px;">
                     <v-col cols="12" offset="-1">
-                      <v-expansion-panel class="background-pink" style="color: white;" :key="i"
-                        text="mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
+                      <v-expansion-panel class="background-pink text-justify" style="color: white;" :key="i"
+                        text="Mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
                         title="À propos : Ma mission est claire :">
                       </v-expansion-panel>
                     </v-col>