From 6e3d467acb7f32255262f75b3491472b5c8fa8da Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 4 Jun 2024 23:51:36 -0400
Subject: [PATCH 1/7] Modification layout de la page Creator (dynamique)

---
 src/layouts/UserProfile.vue           |  44 +++
 src/router/index.js                   | 258 ++++++++-------
 src/views/main/CreatorFolio.vue       | 448 +++++++-------------------
 src/views/{ => main}/UsersBrowser.vue |   2 +-
 src/views/main/YourProfile.vue        |   7 +-
 5 files changed, 302 insertions(+), 457 deletions(-)
 create mode 100644 src/layouts/UserProfile.vue
 rename src/views/{ => main}/UsersBrowser.vue (99%)

diff --git a/src/layouts/UserProfile.vue b/src/layouts/UserProfile.vue
new file mode 100644
index 0000000..c7db7e1
--- /dev/null
+++ b/src/layouts/UserProfile.vue
@@ -0,0 +1,44 @@
+  <!-- Fiche test pour router -->
+<template>
+    <div v-if="user">
+        <h1>{{ user.name }}</h1>
+        <p>{{ user.bio }}</p>
+        <!-- Afficher plus de contenu utilisateur ici -->
+    </div>
+    <div v-else>
+        <p>Utilisateur non trouvé</p>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            user: null
+        };
+    },
+    created() {
+        this.fetchUser();
+    },
+    watch: {
+        '$route.params.username': 'fetchUser'
+    },
+    methods: {
+        fetchUser() {
+            const username = this.$route.params.username;
+            fetch(`https://api.hutopy.ca/users/${username}`)
+                .then(response => response.json())
+                .then(data => {
+                    if (data) {
+                        this.user = data;
+                    } else {
+                        this.user = null;
+                    }
+                })
+                .catch(() => {
+                    this.user = null;
+                });
+        }
+    }
+};
+</script>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index c11b7cc..a26d79e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -8,151 +8,147 @@ import HelpAndContact from '@/views/tos/HelpAndContact.vue'
 import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
 import Transactions from '@/views/tos/Transactions.vue'
 import { createRouter, createWebHistory } from 'vue-router'
+import UserProfile from '../layouts/UserProfile.vue'
 import LoginView from '../views/LoginView.vue'
 import PaymentCompleted from '../views/PayementCompleted.vue'
 import SignupView from '../views/SignupView.vue'
-import UserBrowser from '../views/UsersBrowser.vue'
 import ContactView from '../views/main/ContactView.vue'
 import CreatorFolio from '../views/main/CreatorFolio.vue'
 import HomeView from '../views/main/HomeView.vue'
+import UserBrowser from '../views/main/UsersBrowser.vue'
 import YourProfile from '../views/main/YourProfile.vue'
 import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
 import Hutopy from '../views/manualusers/HutopyProfile.vue'
 import Leffet from '../views/manualusers/LeffetProfile.vue'
 import MathieuCaron from '../views/manualusers/MathieuCaron.vue'
 
+const routes = [
+  {
+    path: '/',
+    name: 'main',
+    component: HomeView
+  },
+  {
+    path: '/creatorfolio',
+    name: 'creatorfolio',
+    component: CreatorFolio
+  },
+  {
+    path: '/paymentcompleted',
+    name: 'PayementCompleted',
+    component: PaymentCompleted
+  },
+  {
+    path: '/yourprofile',
+    name: 'yourprofile',
+    component: YourProfile
+  },
+  {
+    path: '/contact',
+    name: 'contact',
+    component: ContactView
+  },
+  {
+    path: '/signup',
+    name: 'signup',
+    component: SignupView
+  },
+  {
+    path: '/login',
+    name: 'login',
+    component: LoginView
+  },
+  {
+    path: '/home',
+    name: 'home',
+    component: HomeView
+  },
+  {
+    path: '/helpandcontact',
+    name: 'helpandcontact',
+    component: HelpAndContact
+  },
+  {
+    path: '/termsandconditions',
+    name: 'termsandconditions',
+    component: TermsAndConditions
+  },
+  {
+    path: '/contentpolicy',
+    name: 'contentpolicy',
+    component: ContentPolicy
+  },
+  {
+    path: '/faq',
+    name: 'FAQ',
+    component: FAQ
+  },
+  {
+    path: '/guideforcreators',
+    name: 'guideforcreators',
+    component: GuideForCreators
+  },
+  {
+    path: '/about',
+    name: 'about',
+    component: About
+  },
+  {
+    path: '/transactions',
+    name: 'transactions',
+    component: Transactions
+  },
+  {
+    path: '/Hutopy',
+    name: 'Hutopy',
+    component: Hutopy
+  },
+  {
+    path: '/Leffet',
+    name: 'Leffet',
+    component: Leffet
+  },
+  {
+    path: '/userbrowser',
+    name: 'userbrowser',
+    component: UserBrowser
+  },
+  {
+    path: '/chloebeaugrand',
+    name: 'chloebeaugrand',
+    component: ChloeBeaugrand
+  },
+  {
+    path: '/guillaumeaime',
+    name: 'guillaumeaime',
+    component: GuillaumeAime
+  },
+  {
+    path: '/mathieucaron',
+    name: 'mathieucaron',
+    component: MathieuCaron
+  },
+  {
+    path: '/arps',
+    name: 'arps',
+    component: ARPS
+  },
+  {
+    path: '/:username',
+    name: 'user-profile',
+    component: UserProfile
+  },
+
+  {
+    path: '/creatorFolio',
+    name: 'creatorFolio',
+    component: CreatorFolio
+  }
+]
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'main',
-      component: HomeView
-    },
-    {
-      path: '/creatorfolio',
-      name: 'creatorfolio',
-      component: CreatorFolio
-    },
-
-    {
-      path: '/paymentcompleted',
-      name: 'PayementCompleted',
-      component: PaymentCompleted
-    },
-    {
-      path: '/yourprofile',
-      name: 'yourprofile',
-      component: YourProfile
-    },
-    {
-      path: '/contact',
-      name: 'contact',
-      component: ContactView
-    },
-    {
-      path: '/signup',
-      name: 'signup',
-      component: SignupView
-    },
-    {
-      path: '/login',
-      name: 'login',
-      component: LoginView
-    },
-    {
-      path: '/home',
-      name: 'home',
-      component: HomeView
-    },
-    {
-      path: '/helpandcontact',
-      name: 'helpandcontact',
-      component: HelpAndContact
-    },
-    {
-      path: '/termsandconditions',
-      name: 'termsandconditions',
-      component: TermsAndConditions
-    },
-    {
-      path: '/contentpolicy',
-      name: 'contentpolicy',
-      component: ContentPolicy
-    },
-    {
-      path: '/faq',
-      name: 'FAQ',
-      component: FAQ
-    },
-    {
-      path: '/guideforcreators',
-      name: 'guideforcreators',
-      component: GuideForCreators
-    },
-
-    {
-      path: '/about',
-      name: 'about',
-      component: About
-    },
-
-    {
-      path: '/transactions',
-      name: 'transactions',
-      component: Transactions
-    },
-
-    {
-      path: '/Hutopy',
-      name: 'Hutopy',
-      component: Hutopy
-    },
-
-    {
-      path: '/Leffet',
-      name: 'Leffet',
-      component: Leffet
-    },
-
-    {
-      path: '/userbrowser',
-      name: 'userbrowser',
-      component: UserBrowser
-    },
-
-    {
-      path: '/chloebeaugrand',
-      name: 'chloebeaugrand',
-      component: ChloeBeaugrand
-    },
-
-    {
-      path: '/guillaumeaime',
-      name: 'guillaumeaime',
-      component: GuillaumeAime
-    },
-
-    {
-      path: '/mathieucaron',
-      name: 'mathieucaron',
-      component: MathieuCaron
-    },
-
-    {
-      path: '/arps',
-      name: 'arps',
-      component: ARPS
-    },
-
-    {
-      path: '/guillaumeaime',
-      name: 'guillaumeaime',
-      component: GuillaumeAime
-    },
-
-
-  ],
+  routes,
   scrollBehavior(to, from, savedPosition) {
     return { top: 0 };
   }
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index 16d145e..5a485ec 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -109,7 +109,7 @@
     <!-- "Core (Menu / Center / Donation)" -->
     <v-row>
       <!-- "Menu" -->
-      <v-col cols="2" md="3" lg="4" xl="4" xxl="4" class="hidden-sm-and-down menu-col" hidden-sm-and-down>
+      <v-col cols="2" md="3" lg="3" xl="3" xxl="2" class="hidden-sm-and-down menu-col" hidden-sm-and-down>
         <v-col style="margin: 0;">
           <v-row class="Hutopy-menu-sticky-mobile">
             <v-spacer></v-spacer>
@@ -129,90 +129,6 @@
                         </v-btn>
                       </router-link>
                     </v-list-item>
-
-                    <v-list-item>
-                      <v-dialog transition="dialog-top-transition" width="auto">
-                        <!-- <template v-slot:activator="{ props: activatorProps }">
-                           <v-btn v-bind="activatorProps" text class="d-flex align-start align-center main-background"
-                            elevation="0" outlined="false">
-                            <v-icon left class="mr-4">mdi-wallet</v-icon>
-                            <p @click="isActive.value = false">Bourse</p>
-                          </v-btn>
-                        </template>-->
-
-                        <!-- Wallet Modale -->
-                        <template v-slot:default="{ isActive }">
-                          <v-card style="border-radius: 30px;">
-                            <div class="text-center" style=" margin-top: 2%; margin-bottom: 2%;">
-                              <v-icon left size="48">mdi-wallet</v-icon>
-                              <v-toolbar title="PORTEFEUILLE"
-                                style="color: white; width: 750px; background-color: #a30e79; margin-bottom: -6%;"></v-toolbar>
-                            </div>
-                            <v-card-text class="text-h1 pa-12">
-                              <v-row>
-                                <v-col>
-                                  <v-row>
-                                    <v-col cols="7">
-                                      <h1 style="margin-bottom: 4%; font-size: 1.3rem;">Balance actuelle</h1>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.3rem;">Montant reçu</h1>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.3rem;">Dernier don</h1>
-                                    </v-col>
-                                    <v-col>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.3rem;">0$</h1>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.3rem;">0$</h1>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.3rem;">2024-10-04</h1>
-                                      <p></p>
-                                    </v-col>
-                                  </v-row>
-                                </v-col>
-                                <v-col>
-                                  <v-row>
-                                    <v-col cols="8">
-                                      <h1 style="margin-bottom: 4%; font-size: 1.2rem;">Dons</h1>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.2rem;">Montant retiré</h1>
-                                    </v-col>
-                                    <v-col>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.2rem;">0</h1>
-                                      <h1 style="margin-bottom: 4%; font-size: 1.2rem;">0$</h1>
-                                      <p></p>
-                                    </v-col>
-                                  </v-row>
-                                </v-col>
-                              </v-row>
-                            </v-card-text>
-
-                            <v-card-actions class="justify-center">
-                              <v-btn text="Fermer" @click="isActive.value = false"></v-btn>
-                            </v-card-actions>
-                          </v-card>
-
-                          <v-card style="border-radius: 25px; margin-top: 3%; height: 30px;">
-                            <v-row>
-                              <v-col style="margin-right: -2%;" cols="1"
-                                class="text-truncate text-center font-weight-bold">#T</v-col>
-                              <v-col style="margin-right: -1%; background-color: #fbccee;" cols="1"
-                                class="text-truncate text-center font-weight-bold">$</v-col>
-                              <v-col cols="2" class="text-truncate text-center font-weight-bold">Date</v-col>
-                              <v-col cols="3" class="text-truncate text-center font-weight-bold"
-                                style="margin-right: 2%; background-color: #fbccee">Name</v-col>
-                              <v-col cols="5" class="text-truncate text-center font-weight-bold">message</v-col>
-                            </v-row>
-                          </v-card>
-
-                          <v-card style=" border-radius: 25px; margin-top: .5%; max-height: 450px;">
-                            <v-row>
-                              <v-col style="margin-right: -2%;" cols="1" class="text-truncate">1</v-col>
-                              <v-col style="margin-right: -1%; background-color: #fbccee;" cols="1"
-                                class="text-truncate">10$</v-col>
-                              <v-col cols="2" class="text-truncate">20-10-2025</v-col>
-                              <v-col cols="3" class="text-truncate"
-                                style="margin-right: 2%;  background-color: #fbccee">Pascal</v-col>
-                              <v-col cols="5" class="text-truncate">Good Job</v-col>
-                            </v-row>
-                          </v-card>
-                        </template>
-                      </v-dialog>
-                    </v-list-item>
                   </v-list>
                 </v-col>
               </v-container>
@@ -223,268 +139,154 @@
       </v-col>
 
       <!-- Profile Info Picture name title & description -->
-      <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="5" xl="4" xxl="4">
-        <v-container class="profile-container hidden-sm-and-down" hidden-md-and-up>
-          <v-container>
-            <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-            <!-- User informations Name & title  -->
-            <v-container class="background-profile-container" style="margin-top: -8%;">
-              <v-row>
-                <v-col style="height: 50px;" cols="7" offset="2" class="social-container">
-                  <h1 class="name-info">{{ name }}</h1>
-                </v-col>
-                <v-col></v-col>
-              </v-row>
-              <v-row>
-                <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
-                  <h1 class="occupation-info">{{ title }}</h1>
-                </v-col>
-                <v-col></v-col>
-              </v-row>
-
-              <!-- User Social Network Links -->
-              <v-row>
-                <v-spacer></v-spacer>
-                <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
+      <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="6" xl="6" xxl="8">
+        <v-row class="d-flex justify-center align-center">
+          <v-col xl="10" xxl="8">
+            <v-container class="profile-container hidden-sm-and-down" hidden-md-and-up>
+              <v-container>
+                <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
+                <!-- User informations Name & title  -->
+                <v-container class="background-profile-container" style="margin-top: -8%;">
                   <v-row>
-                    <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.instagram.com/p/C2f-3UnNdfX/">
-                      <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
-                        alt="Description image 2">
-                    </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>
-                  </v-row>
-                </v-col>
-                <v-col background-color="primary"></v-col>
-              </v-row>
-
-              <!-- Description  -->
-              <v-row>
-                <v-container
-                  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 text-justify" style="color: white;"
-                        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 style="height: 50px;" cols="7" offset="2" class="social-container">
+                      <h1 class="name-info">{{ name }}</h1>
                     </v-col>
-                  </v-expansion-panels>
+                    <v-col></v-col>
+                  </v-row>
+                  <v-row>
+                    <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
+                      <h1 class="occupation-info">{{ title }}</h1>
+                    </v-col>
+                    <v-col></v-col>
+                  </v-row>
+
+                  <!-- User Social Network Links -->
+                  <v-row>
+                    <v-spacer></v-spacer>
+                    <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
+                      <v-row>
+                        <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.instagram.com/p/C2f-3UnNdfX/">
+                          <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
+                            alt="Description image 2">
+                        </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>
+                      </v-row>
+                    </v-col>
+                    <v-col background-color="primary"></v-col>
+                  </v-row>
+
+                  <!-- Description  -->
+                  <v-row>
+                    <v-container
+                      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 text-justify" style="color: white;"
+                            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>
+                  </v-row>
                 </v-container>
-              </v-row>
+              </v-container>
             </v-container>
-          </v-container>
-        </v-container>
-
-
-        <PostContentMenu style="margin-top: -30px;"></PostContentMenu>
+          </v-col>
+        </v-row>
 
+        <v-row class="d-flex justify-center align-center">
+          <v-col xl="10" xxl="8">
+            <PostContentMenu style="margin-top: -30px;"></PostContentMenu>
+          </v-col>
+        </v-row>
 
         <!-- Card youtube balado -->
-        <v-container>
-          <v-card class="flow-menu m-0 youtube-card">
-            <!-- Title, date and btn -->
-            <v-col>
-              <v-row>
-                <v-col class="text-center">
-                  <h1 class="card-title">
-                    MON PREMIER BALADO</h1>
-                </v-col>
+        <v-row class="d-flex justify-center align-center">
+          <v-col xl="10" xxl="8">
+            <v-container>
+              <v-card class="flow-menu m-0 youtube-card">
+                <!-- Title, date and btn -->
+                <v-col>
+                  <v-row>
+                    <v-col class="text-center">
+                      <h1 class="card-title">
+                        MON PREMIER BALADO</h1>
+                    </v-col>
 
-                <!--<v-col class="text-right">
+                    <!--<v-col class="text-right">
 <v-btn class="btn-card-options" flat tile elevation="0">
                     <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
                   </v-btn>          (a intégrer)
                 </v-col> -->
-              </v-row>
+                  </v-row>
 
-            </v-col>
-
-            <!-- Card core Video/image & text -->
-            <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-              <v-container>
-                <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                  src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
-                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                  allowfullscreen></iframe>
-
-                <!-- Date -->
-                <v-row class="text-right">
-                  <v-col>
-                    <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                      24-04-2024
-                    </h1>
-                  </v-col>
-                </v-row>
-
-
-                <p class="text-justify pa-10" style="margin-bottom: -50px; font-size: 1em">C’est un honneur de vous
-                  présenter
-                  mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront
-                  particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la suite, je
-                  partage mon itinéraire professionnel peu conventionnel : de mes débuts dans le secteur bovin à travers
-                  le
-                  Canada, à mon poste actuel comme directeur marketing chez Journal Mobile, jusqu'à la direction de mon
-                  agence
-                  créative, Alliés. Enfin, je vous invite à découvrir un autre aspect de ma vie à travers ma page
-                  personnelle,
-                  "Guillaume aime", où je partage tout ce qui me passionne.</p>
-
-
-                <!-- Like dislike commment Section -->
-                <div style="height: 20px;"></div>
-                <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                </div>
-                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                </div>
-
-                <!-- Comments -->
-                <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                  placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-              </v-container>
-            </div>
-          </v-card>
-        </v-container>
-
-
-        <!-- Card nouvelle boutique -->
-        <v-container>
-          <v-card class="flow-menu m-0 youtube-card">
-            <!-- Title, date and btn -->
-            <v-col>
-              <v-row>
-                <v-col class="text-center">
-                  <h1 class="card-title">
-                    NOUVELLE BOUTIQUE À SAINT-HYACINTHE</h1>
                 </v-col>
 
-                <!--<v-col class="text-right">
-<v-btn class="btn-card-options" flat tile elevation="0">
-                    <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
-                  </v-btn>          (a intégrer)
-                </v-col> -->
-              </v-row>
+                <!-- Card core Video/image & text -->
+                <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
+                  <v-container>
+                    <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
+                      src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
+                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                      allowfullscreen></iframe>
 
-            </v-col>
-
-            <!-- Card core Video/image & text -->
-            <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-              <v-container>
-                <v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/nouvelleboutique.jpg"
-                  title="Guillaumem"></v-img>
-
-                <!-- Date -->
-                <v-row class="text-right">
-                  <v-col>
-                    <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                      24-04-2024
-                    </h1>
-                  </v-col>
-                </v-row>
+                    <!-- Date -->
+                    <v-row class="text-right">
+                      <v-col>
+                        <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
+                          24-04-2024
+                        </h1>
+                      </v-col>
+                    </v-row>
 
 
-                <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">J’ai découvert une nouvelle
-                  boutique
-                  à St-Hyacinthe qui embrasse exactement ma philosophie derrière la page Guillaume Aime: faire découvrir
-                  le
-                  savoir-faire québécois !
-
-                  J’y ai croisé Carl Vaillancourt, copropriétaire de l’entreprise Espace Karibou au Centre-ville
-                  Saint-Hyacinthe ainsi que mon ami Marc-Olivier Hébert de la Fondation L'effet.
-
-                  Je vous invite à découvrir cette boutique sur la rue Cascade à St-Hyacinthe. Bravo à Karianne Hamel et
-                  Carl
-                  pour ce projet!</p>
+                    <p class="text-justify pa-10" style="margin-bottom: -50px; font-size: 1em">C’est un honneur de vous
+                      présenter
+                      mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront
+                      particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la
+                      suite,
+                      je
+                      partage mon itinéraire professionnel peu conventionnel : de mes débuts dans le secteur bovin à
+                      travers
+                      le
+                      Canada, à mon poste actuel comme directeur marketing chez Journal Mobile, jusqu'à la direction de
+                      mon
+                      agence
+                      créative, Alliés. Enfin, je vous invite à découvrir un autre aspect de ma vie à travers ma page
+                      personnelle,
+                      "Guillaume aime", où je partage tout ce qui me passionne.</p>
 
 
-                <!-- Like dislike commment Section -->
-                <div style="height: 20px;"></div>
-                <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                    <!-- Like dislike commment Section -->
+                    <div style="height: 20px;"></div>
+                    <div
+                      style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                    </div>
+                    <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                    </div>
+
+                    <!-- Comments -->
+                    <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
+                      placeholder="Commentaire (Arrive bientôt)"></v-text-field>
+                  </v-container>
                 </div>
-                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                </div>
-
-                <!-- Comments -->
-                <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                  placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-              </v-container>
-            </div>
-          </v-card>
-        </v-container>
-
-        <!-- Card nouvelle boutique -->
-        <v-container>
-          <v-card class="flow-menu m-0 youtube-card">
-            <!-- Title, date and btn -->
-            <v-col>
-              <v-row>
-                <v-col class="text-center">
-                  <h1 class="card-title">
-                    C'EST PARTI POUR 2024!</h1>
-                </v-col>
-                <!--
-                <v-col class="text-right">
-                 <v-btn class="btn-card-options" flat tile elevation="0">
-                    <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
-                  </v-btn>          (a intégrer)
-                </v-col>  -->
-              </v-row>
-
-            </v-col>
-
-            <!-- Card core Video/image & text -->
-            <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-              <v-container>
-                <v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/cestparti.jpg"
-                  title="Guillaumem"></v-img>
-
-                <!-- Date -->
-                <v-row class="text-right">
-                  <v-col>
-                    <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                      22-04-2024
-                    </h1>
-                  </v-col>
-                </v-row>
-
-                <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">C'est parti pour 2024 ! De
-                  retour au
-                  travail officiellement ce matin afin d'aider les entreprises de la région à rayonner ! Mettre en
-                  lumière les
-                  entrepreneurs et leur unicité, c'est ma passion ! Si jamais tu as besoin d'aide dans ce domaine,
-                  n'hésite
-                  pas à me contacter.</p>
-
-                <!-- Like dislike commment Section -->
-                <div style="height: 20px;"></div>
-                <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                </div>
-                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                </div>
-
-                <!-- Comments -->
-                <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                  placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-              </v-container>
-            </div>
-          </v-card>
-        </v-container>
-
-
+              </v-card>
+            </v-container>
+          </v-col>
+        </v-row>
       </v-col>
 
       <!-- "Large-Monitor-RightCol" Donation -->
-      <v-col cols="2" md="3" lg="3" xl="4" xxl="4" class="hidden-sm-and-down" hidden-sm-and-up>
+      <v-col cols="2" md="3" lg="3" xl="2" xxl="2" class="hidden-sm-and-down" hidden-sm-and-up>
         <v-row>
           <v-col>
             <v-container class="sticky-bottom-label Je-soutien-container" style="max-width: 400px ;  bottom: 0;">
diff --git a/src/views/UsersBrowser.vue b/src/views/main/UsersBrowser.vue
similarity index 99%
rename from src/views/UsersBrowser.vue
rename to src/views/main/UsersBrowser.vue
index c5f623b..176d552 100644
--- a/src/views/UsersBrowser.vue
+++ b/src/views/main/UsersBrowser.vue
@@ -236,7 +236,7 @@
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
 import { ref } from 'vue';
-import StripePayment from './StripePayment.vue';
+import StripePayment from '../StripePayment.vue';
 let imageSrc = '/images/usersmedia/HutopyProfile/banners/banner01.png';
 let profilePicture = '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png';
 let name = 'Hutopy'
diff --git a/src/views/main/YourProfile.vue b/src/views/main/YourProfile.vue
index 18f59f1..127a6d8 100644
--- a/src/views/main/YourProfile.vue
+++ b/src/views/main/YourProfile.vue
@@ -3,10 +3,12 @@
   <body style="background-color:#f4f4f4">
     <DefaultLayout></DefaultLayout>
 
-    <v-row style="background-color: #6b0065; height: 100px; margin-top: -50px; margin-bottom: -25px;"></v-row>
+    <v-row style="background-color: #6b0065; height: 100px; margin-top: -50px; margin-bottom: -25px;">
+    </v-row>
 
     <v-row justify="center">
       <v-col cols="12">
+
         <v-img class="profile-banner " max-height="375" :src="bannerImageUrl" cover
           style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
       </v-col>
@@ -38,10 +40,11 @@
                   </v-btn>
                 </v-col>
 
+
               </v-col>
               <v-spacer></v-spacer>
             </v-row>
-            <p class="text-center" style="margin-bottom: 10px; font-size: 2rem; font-weight: 600;">{{ userName }}</p>
+            <p class="text-center" style="margin-bottom: 10px; font-size: 2.5rem; font-weight: 600;">User Name</p>
             <p class="text-center" style="margin-bottom: 50px; font-size: 1.2rem">Informations personnelles</p>
 
             <v-form>

From e1e5dd04a508b6c0dd521176ebe9eb33f5a9f98a Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 8 Jun 2024 12:01:36 -0400
Subject: [PATCH 2/7] MainPage dynamique (profile)

---
 src/layouts/MainPage.vue    | 91 +++++++++++++++++++++++++++++++++++++
 src/layouts/UserProfile.vue | 44 ------------------
 src/router/index.js         |  5 +-
 3 files changed, 94 insertions(+), 46 deletions(-)
 create mode 100644 src/layouts/MainPage.vue
 delete mode 100644 src/layouts/UserProfile.vue

diff --git a/src/layouts/MainPage.vue b/src/layouts/MainPage.vue
new file mode 100644
index 0000000..6c5f79e
--- /dev/null
+++ b/src/layouts/MainPage.vue
@@ -0,0 +1,91 @@
+<template>
+    <v-container style="margin-top: 5%;">
+        <v-row style="background-color: #c4c4c4;">
+            <v-col align="center">
+                <div>
+                    <p>Router : {{ selectedUsername }}</p>
+                    <div v-if="PublicCreatorData">
+                        <h1>{{ PublicCreatorData.userName }}</h1>
+                        <h1>{{ PublicCreatorData.firstName }} {{ PublicCreatorData.lastName }}</h1>
+                    </div>
+                    <div v-else>
+                        <p v-if="errorMessage">{{ errorMessage }}</p>
+                    </div>
+
+                    <form @submit.prevent="manualFetch">
+                        <input v-model="manualUsername" placeholder="Enter username" />
+                        <button type="submit">Fetch User</button>
+                    </form>
+                </div>
+            </v-col>
+        </v-row>
+    </v-container>
+
+    <v-snackbar v-model="errorSnackBar">
+        {{ snackBarMessage }}
+        <template v-slot:actions>
+            <v-btn color="red" variant="text" @click="errorSnackBar = false">Fermer</v-btn>
+        </template>
+    </v-snackbar>
+</template>
+
+<script setup>
+import { useClient } from "@/plugins/api.js";
+import { onMounted, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+
+const PublicCreatorData = ref(null);
+const selectedUsername = ref('');
+const manualUsername = ref('');
+const route = useRoute();
+const client = useClient();
+
+let errorSnackBar = ref(false);
+let snackBarMessage = ref('');
+const errorMessage = ref('');
+
+const fetchUser = async (username) => {
+    console.log(`Fetching user: ${username}`);
+    try {
+        const response = await client.get(`/api/GetCreatorInfo`, {
+            params: {
+                UserName: username
+            }
+        });
+        const data = response.data;
+        console.log(`Data received: `, data);
+        if (data && Object.keys(data).length > 0 && (data.userName || data.firstName || data.lastName)) {
+            PublicCreatorData.value = data; // Met à jour la référence réactive
+            errorMessage.value = '';
+            errorSnackBar.value = false;
+        } else {
+            PublicCreatorData.value = null; // Réinitialise la référence si l'utilisateur n'est pas trouvé
+            errorMessage.value = "Utilisateur non trouvé";
+            snackBarMessage.value = "Utilisateur non trouvé";
+            errorSnackBar.value = true;
+        }
+    } catch (error) {
+        console.error(`Error fetching user: ${error}`);
+        PublicCreatorData.value = null;
+        errorMessage.value = "Erreur lors de la récupération des données";
+        snackBarMessage.value = "Erreur lors de la récupération des données";
+        errorSnackBar.value = true;
+    }
+};
+
+const updateUser = () => {
+    selectedUsername.value = route.params.username;
+    console.log(`Route username: ${selectedUsername.value}`);
+    if (selectedUsername.value) {
+        fetchUser(selectedUsername.value);
+    }
+};
+
+const manualFetch = () => {
+    fetchUser(manualUsername.value);
+};
+
+onMounted(updateUser);
+
+watch(() => route.params.username, updateUser);
+</script>
diff --git a/src/layouts/UserProfile.vue b/src/layouts/UserProfile.vue
deleted file mode 100644
index c7db7e1..0000000
--- a/src/layouts/UserProfile.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-  <!-- Fiche test pour router -->
-<template>
-    <div v-if="user">
-        <h1>{{ user.name }}</h1>
-        <p>{{ user.bio }}</p>
-        <!-- Afficher plus de contenu utilisateur ici -->
-    </div>
-    <div v-else>
-        <p>Utilisateur non trouvé</p>
-    </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            user: null
-        };
-    },
-    created() {
-        this.fetchUser();
-    },
-    watch: {
-        '$route.params.username': 'fetchUser'
-    },
-    methods: {
-        fetchUser() {
-            const username = this.$route.params.username;
-            fetch(`https://api.hutopy.ca/users/${username}`)
-                .then(response => response.json())
-                .then(data => {
-                    if (data) {
-                        this.user = data;
-                    } else {
-                        this.user = null;
-                    }
-                })
-                .catch(() => {
-                    this.user = null;
-                });
-        }
-    }
-};
-</script>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index a26d79e..f34e65d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -8,7 +8,7 @@ import HelpAndContact from '@/views/tos/HelpAndContact.vue'
 import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
 import Transactions from '@/views/tos/Transactions.vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import UserProfile from '../layouts/UserProfile.vue'
+import MainPage from '../layouts/MainPage.vue'
 import LoginView from '../views/LoginView.vue'
 import PaymentCompleted from '../views/PayementCompleted.vue'
 import SignupView from '../views/SignupView.vue'
@@ -136,7 +136,7 @@ const routes = [
   {
     path: '/:username',
     name: 'user-profile',
-    component: UserProfile
+    component: MainPage
   },
 
   {
@@ -152,6 +152,7 @@ const router = createRouter({
   scrollBehavior(to, from, savedPosition) {
     return { top: 0 };
   }
+
 })
 
 export default router

From 4cfcf915200057b09bfee17ce02d07d6b27e2327 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 8 Jun 2024 16:46:14 -0400
Subject: [PATCH 3/7] Modification Main page

---
 src/layouts/FooterLayout.vue                  |   4 +-
 src/layouts/MainPage.vue                      | 897 +++++++++++++++++-
 src/router/index.js                           |   8 +-
 src/views/tos/{Transactions.vue => Frais.vue} |   4 +-
 4 files changed, 897 insertions(+), 16 deletions(-)
 rename src/views/tos/{Transactions.vue => Frais.vue} (97%)

diff --git a/src/layouts/FooterLayout.vue b/src/layouts/FooterLayout.vue
index 3780b7d..8d7c16b 100644
--- a/src/layouts/FooterLayout.vue
+++ b/src/layouts/FooterLayout.vue
@@ -70,7 +70,7 @@ const links = [
   'Conditions générales',
   'Politique de Contenu',
   'À Propos',
-  'Transactions'
+  'Frais'
 ];
 
 const linkRoutes = {
@@ -80,7 +80,7 @@ const linkRoutes = {
   'Conditions générales': { name: 'termsandconditions' },
   'Politique de Contenu': { name: 'contentpolicy' },
   'À Propos': { name: 'about' },
-  'Transactions': { name: 'transactions' }
+  'Frais': { name: 'frais' }
 };
 
 // If broken link, redirect to home page.
diff --git a/src/layouts/MainPage.vue b/src/layouts/MainPage.vue
index 6c5f79e..0db6c20 100644
--- a/src/layouts/MainPage.vue
+++ b/src/layouts/MainPage.vue
@@ -1,6 +1,9 @@
 <template>
-    <v-container style="margin-top: 5%;">
-        <v-row style="background-color: #c4c4c4;">
+    <DefaultLayout style="margin-bottom: 30px"></DefaultLayout>
+
+    <!--
+    <v-container style="margin-top: -1%; margin-bottom: 2%;">
+        <v-row>
             <v-col align="center">
                 <div>
                     <p>Router : {{ selectedUsername }}</p>
@@ -20,19 +23,302 @@
             </v-col>
         </v-row>
     </v-container>
+    -->
 
-    <v-snackbar v-model="errorSnackBar">
-        {{ snackBarMessage }}
-        <template v-slot:actions>
-            <v-btn color="red" variant="text" @click="errorSnackBar = false">Fermer</v-btn>
+    <div style="background-color: #f4f4f4;">
+        <!-- Mobile -->
+        <v-row class="fluid hidden-md-and-up social-mobile-container"
+            style="margin-top: -10px; position: relative; z-index: 0;" hidden-md-and-down>
+            <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
+                <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
+                    style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+            </v-col>
+        </v-row>
+
+        <!-- PurpleLine -->
+        <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);"></v-row>
+
+        <!-- Profile picture -->
+        <v-row class="d-flex justify-center align-center d-sm-none" style="margin-top: 50px; margin-bottom: -10px">
+            <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
+        </v-row>
+
+        <!-- User Social Network Links -->
+        <v-container style="margin-top: -70px; padding: 0;" class="hidden-md-and-up social-container-mobile-icons"
+            hidden-md-and-down>
+            <!-- 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/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/guillaumeaime/">
+                        <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
+                            alt="Instagram"></v-img>
+                    </a>
+                </v-col>
+                <!-- Profile picture - Small -->
+                <v-col cols="4" sm="4" xs="0" class="hidden-xs">
+                    <v-row class="d-flex justify-center align-center">
+                        <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
+                    </v-row>
+                </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/@guillaumeaime">
+                        <v-img class="socialicons-mobile invert-color"
+                            src="/images/hutopymedia/icons/white/tiktokwhite.png" alt="TikTok"></v-img>
+                    </a>
+                </v-col>
+
+                <v-spacer class="hidden-xs"> </v-spacer>
+            </v-row>
+
+            <!-- User informations Name title and description  -->
+            <v-row class="social-container-mobile">
+                <v-col cols="12" xs="12" sm="4" class="d-flex justify-center">
+                    <v-row class="d-flex justify-center">
+                        {{ name }}
+                    </v-row>
+                </v-col>
+                <v-spacer xs="12" sm="4"></v-spacer>
+                <v-col cols="12" xs="12" sm="4" class="d-flex justify-center">
+                    <v-row class="d-flex justify-center">
+                        {{ title }}
+                    </v-row>
+                </v-col>
+            </v-row>
+            <v-row>
+                <v-container
+                    style="border-bottom-left-radius: 15px; margin-top: -12px; border-bottom-right-radius: 15px;"
+                    class="social-icon-group-mobile">
+                    <v-expansion-panels style="min-width: 320px;">
+                        <v-col cols="12" offset="-1">
+                            <v-expansion-panel class="background-pink text-justify" style="color: white;"
+                                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>
+            </v-row>
+        </v-container>
+
+        <!-- Bannière Pc -->
+        <v-row class="fluid hidden-sm-and-down" style="margin-top: -65px; position: relative; z-index: 0;"
+            hidden-sm-and-up>
+            <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
+                <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
+                    style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+            </v-col>
+        </v-row>
+        <v-row class="hidden-sm-and-down"
+            style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);" hidden-sm-and-up></v-row>
+
+        <!-- Core (Menu / Center / Donation) -->
+        <v-row>
+            <!-- Menu -->
+            <v-col cols="2" md="3" lg="3" xl="3" xxl="2" class="hidden-sm-and-down menu-col" hidden-sm-and-down>
+                <v-col style="margin: 0;">
+                    <v-row class="Hutopy-menu-sticky-mobile">
+                        <v-spacer></v-spacer>
+                        <v-col>
+                            <v-container style=" overflow-y: hidden;">
+                                <!-- Nav-Btn -->
+                                <v-col cols="12" class="px-0">
+                                    <v-img src="/images/hutopymedia/banners/hutopy.png" alt="Description de l'image"
+                                        style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img>
+                                    <v-list dense class="main-background">
+                                        <v-list-item v-for="item in navigationItems" :key="item.link">
+                                            <router-link :to="item.link">
+                                                <v-btn text class="d-flex align-start align-center main-background"
+                                                    elevation="0" outlined="false">
+                                                    <v-icon left class="mr-4">{{ item.icon }}</v-icon>
+                                                    {{ item.text }}
+                                                </v-btn>
+                                            </router-link>
+                                        </v-list-item>
+                                    </v-list>
+                                </v-col>
+                            </v-container>
+                        </v-col>
+                    </v-row>
+                    <v-row style="height: 300px;"></v-row>
+                </v-col>
+            </v-col>
+
+            <!-- Profile Info Picture name title & description -->
+            <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="6" xl="6" xxl="8">
+                <div v-if="PublicCreatorData">
+                    <v-row class="d-flex justify-center align-center">
+                        <v-col xl="10" xxl="8">
+                            <v-container class="profile-container hidden-sm-and-down" hidden-md-and-up>
+                                <v-container>
+                                    <v-img :src="profilePicture"
+                                        class="elevation-4 mobile-profile-picture-creator"></v-img>
+                                    <!-- User informations Name & title  -->
+                                    <v-container class="background-profile-container" style="margin-top: -8%;">
+                                        <v-row>
+                                            <v-col style="height: 50px;" cols="7" offset="2" class="social-container">
+                                                <h1 class="name-info">{{ PublicCreatorData.userName }}</h1>
+                                            </v-col>
+                                            <v-col></v-col>
+                                        </v-row>
+                                        <v-row>
+                                            <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
+                                                <h1 class="occupation-info">{{ title }}</h1>
+                                            </v-col>
+                                            <v-col></v-col>
+                                        </v-row>
+
+                                        <!-- User Social Network Links -->
+                                        <v-row>
+                                            <v-spacer></v-spacer>
+                                            <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
+                                                <v-row>
+                                                    <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.instagram.com/p/C2f-3UnNdfX/">
+                                                        <img class="socialicons"
+                                                            src="/images/hutopymedia/icons/black/instagramblack.png"
+                                                            alt="Description image 2">
+                                                    </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>
+                                                </v-row>
+                                            </v-col>
+                                            <v-col background-color="primary"></v-col>
+                                        </v-row>
+
+                                        <!-- Description  -->
+                                        <v-row>
+                                            <v-container
+                                                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 text-justify"
+                                                            style="color: white;"
+                                                            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>
+                                        </v-row>
+                                    </v-container>
+                                </v-container>
+                            </v-container>
+                        </v-col>
+                    </v-row>
+
+                    <v-row class="d-flex justify-center align-center">
+                        <v-col xl="10" xxl="8">
+                            <PostContentMenu style="margin-top: -30px;"></PostContentMenu>
+                        </v-col>
+                    </v-row>
+                </div>
+                <div v-else>
+                    <v-row class="d-flex justify-center align-center">
+                        <v-col xl="10" xxl="8" align="center">
+                            <v-card class="pa-5" elevation="2" style="max-width: 400px;">
+                                <v-row class="d-flex justify-center align-center">
+                                    <v-icon size="128" color="grey">mdi-magnify</v-icon>
+                                </v-row>
+                                <v-row class="d-flex justify-center align-center">
+                                    <p>L'utilisateur <span style="color: red;">{{ selectedUsername }}</span> n'a pas
+                                        été trouvé</p>
+                                </v-row>
+                            </v-card>
+                        </v-col>
+                    </v-row>
+                </div>
+
+
+
+            </v-col>
+
+
+            <!-- Large-Monitor-RightCol Donation -->
+            <v-col cols="2" md="3" lg="3" xl="2" xxl="2" class="hidden-sm-and-down" hidden-sm-and-up>
+                <v-row>
+                    <v-col>
+                        <v-container class="sticky-bottom-label Je-soutien-container"
+                            style="max-width: 400px ;  bottom: 0;">
+                            <!-- Donnation -->
+                            <v-card style="border-radius: 20px;">
+                                <v-container>
+                                    <v-row class="mb-0"
+                                        style="background-color: #6b0065; margin-left: -24px; margin-right: -24px; margin-top: -20px; justify-content: center;">
+                                        <v-card-title class="text-soutiens" style="margin-top: 15px;">
+                                            JE SOUTIENS!
+                                        </v-card-title>
+                                    </v-row>
+                                    <StripePayment></StripePayment>
+                                </v-container>
+                            </v-card>
+                        </v-container>
+                        <v-container style="height: 300px;">
+                        </v-container>
+                    </v-col>
+                    <v-spacer>
+                    </v-spacer>
+                </v-row>
+            </v-col>
+        </v-row>
+
+        <v-snackbar v-model="errorSnackBar">
+            {{ snackBarMessage }}
+            <template v-slot:actions>
+                <v-btn color="red" variant="text" @click="errorSnackBar = false">Fermer</v-btn>
+            </template>
+        </v-snackbar>
+
+        <!-- Mobile Donation -->
+        <v-col class="hidden-md-and-up sticky-bottom-label" hidden-sm-and-down
+            style="background-color: #6b0065; margin-top: 30px; text-align: center;">
+            <!-- Barre cliquable pour ouvrir le drawer -->
+            <v-btn @click="drawerbottom = !drawerbottom" elevation="0"
+                style="background-color: #6b0065; color: white; text-align: center;" class="text-soutiens ">
+                JE SOUTIENS
+            </v-btn>
+        </v-col>
+
+        <!-- Drawer du bas -->
+        <template>
+            <div>
+                <v-bottom-sheet v-model="drawerbottom" class="sticky-bottom-label" hide-overlay>
+                    <v-container style="background-color: #6b0065; color: white; padding: 20px; text-align: center;">
+                        <h1 class="text-soutiens">JE SOUTIENS</h1>
+                        <StripePayment></StripePayment>
+                    </v-container>
+                </v-bottom-sheet>
+            </div>
         </template>
-    </v-snackbar>
+    </div>
+    <FooterLayout></FooterLayout>
 </template>
 
 <script setup>
+import DefaultLayout from '@/layouts/DefaultLayout.vue';
+import FooterLayout from '@/layouts/FooterLayout.vue';
 import { useClient } from "@/plugins/api.js";
-import { onMounted, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
+import StripePayment from '../views/StripePayment.vue';
 
 const PublicCreatorData = ref(null);
 const selectedUsername = ref('');
@@ -44,6 +330,21 @@ let errorSnackBar = ref(false);
 let snackBarMessage = ref('');
 const errorMessage = ref('');
 
+let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
+let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png';
+let drawerbottom = ref(false);
+
+const name = computed(() => {
+    return PublicCreatorData.value ? PublicCreatorData.value.userName : '';
+});
+const title = 'Créateur de contenus';
+
+let navigationItems = [
+    { icon: 'mdi-home', text: 'Accueil', link: 'home' },
+    { icon: 'mdi-account-group', text: 'Utilisateur', link: '/userbrowser' },
+    { icon: 'mdi-handshake', text: 'Aidez-nous', link: '/contact' },
+];
+
 const fetchUser = async (username) => {
     console.log(`Fetching user: ${username}`);
     try {
@@ -89,3 +390,583 @@ onMounted(updateUser);
 
 watch(() => route.params.username, updateUser);
 </script>
+
+
+<style scoped>
+.invert-color {
+    filter: invert(1);
+}
+
+
+.Hutopy-menu-sticky-mobile {
+    position: sticky;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000;
+    margin-top: -40px;
+}
+
+.sticky-bottom-label {
+    position: sticky;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1000;
+    margin-top: 20px;
+}
+
+.sticky-top-label {
+    position: sticky;
+    bottom: 0;
+    right: 10%;
+    width: 100%;
+    z-index: 1000;
+}
+
+.text-soutiens {
+    margin-bottom: 15px;
+    color: white;
+    font-size: 1.5rem;
+    letter-spacing: 7px;
+    text-align: center;
+}
+
+.name-info {
+    margin-top: -10px;
+    margin-left: 15%;
+}
+
+.occupation-info {
+    margin-left: 15%;
+    font-size: large;
+}
+
+.name-info-mobile {
+    margin-left: 22px;
+    font-size: 1.3rem
+}
+
+.main-background {
+    background-color: #f4f4f4;
+}
+
+.profile-container {
+    margin-top: -16%;
+}
+
+.btn-custom {
+    width: 100%;
+    background-color: transparent;
+}
+
+.background-profile-container {
+    background-color: #ececec;
+    color: white;
+    border-top: 3px solid #a30e79;
+    border-right: 3px solid #a30e79;
+    font-weight: 700;
+    font-size: 1.15rem;
+    border-radius: 25px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3)
+}
+
+.background-pink {
+    background-color: #cc6f91;
+    color: white;
+    font-weight: 400;
+}
+
+.label-text {
+    font-weight: 400;
+    margin-left: 3%;
+    font-size: 1rem;
+}
+
+.profile-name {
+    margin-top: -15%;
+}
+
+.socialicons {
+    width: 35px;
+    max-width: 100px;
+    margin-top: 3px;
+    margin-left: 40px;
+}
+
+.socialicons-mobile {
+    width: 35px;
+    max-width: 100px;
+    margin-top: 27px;
+    margin-left: 20px;
+}
+
+.youtube-card {
+    margin-left: 2%;
+    margin-right: 2%;
+    border-radius: 15px;
+    background-color: #f4f4f4;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4)
+}
+
+.card-title {
+    font-size: 1.4rem;
+    margin-top: 10px;
+}
+
+.card-date {
+    margin-left: 10px;
+    margin-top: -18px;
+    margin-bottom: -20px;
+    font-size: .8rem;
+}
+
+
+
+.social-container {
+    background-color: #006d77;
+    border-top-right-radius: 30px;
+    border-bottom-right-radius: 30px;
+    font-size: 1.7rem;
+    font-weight: 600;
+    color: white;
+}
+
+.social-container2 {
+    background-color: #0baab2;
+    border-bottom-right-radius: 30px;
+    font-size: 1.4rem;
+    font-weight: 500;
+    color: white;
+}
+
+.social-container-mobile {
+    background-color: #006d77;
+    font-size: 1.4rem;
+    font-weight: 600;
+    color: white;
+    z-index: 1000;
+    margin: auto;
+    text-align: center;
+}
+
+.social-container2-mobile {
+    background-color: #0baab2;
+    z-index: 1000;
+    font-size: 1.2rem;
+    font-weight: 500;
+    color: white;
+}
+
+.social-icon-group-mobile {
+    background-color: #0baab2;
+}
+
+.mini-profile-picture {
+    border-radius: 100px;
+}
+
+.btn-card-options {
+    background-color: #f4f4f4;
+    width: 50px;
+    margin-left: -12px;
+    margin-top: 10px;
+}
+
+.mobile-profile-picture-creator {
+    border-radius: 100px;
+    height: 150px;
+    width: 150px;
+    border-radius: 50%;
+    max-width: 150px;
+    border: 4px solid white;
+    z-index: 1000;
+}
+
+.mobile-header {
+    height: 50px;
+    margin-left: -13%;
+    margin-top: 6%;
+}
+
+.h1-navigation {
+    text-align: center;
+    font-weight: 600;
+    margin-bottom: 10%;
+}
+
+.mobile-profile-picture {
+    height: 40px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
+    border: 2px solid #a30e79;
+    margin-right: 10px
+}
+
+.profile-banner {
+    margin-top: 25px;
+    min-height: 200px
+}
+
+.v-navigation-drawer {
+    max-height: 100vh;
+}
+
+@media (min-width: 150px) and (max-width: 474px) {
+    .mobile-profile-picture-creator {
+        transform: scale(1.5) translateY(-30%) translateX(0%);
+    }
+
+    .socialicons-mobile {
+        width: 35px;
+        max-width: 100px;
+        margin-top: 0px;
+        margin-left: 20px;
+    }
+}
+
+
+@media (min-width: 475px) and (max-width: 599px) {
+    .socialicons-mobile {
+        width: 35px;
+        max-width: 100px;
+        margin-top: 0px;
+        margin-left: px;
+    }
+
+    .mobile-profile-picture-creator {
+        transform: scale(1.5) translateY(-30%) translateX(0%);
+    }
+
+    .profile-container-mobile {
+        width: 110%;
+        margin-left: -3%;
+        margin-top: -112px;
+    }
+
+    .occupation-info {
+        font-size: 1rem;
+    }
+
+    .card-youtube {
+        min-height: 250px;
+    }
+
+    .name-info-mobile {
+        font-size: 1.6rem;
+    }
+}
+
+@media (min-width: 599px) and (max-width: 749px) {
+    .mobile-profile-picture-creator {
+        transform: scale(1.5) translateY(25%) translateX(0%);
+    }
+
+    .profile-container {
+
+        width: 110%;
+        margin-left: -3%;
+    }
+
+    .profile-container-mobile {
+
+        width: 110%;
+        margin-left: -3%;
+        margin-top: -110px;
+    }
+
+    .name-info {
+        font-size: 1.2rem;
+    }
+
+    .occupation-info {
+        font-size: 1rem;
+    }
+
+    .card-youtube {
+        min-height: 330px;
+    }
+}
+
+@media (min-width: 750px) and (max-width: 960px) {
+    .mobile-profile-picture-creator {
+        transform: scale(1.8) translateY(25%) translateX(0%);
+    }
+
+    .profile-container {
+        width: 110%;
+        margin-left: -3%;
+    }
+
+    .profile-container-mobile {
+        width: 110%;
+        margin-left: -3%;
+        margin-top: -110px;
+    }
+
+    .name-info {
+        font-size: 1.2rem;
+    }
+
+    .occupation-info {
+        font-size: 1rem;
+    }
+
+    .card-youtube {
+        min-height: 425px;
+    }
+}
+
+@media (min-width: 960px) and (max-width: 1280px) {
+    .middle-col {
+        margin-left: -30px;
+    }
+
+    .text-soutiens {
+        font-size: 1.2rem;
+        letter-spacing: 5px;
+    }
+
+    .profile-container {
+        margin-top: -185px;
+        min-width: 480px
+    }
+
+    .card-youtube {
+        min-height: 270px;
+    }
+
+    .Je-soutien-container {
+        min-width: 325px;
+        margin-left: -35px;
+    }
+
+    .mobile-profile-picture-creator {
+        transform: scale(1.3) translateY(25%) translateX(-50px);
+    }
+
+    .name-info {
+        font-size: 1.2rem;
+        margin-left: 20px;
+        margin-top: -6px
+    }
+
+    .occupation-info {
+        margin-left: 40px;
+        margin-top: -8px
+    }
+
+    .social-container {
+        margin-left: 80px;
+        min-width: 270px;
+        max-height: 40px
+    }
+
+    .social-container2 {
+        margin-left: 50px;
+        min-width: 250px;
+        max-height: 35px
+    }
+
+    .socialicons {
+        width: 34px;
+        max-width: 100px;
+        margin-top: 15px;
+        margin-left: 25px;
+    }
+}
+
+@media (min-width: 1280px) and (max-width: 1600px) {
+    .text-soutiens {
+        font-size: 1.3rem;
+        letter-spacing: 8px;
+    }
+
+    .mobile-profile-picture-creator {
+        transform: scale(1.3) translateY(25%) translateX(-50px);
+    }
+
+    .profile-container {
+        margin-top: -180px;
+    }
+
+    .card-youtube {
+        min-height: 290px;
+    }
+
+    .menu-col {
+        margin-left: -4%;
+    }
+
+    .Je-soutien-container {
+        min-width: 350px;
+    }
+
+    .name-info {
+        font-size: 1.2rem;
+        margin-left: 20px;
+        margin-top: -6px
+    }
+
+    .social-container {
+        margin-left: 90px;
+        min-width: 350;
+        max-height: 40px
+    }
+
+    .occupation-info {
+        margin-left: 70px;
+        margin-top: -8px
+    }
+
+    .social-container2 {
+
+        margin-left: 40px;
+        min-width: 290px;
+        max-height: 35px
+    }
+
+    .socialicons {
+        width: 34px;
+        max-width: 100px;
+        margin-top: 15px;
+        margin-left: 25px;
+    }
+}
+
+@media (min-width: 1600px) and (max-width: 1919px) {
+    .text-soutiens {
+        font-size: 1.3rem;
+
+    }
+
+    .mobile-profile-picture-creator {
+        transform: scale(1.4) translateY(25%) translateX(-40px);
+    }
+
+    .profile-container {
+        margin-top: -171px;
+    }
+
+    .card-youtube {
+        min-height: 355px;
+    }
+
+    .menu-col {
+        margin-left: -4%;
+    }
+
+    .Je-soutien-container {
+        min-width: 400px;
+    }
+
+    .name-info {
+        font-size: 1.5rem;
+        margin-top: -4px;
+        margin-left: 35px;
+    }
+
+    .occupation-info {
+        font-size: 1.3rem;
+        margin-left: 75px;
+        margin-top: -2px
+    }
+
+    .social-container2 {
+        margin-left: 70px;
+        min-width: 300px;
+    }
+}
+
+@media (min-width: 1920px) and (max-width: 2559px) {
+    .text-soutiens {
+        font-size: 1.3rem;
+    }
+
+    .profile-container {
+        margin-top: -160px;
+    }
+
+    .card-youtube {
+        min-height: 380px;
+    }
+
+    .Je-soutien-container {
+        min-width: 400px;
+    }
+
+    .mobile-profile-picture-creator {
+        transform: scale(1.4) translateY(25%) translateX(-40px);
+    }
+
+    .name-info {
+        font-size: 1.5rem;
+        margin-left: 35px;
+        margin-top: -4px;
+    }
+
+    .social-container {
+        margin-left: 100px;
+    }
+
+    .occupation-info {
+        font-size: 1.3rem;
+        margin-left: 110px;
+        margin-top: -4px
+    }
+
+    .social-container2 {
+        margin-left: 30px;
+        min-width: 360px;
+    }
+
+    .socialicons {
+        width: 38px;
+        max-width: 100px;
+        margin-top: 13px;
+        margin-left: 40px;
+    }
+}
+
+@media (min-width: 2560px) {
+
+    .mobile-profile-picture-creator {
+        transform: scale(1.5) translateY(25%) translateX(-20px);
+    }
+
+    .card-youtube {
+        min-height: 380px;
+    }
+
+    .text-soutiens {
+        font-size: 1.5rem;
+    }
+
+    .name-info {
+        font-size: 2rem;
+
+    }
+
+    .social-container {
+        margin-left: 140px;
+    }
+
+    .social-container2 {
+        margin-left: 130px;
+    }
+
+    .occupation-info {
+        font-size: 1.5rem;
+        margin-left: 65px;
+        margin-top: -6px
+    }
+
+    .socialicons {
+        width: 45px;
+        max-width: 100px;
+        margin-top: 15px;
+        margin-left: 40px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index f34e65d..ab2d6ce 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,10 +3,10 @@ import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue'
 import About from '@/views/tos/About.vue'
 import ContentPolicy from '@/views/tos/ContentPolicy.vue'
 import FAQ from '@/views/tos/FAQ.vue'
+import Frais from '@/views/tos/Frais.vue'
 import GuideForCreators from '@/views/tos/GuideForCreators.vue'
 import HelpAndContact from '@/views/tos/HelpAndContact.vue'
 import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
-import Transactions from '@/views/tos/Transactions.vue'
 import { createRouter, createWebHistory } from 'vue-router'
 import MainPage from '../layouts/MainPage.vue'
 import LoginView from '../views/LoginView.vue'
@@ -94,9 +94,9 @@ const routes = [
     component: About
   },
   {
-    path: '/transactions',
-    name: 'transactions',
-    component: Transactions
+    path: '/frais',
+    name: 'frais',
+    component: Frais
   },
   {
     path: '/Hutopy',
diff --git a/src/views/tos/Transactions.vue b/src/views/tos/Frais.vue
similarity index 97%
rename from src/views/tos/Transactions.vue
rename to src/views/tos/Frais.vue
index f52d48d..e4f1995 100644
--- a/src/views/tos/Transactions.vue
+++ b/src/views/tos/Frais.vue
@@ -14,7 +14,7 @@
             <v-container style="z-index: 100; position: relative;">
                 <v-row justify="center" align="center" style="color:white; margin-top: -250px;"
                     class="header-text-size">
-                    <v-typography class="headline text-center">Transactions</v-typography>
+                    <v-typography class="headline text-center">Frais</v-typography>
                 </v-row>
             </v-container>
 
@@ -34,7 +34,7 @@
                     <v-spacer></v-spacer>
                     <v-col cols="7">
                         <p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
-                            Transactions
+                            Frais
                         </p>
 
                         <p style="margin-top: 25px; margin-bottom: 25px;">

From bc07a0a3b58f1cba6a9a13dbc2fe5dddf0deea59 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 9 Jun 2024 01:12:41 -0400
Subject: [PATCH 4/7] Added btn profile + add name user and last name into
 fields when connected

---
 src/layouts/DefaultLayout.vue  |  35 ++++++++++--
 src/views/main/YourProfile.vue | 100 +++++++++++++++++++--------------
 2 files changed, 89 insertions(+), 46 deletions(-)

diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index ca114d9..bf2b032 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -35,7 +35,16 @@
                 </v-btn>
               </v-list-item>
               <v-list-item v-if="currentUser">
-                <v-btn @click="logout()" class="full-width-btn" flat>Déconnecter</v-btn>
+                <router-link :to="{ name: 'yourprofile' }">
+                  <v-btn class="full-width-btn" flat>
+                    <v-icon left class="mr-4">mdi-account-details</v-icon>
+                    <p>Mon profil</p>
+                  </v-btn>
+                </router-link>
+              </v-list-item>
+
+              <v-list-item v-if="currentUser">
+                <v-btn @click="handleLogout" class="full-width-btn" flat>Déconnecter</v-btn>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -80,9 +89,15 @@
             <v-list-item prepend-icon="mdi-handshake" title="Aidez-nous" value="friends"></v-list-item>
           </router-link>
 
+          <router-link :to="{ name: 'yourprofile' }">
+            <v-list-item prepend-icon="mdi-account-details" title="Mon profil" value="friends"> </v-list-item>
+          </router-link>
+
+
           <v-list-item v-if="currentUser" @click="openWalletDialog" prepend-icon="mdi-wallet" title="Bourse"
             value="wallet"></v-list-item>
-          <v-list-item v-if="currentUser" @click="logout()" style="margin-top: 110%;" prepend-icon="mdi-logout"
+
+          <v-list-item v-if="currentUser" @click="handleLogout" style="margin-top: 110%;" prepend-icon="mdi-logout"
             title="Déconnecter" value="logout"></v-list-item>
         </v-list>
       </v-navigation-drawer>
@@ -135,7 +150,6 @@ Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation
             </v-btn>
             <v-btn @click="walletDialog = false" text="Fermer"></v-btn>
           </v-row>
-
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -146,7 +160,10 @@ Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation
 import MyUserModel from "@/models/myUserModel.js";
 import { useClient } from "@/plugins/api.js";
 import { onBeforeMount, ref } from 'vue';
+import { useRouter } from 'vue-router';
+
 const client = useClient();
+const router = useRouter();
 
 const drawer = ref(false);
 const currentUserName = ref("INVITÉ");
@@ -172,7 +189,17 @@ onBeforeMount(async () => {
 
 function logout() {
   localStorage.removeItem('jwt');
-  window.location.reload();
+  currentUser = null;
+  currentUserName.value = "INVITÉ";
+}
+
+function handleLogout() {
+  logout();
+  Reroot();
+}
+
+function Reroot() {
+  router.push('/');
 }
 
 function openWalletDialog() {
diff --git a/src/views/main/YourProfile.vue b/src/views/main/YourProfile.vue
index 127a6d8..df2e6f4 100644
--- a/src/views/main/YourProfile.vue
+++ b/src/views/main/YourProfile.vue
@@ -8,80 +8,97 @@
 
     <v-row justify="center">
       <v-col cols="12">
-
-        <v-img class="profile-banner " max-height="375" :src="bannerImageUrl" cover
+        <v-img class="profile-banner" max-height="375" :src="bannerImageUrl" cover
           style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
       </v-col>
     </v-row>
-    <v-row style="background-color: #6b0065; height: 100px; margin-top: -0px;" align="center">
+    <v-row style="background-color: #6b0065; height: 100px; margin-top: 0;" align="center">
       <v-col cols="12" class="text-right">
-        <v-btn style="margin-right: 3%"> <v-icon>mdi-pencil</v-icon></v-btn>
+        <v-btn style="margin-right: 3%;"> <v-icon>mdi-pencil</v-icon></v-btn>
       </v-col>
     </v-row>
 
-    <v-row justify="center">
-
-    </v-row>
-
-
     <v-container style="max-width: 800px; margin-top: -100px" class="d-flex justify-center align-center">
       <v-container>
-        <v-row>
-          <v-col style="background-color: white; border-radius: 30px;" class=" col-shadow">
-            <v-row style="margin-bottom: 20px;">
-              <v-spacer></v-spacer>
-              <v-col style="margin-top: -70px;">
-                <v-row>
-                  <v-img class="your-profile-picture" :src="profilePictureUrl"></v-img>
-                </v-row>
-                <v-col>
-                  <v-btn style="margin-top: -30px;">
-                    <v-icon>mdi-pencil</v-icon>
-                  </v-btn>
-                </v-col>
-
-
+        <v-row justify="center">
+          <v-col style="background-color: white; border-radius: 30px;" class="col-shadow" cols="12">
+            <v-row justify="center" style="margin-bottom: 20px;">
+              <v-col cols="auto" class="d-flex justify-center">
+                <v-img class="your-profile-picture" :src="profilePictureUrl"></v-img>
+              </v-col>
+              <v-col cols="auto" class="d-flex justify-center align-center">
+                <v-btn style="margin-top: -30px;">
+                  <v-icon>mdi-pencil</v-icon>
+                </v-btn>
               </v-col>
-              <v-spacer></v-spacer>
             </v-row>
-            <p class="text-center" style="margin-bottom: 10px; font-size: 2.5rem; font-weight: 600;">User Name</p>
-            <p class="text-center" style="margin-bottom: 50px; font-size: 1.2rem">Informations personnelles</p>
+            <p class="text-center" style="margin-bottom: 10px; font-size: 2.5rem; font-weight: 600;">
+              {{ userName }}
+            </p>
+            <p class="text-center" style="margin-bottom: 50px; font-size: 1.2rem">
+              {{ firstName }} {{ lastName }}
+            </p>
 
             <v-form>
-              <v-text-field v-model="firstName" label="Prénom"></v-text-field>
-              <v-text-field v-model="lastName" label="Nom"></v-text-field>
-              <v-text-field v-model="titre" label="Titre"></v-text-field>
-              <v-text-field v-model="description" label="Description"></v-text-field>
-
+              <v-text-field variant="solo" v-model="firstName" label="Prénom" :readonly="!isEditing"></v-text-field>
+              <v-text-field variant="solo" v-model="lastName" label="Nom" :readonly="!isEditing"></v-text-field>
+              <v-text-field variant="solo" v-model="titre" label="Titre" :readonly="!isEditing"></v-text-field>
+              <v-text-field variant="solo" v-model="description" label="Description"
+                :readonly="!isEditing"></v-text-field>
             </v-form>
-            <v-col class="text-right"> <!-- Aligner le contenu à droite -->
-
+            <v-col class="text-right">
               <router-link :to="{ name: 'creatorfolio' }" class="">
                 <v-btn style="margin-right: 20px;">Retour</v-btn>
               </router-link>
-              <v-btn>Éditer</v-btn>
-
+              <v-btn @click="toggleEdit">{{ isEditing ? 'Sauvegarder' : 'Éditer' }}</v-btn>
             </v-col>
-
           </v-col>
-
         </v-row>
       </v-container>
     </v-container>
+
     <FooterLayout></FooterLayout>
   </body>
 </template>
 
-<script setup>
+<script async setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
-import { ref } from 'vue';
-
+import MyUserModel from "@/models/myUserModel.js";
+import { useClient } from "@/plugins/api.js";
+import { onBeforeMount, ref } from 'vue';
 
+const client = useClient();
 
 const profilePictureUrl = ref('/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png');
 const bannerImageUrl = ref('/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png');
 
+const firstName = ref('');
+const lastName = ref('');
+const userName = ref('');
+const titre = ref('');
+const description = ref('');
+
+const isEditing = ref(false);
+
+const fetchUserData = async () => {
+  try {
+    const myUser = await client.get("/api/GetMyUser");
+    const currentUserModel = MyUserModel.createFromApiResult(myUser.data);
+    firstName.value = currentUserModel.firstName;
+    lastName.value = currentUserModel.lastName;
+    userName.value = currentUserModel.userName;
+    // Assignez d'autres champs si nécessaire
+  } catch (error) {
+    console.error('Error fetching user data:', error);
+  }
+};
+
+const toggleEdit = () => {
+  isEditing.value = !isEditing.value;
+};
+
+onBeforeMount(fetchUserData);
 </script>
 
 <style>
@@ -89,7 +106,6 @@ const bannerImageUrl = ref('/images/usersmedia/guillaumeMousseau/banners/bannerG
   width: 300px;
   border-radius: 40px;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.6);
-
 }
 
 .row-shadow {

From 24ecff0d5915a0d47f6cb4b5f7a3ea8a4e29da61 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 9 Jun 2024 23:02:19 -0400
Subject: [PATCH 5/7] Update Back-end connection & fonction Front-end

---
 src/layouts/DefaultLayout.vue | 12 ++----------
 src/layouts/MainPage.vue      | 12 ++----------
 2 files changed, 4 insertions(+), 20 deletions(-)

diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index bf2b032..2bee566 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -44,7 +44,7 @@
               </v-list-item>
 
               <v-list-item v-if="currentUser">
-                <v-btn @click="handleLogout" class="full-width-btn" flat>Déconnecter</v-btn>
+                <v-btn @click="logout" class="full-width-btn" flat>Déconnecter</v-btn>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -97,7 +97,7 @@
           <v-list-item v-if="currentUser" @click="openWalletDialog" prepend-icon="mdi-wallet" title="Bourse"
             value="wallet"></v-list-item>
 
-          <v-list-item v-if="currentUser" @click="handleLogout" style="margin-top: 110%;" prepend-icon="mdi-logout"
+          <v-list-item v-if="currentUser" @click="logout" style="margin-top: 110%;" prepend-icon="mdi-logout"
             title="Déconnecter" value="logout"></v-list-item>
         </v-list>
       </v-navigation-drawer>
@@ -191,14 +191,6 @@ function logout() {
   localStorage.removeItem('jwt');
   currentUser = null;
   currentUserName.value = "INVITÉ";
-}
-
-function handleLogout() {
-  logout();
-  Reroot();
-}
-
-function Reroot() {
   router.push('/');
 }
 
diff --git a/src/layouts/MainPage.vue b/src/layouts/MainPage.vue
index 0db6c20..077bd39 100644
--- a/src/layouts/MainPage.vue
+++ b/src/layouts/MainPage.vue
@@ -1,7 +1,7 @@
 <template>
     <DefaultLayout style="margin-bottom: 30px"></DefaultLayout>
 
-    <!--
+    <!-- Router Info and user  informations
     <v-container style="margin-top: -1%; margin-bottom: 2%;">
         <v-row>
             <v-col align="center">
@@ -246,9 +246,6 @@
                         </v-col>
                     </v-row>
                 </div>
-
-
-
             </v-col>
 
 
@@ -322,7 +319,6 @@ import StripePayment from '../views/StripePayment.vue';
 
 const PublicCreatorData = ref(null);
 const selectedUsername = ref('');
-const manualUsername = ref('');
 const route = useRoute();
 const client = useClient();
 
@@ -348,7 +344,7 @@ let navigationItems = [
 const fetchUser = async (username) => {
     console.log(`Fetching user: ${username}`);
     try {
-        const response = await client.get(`/api/GetCreatorInfo`, {
+        const response = await client.get(`/api/Users`, {
             params: {
                 UserName: username
             }
@@ -382,10 +378,6 @@ const updateUser = () => {
     }
 };
 
-const manualFetch = () => {
-    fetchUser(manualUsername.value);
-};
-
 onMounted(updateUser);
 
 watch(() => route.params.username, updateUser);

From bb14c6071e72d86c34f3251ba03449c74004c143 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 20 Jun 2024 22:00:10 -0400
Subject: [PATCH 6/7] New CreatorMainpage more built with components

---
 src/layouts/DefaultLayout.vue                 |  47 +---
 src/router/index.js                           |   6 +
 src/views/main/CreatorFolio.vue               | 224 +++++++++---------
 src/views/main/CreatorMainPage.vue            |  11 +
 .../main/CreatorViewComponents/Banner.vue     |  21 ++
 5 files changed, 167 insertions(+), 142 deletions(-)
 create mode 100644 src/views/main/CreatorMainPage.vue
 create mode 100644 src/views/main/CreatorViewComponents/Banner.vue

diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index 2bee566..5ba3c0b 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -3,16 +3,22 @@
   <body style="background-color: #f4f4f4;">
     <!-- PC Version -->
     <v-card style="z-index: 1000; background-color: #ffff;" class="hidden-sm-and-down" elevation="5">
-      <v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;">
-        <v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
+      <v-container fluid>
+        <v-row>
           <v-menu>
             <template v-slot:activator="{ props }">
-              <v-row>
-                <!-- Colonne de droite -->
-                <v-col class="text-right d-flex align-center justify-end">
+              <v-row align="center"> <!-- Utilisation de align="center" pour aligner verticalement le contenu -->
+                <v-col class="ml-4">
+                  <router-link to="/">
+                    <v-img src="/images/hutopymedia/icons/logohutopy.png" alt="Description de l'image"
+                           style="height: 70px; width: 70px;" class="mr-2" :elevation="10"></v-img>
+                  </router-link>
+                </v-col>
+                
+                <v-col cols="auto" class="ml-auto"> <!-- Utilisation de ml-auto pour aligner à droite -->
                   <div class="d-flex align-center">
                     <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
-                      class="header-profile-icon mr-2" alt="Logo">
+                         class="header-profile-icon mr-2" alt="Logo">
                     <v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props" ref="walletActivator">
                       {{ currentUserName }}
                     </v-btn>
@@ -207,18 +213,15 @@ function openWalletDialog() {
   padding-right: 24px;
   z-index: 1001;
 }
-
 .mini-profile-picture {
   border-radius: 100px;
 }
-
 .header-profile-icon {
   height: 60px;
   width: 60px;
   border-radius: 50px;
   border: 2px solid #a30e79;
 }
-
 .mobile-profile-picture {
   height: 40px;
   border-radius: 50px;
@@ -226,37 +229,11 @@ function openWalletDialog() {
   border: 2px solid #a30e79;
   margin-right: 10px;
 }
-
-.header-banner {
-  border-top: 5px solid rgba(107, 0, 101, 1);
-  margin-top: 15%;
-}
-
-.social-container {
-  background-color: #006d77;
-  margin-top: -20%;
-  font-size: 1.4rem;
-  font-weight: 800;
-  color: white;
-}
-
-.social-container2 {
-  background-color: #0baab2;
-  font-size: 1.4rem;
-  font-weight: 800;
-  color: white;
-}
-
 .mobile-header {
   height: 50px;
   width: auto;
   border-radius: 10px;
 }
-
-.mobile-navigation-container {
-  background-color: #a30e79;
-}
-
 .h1-navigation {
   padding-left: 20%;
   font-size: 1.4rem;
diff --git a/src/router/index.js b/src/router/index.js
index ab2d6ce..5414f70 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@ import LoginView from '../views/LoginView.vue'
 import PaymentCompleted from '../views/PayementCompleted.vue'
 import SignupView from '../views/SignupView.vue'
 import ContactView from '../views/main/ContactView.vue'
+import CreatorMainPage from '../views/main/CreatorMainPage.vue'
 import CreatorFolio from '../views/main/CreatorFolio.vue'
 import HomeView from '../views/main/HomeView.vue'
 import UserBrowser from '../views/main/UsersBrowser.vue'
@@ -143,6 +144,11 @@ const routes = [
     path: '/creatorFolio',
     name: 'creatorFolio',
     component: CreatorFolio
+  },
+  {
+    path: '/creatormainpage',
+    name: 'creatormainpage',
+    component: CreatorMainPage
   }
 ]
 
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index 5a485ec..2f7eb67 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -4,10 +4,10 @@
 
     <!-- "Mobile -->
     <v-row class="fluid hidden-md-and-up social-mobile-container"
-      style="margin-top: -10px; position: relative; z-index: 0; " hidden-md-and-down>
+           style="margin-top: -10px; position: relative; z-index: 0;">
       <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
         <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-          style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+               style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
       </v-col>
     </v-row>
 
@@ -22,22 +22,21 @@
     </v-row>
 
     <!-- User Social Network Links -->
-    <v-container style="margin-top: -70px; padding: 0;" class="hidden-md-and-up social-container-mobile-icons"
-      hidden-md-and-down>
+    <v-container style="margin-top: -70px; padding: 0;" class="hidden-md-and-up social-container-mobile-icons">
 
       <!-- 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/GuillaumeMousseau222">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/facebookblack.png"
-              alt="Facebook"></v-img>
+                   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/guillaumeaime/">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
-              alt="Instagram"></v-img>
+                   alt="Instagram"></v-img>
           </a>
         </v-col>
         <!-- Profile picture - Small -->
@@ -51,16 +50,11 @@
         <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/@guillaumeaime">
             <v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
-              alt="TikTok"></v-img>
+                   alt="TikTok"></v-img>
           </a>
         </v-col>
 
-
-
-
         <v-spacer class="hidden-xs"> </v-spacer>
-
-
       </v-row>
 
       <!-- User informations Name title and description  -->
@@ -79,14 +73,12 @@
       </v-row>
       <v-row>
         <v-container style="border-bottom-left-radius: 15px; margin-top: -12px; border-bottom-right-radius: 15px;"
-          class="social-icon-group-mobile">
+                     class="social-icon-group-mobile">
           <v-expansion-panels style="min-width: 320px;">
             <v-col cols="12" offset="-1">
               <v-expansion-panel class="background-pink text-justify" style="color: white;"
-                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 :">
-
-
+                                 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>
@@ -95,21 +87,19 @@
     </v-container>
 
     <!-- Bannière Pc -->
-    <v-row class="fluid hidden-sm-and-down" style="margin-top: -65px; position: relative; z-index: 0; "
-      hidden-sm-and-up>
+    <v-row class="fluid hidden-sm-and-down" style="margin-top: -65px; position: relative; z-index: 0;">
       <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
         <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-          style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+               style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
       </v-col>
     </v-row>
-    <v-row class="hidden-sm-and-down" style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);"
-      hidden-sm-and-up>
+    <v-row class="hidden-sm-and-down" style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
     </v-row>
 
     <!-- "Core (Menu / Center / Donation)" -->
     <v-row>
       <!-- "Menu" -->
-      <v-col cols="2" md="3" lg="3" xl="3" xxl="2" class="hidden-sm-and-down menu-col" hidden-sm-and-down>
+      <v-col cols="2" md="3" lg="3" xl="3" xxl="2" class="hidden-sm-and-down menu-col">
         <v-col style="margin: 0;">
           <v-row class="Hutopy-menu-sticky-mobile">
             <v-spacer></v-spacer>
@@ -118,12 +108,11 @@
                 <!-- Nav-Btn -->
                 <v-col cols="12" class="px-0">
                   <v-img src="/images/hutopymedia/banners/hutopy.png" alt="Description de l'image"
-                    style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img>
+                         style="height: 150px; width: 300px;" class="mx-auto" :elevation="10"></v-img>
                   <v-list dense class="main-background">
                     <v-list-item v-for="item in navigationItems" :key="item.link">
                       <router-link :to="item.link">
-                        <v-btn text class="d-flex align-start align-center main-background" elevation="0"
-                          outlined="false">
+                        <v-btn text class="d-flex align-start align-center main-background" elevation="0">
                           <v-icon left class="mr-4">{{ item.icon }}</v-icon>
                           {{ item.text }}
                         </v-btn>
@@ -142,7 +131,7 @@
       <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="6" xl="6" xxl="8">
         <v-row class="d-flex justify-center align-center">
           <v-col xl="10" xxl="8">
-            <v-container class="profile-container hidden-sm-and-down" hidden-md-and-up>
+            <v-container class="profile-container hidden-sm-and-down">
               <v-container>
                 <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
                 <!-- User informations Name & title  -->
@@ -167,16 +156,16 @@
                       <v-row>
                         <a href="https://www.facebook.com/GuillaumeMousseau222">
                           <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
-                            alt="Description image 2">
+                               alt="Description image 2">
                         </a>
                         <a href="https://www.instagram.com/p/C2f-3UnNdfX/">
                           <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
-                            alt="Description image 2">
+                               alt="Description image 2">
                         </a>
 
                         <a href="https://www.tiktok.com/@guillaumeaime">
                           <img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
-                            alt="Description image 2">
+                               alt="Description image 2">
                         </a>
                       </v-row>
                     </v-col>
@@ -186,12 +175,12 @@
                   <!-- Description  -->
                   <v-row>
                     <v-container
-                      style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
+                        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 text-justify" style="color: white;"
-                            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 :">
+                                             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>
@@ -209,84 +198,92 @@
           </v-col>
         </v-row>
 
-        <!-- Card youtube balado -->
+        <!-- Example carte dynamique avec expension -->
         <v-row class="d-flex justify-center align-center">
           <v-col xl="10" xxl="8">
             <v-container>
               <v-card class="flow-menu m-0 youtube-card">
-                <!-- Title, date and btn -->
                 <v-col>
                   <v-row>
                     <v-col class="text-center">
-                      <h1 class="card-title">
-                        MON PREMIER BALADO</h1>
+                      <h1 class="card-title">POST DYNAMIQUE</h1>
+                    </v-col>
+                    <v-col class="text-right">
+                      <v-btn class="btn-card-options" flat tile elevation="0">
+                        <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
+                      </v-btn>
                     </v-col>
-
-                    <!--<v-col class="text-right">
-<v-btn class="btn-card-options" flat tile elevation="0">
-                    <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
-                  </v-btn>          (a intégrer)
-                </v-col> -->
                   </v-row>
-
                 </v-col>
+                <v-img :src="imageSrc" title="Guillaumem"></v-img>
+                <p class="text-justify pa-10" style="margin-bottom: -10px; font-size: 1em">
+                  C’est un honneur de vous présenter mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement.
+                </p>
+                <div v-if="showMore">
+                  <v-row no-gutters>
+                    <v-col cols="6" class="text-center pa-0">
+                      <v-img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png" @click="openCarousel(0)" class="image-full"></v-img>
+                    </v-col>
+                    <v-col cols="6" class="text-center pa-0">
+                      <v-img src="/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png" @click="openCarousel(1)" class="image-full"></v-img>
+                    </v-col>
+                  </v-row>
+                  <p class="text-justify pa-10" style="font-size: 1em; margin-bottom: -25px">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                  </p>
 
-                <!-- Card core Video/image & text -->
-                <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-                  <v-container>
-                    <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                      src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
-                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                      allowfullscreen></iframe>
+                  <p class="text-justify pa-10" style="font-size: 1em;">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                  </p>
 
-                    <!-- Date -->
-                    <v-row class="text-right">
-                      <v-col>
-                        <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                          24-04-2024
-                        </h1>
-                      </v-col>
-                    </v-row>
+                  <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
+                          src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
+                          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                          allowfullscreen></iframe>
 
-
-                    <p class="text-justify pa-10" style="margin-bottom: -50px; font-size: 1em">C’est un honneur de vous
-                      présenter
-                      mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront
-                      particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la
-                      suite,
-                      je
-                      partage mon itinéraire professionnel peu conventionnel : de mes débuts dans le secteur bovin à
-                      travers
-                      le
-                      Canada, à mon poste actuel comme directeur marketing chez Journal Mobile, jusqu'à la direction de
-                      mon
-                      agence
-                      créative, Alliés. Enfin, je vous invite à découvrir un autre aspect de ma vie à travers ma page
-                      personnelle,
-                      "Guillaume aime", où je partage tout ce qui me passionne.</p>
-
-
-                    <!-- Like dislike commment Section -->
-                    <div style="height: 20px;"></div>
-                    <div
-                      style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                    </div>
-                    <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-                    </div>
-
-                    <!-- Comments -->
-                    <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                      placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-                  </v-container>
+                  <p class="text-justify pa-10" style="font-size: 1em;">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                  </p>
                 </div>
+                <!-- Like dislike commment Section -->
+                <div style="height: 20px;"></div>
+                <div
+                    style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                  
+                </div>
+
+                <!-- Comments -->
+                <v-text-field style="margin-bottom: 15px; margin-bottom: -20px"
+                              placeholder="Commentaire"></v-text-field>
+                <v-row>
+                  <v-col class="text-right" style="margin-right: 25px">
+                    <v-btn variant="plain" @click="toggleShowMore" class="text-body-2" style="margin-bottom: 10px;  font-weight: bold">
+                      {{ showMore ? 'AFFICHER MOINS' : 'AFFICHER PLUS' }}
+                    </v-btn>
+                  </v-col>
+
+                </v-row>
               </v-card>
             </v-container>
           </v-col>
+
+          <v-dialog v-model="carouselVisible" max-width="600px">
+            <v-carousel v-model="currentImage">
+              <v-carousel-item v-for="(image, index) in images" :key="index">
+                <v-img :src="image"></v-img>
+              </v-carousel-item>
+            </v-carousel>
+          </v-dialog>
         </v-row>
+
+        <!-- Card youtube balado -->
+       
       </v-col>
 
       <!-- "Large-Monitor-RightCol" Donation -->
-      <v-col cols="2" md="3" lg="3" xl="2" xxl="2" class="hidden-sm-and-down" hidden-sm-and-up>
+      <v-col cols="2" md="3" lg="3" xl="2" xxl="2" class="hidden-sm-and-down">
         <v-row>
           <v-col>
             <v-container class="sticky-bottom-label Je-soutien-container" style="max-width: 400px ;  bottom: 0;">
@@ -294,7 +291,7 @@
               <v-card style="border-radius: 20px;">
                 <v-container>
                   <v-row class="mb-0"
-                    style="background-color: #6b0065; margin-left: -24px; margin-right: -24px; margin-top: -20px; justify-content: center;">
+                         style="background-color: #6b0065; margin-left: -24px; margin-right: -24px; margin-top: -20px; justify-content: center;">
                     <v-card-title class="text-soutiens" style="margin-top: 15px;">
                       JE SOUTIENS!
                     </v-card-title>
@@ -313,12 +310,11 @@
     </v-row>
 
     <!-- "Mobile" Donation -->
-    <v-col class="hidden-md-and-up sticky-bottom-label" hidden-sm-and-down
-      style="background-color: #6b0065; margin-top: 30px; text-align: center;">
-
+    <v-col class="hidden-md-and-up sticky-bottom-label"
+           style="background-color: #6b0065; margin-top: 30px; text-align: center;">
       <!-- Barre cliquable pour ouvrir le drawer -->
       <v-btn @click="drawerbottom = !drawerbottom" elevation="0"
-        style="background-color: #6b0065; color: white; text-align: center;" class="text-soutiens ">
+             style="background-color: #6b0065; color: white; text-align: center;" class="text-soutiens ">
         JE SOUTIENS
       </v-btn>
     </v-col>
@@ -332,7 +328,6 @@
             <StripePayment></StripePayment>
           </v-container>
         </v-bottom-sheet>
-
       </div>
     </template>
 
@@ -346,17 +341,39 @@ import FooterLayout from '@/layouts/FooterLayout.vue';
 import PostContentMenu from '@/layouts/PostContentMenu.vue';
 import { ref } from 'vue';
 import StripePayment from '../StripePayment.vue';
+
 let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
 let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png';
-let name = 'Guillaume Mousseau'
-let title = 'Créateur de contenus'
-let drawerbottom = ref(false)
+let name = 'Guillaume Mousseau';
+let title = 'Créateur de contenus';
+let drawerbottom = ref(false);
 
 let navigationItems = [
   { icon: 'mdi-home', text: 'Accueil', link: 'home' },
   { icon: 'mdi-account-group', text: 'Utilisateur', link: '/userbrowser' },
   { icon: 'mdi-handshake', text: 'Aidez-nous', link: '/contact' },
 ];
+
+// Ajouter la variable réactive pour gérer l'état d'affichage du contenu
+let showMore = ref(false);
+
+// Ajouter les variables et méthodes pour gérer le carrousel
+let carouselVisible = ref(false);
+let currentImage = ref(0);
+let images = [
+  '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png',
+  '/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand.jpg',
+  // Ajoutez ici toutes les images que vous souhaitez afficher dans le carrousel
+];
+
+const toggleShowMore = () => {
+  showMore.value = !showMore.value;
+};
+
+const openCarousel = (index) => {
+  currentImage.value = index;
+  carouselVisible.value = true;
+};
 </script>
 
 <style scoped>
@@ -364,7 +381,6 @@ let navigationItems = [
   filter: invert(1);
 }
 
-
 .Hutopy-menu-sticky-mobile {
   position: sticky;
   top: 0;
@@ -490,8 +506,6 @@ let navigationItems = [
   font-size: .8rem;
 }
 
-
-
 .social-container {
   background-color: #006d77;
   border-top-right-radius: 30px;
@@ -897,9 +911,6 @@ let navigationItems = [
 }
 
 @media (min-width: 2560px) {
-
-
-
   .mobile-profile-picture-creator {
     transform: scale(1.5) translateY(25%) translateX(-20px);
   }
@@ -914,7 +925,6 @@ let navigationItems = [
 
   .name-info {
     font-size: 2rem;
-
   }
 
   .social-container {
@@ -938,4 +948,4 @@ let navigationItems = [
     margin-left: 40px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/main/CreatorMainPage.vue b/src/views/main/CreatorMainPage.vue
new file mode 100644
index 0000000..ebabdbe
--- /dev/null
+++ b/src/views/main/CreatorMainPage.vue
@@ -0,0 +1,11 @@
+<template>
+ <default-layout></default-layout>
+  <banner></banner>
+  <FooterLayout></FooterLayout>
+</template>
+
+<script setup>
+import DefaultLayout from '@/layouts/DefaultLayout.vue';
+import FooterLayout from '@/layouts/FooterLayout.vue';
+import Banner from '@/views/main/CreatorViewComponents/Banner.vue';
+</script>
\ No newline at end of file
diff --git a/src/views/main/CreatorViewComponents/Banner.vue b/src/views/main/CreatorViewComponents/Banner.vue
new file mode 100644
index 0000000..4032a45
--- /dev/null
+++ b/src/views/main/CreatorViewComponents/Banner.vue
@@ -0,0 +1,21 @@
+<template>
+  <v-container fluid>
+    <!-- Bannière Pc -->
+    <v-row   style="margin-top: -15px; position: relative; z-index: 0; width: 100vw;">
+      <v-col cols="12" class="pa-0">
+        <v-img class="profile-banner" max-height="375" max-width="100%" :src="imageSrc" cover
+               style="width: 100%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+
+      </v-col>
+    </v-row  >
+   
+    <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
+    </v-row>
+  </v-container>
+</template>
+
+
+<script setup>
+let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
+let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png';
+</script>
\ No newline at end of file

From f1fe81ea138f2b4cd7ee919c42371551937f4e06 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 20 Jun 2024 22:01:40 -0400
Subject: [PATCH 7/7] Logo

---
 public/images/hutopymedia/icons/logohutopy.png | Bin 0 -> 29230 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 public/images/hutopymedia/icons/logohutopy.png

diff --git a/public/images/hutopymedia/icons/logohutopy.png b/public/images/hutopymedia/icons/logohutopy.png
new file mode 100644
index 0000000000000000000000000000000000000000..4935df63336a584601c0ed8c639c5b457cef62fe
GIT binary patch
literal 29230
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
MWmRSBq|Cwp2T^zKH~;_u

literal 0
HcmV?d00001