Guillaume-Modification

src/views/main/CreatorFolio.vue

@@ -280,27 +280,26 @@
           </v-container>
         </v-container>
 
-        <!-- Card youtube -->
+
+
+        <!-- Card youtube balado -->
         <v-container>
           <v-card class="flow-menu m-0 youtube-card">
             <!-- Title, date and btn -->
             <v-col>
               <v-row>
-                <v-col>
+                <v-col class="text-center">
                   <h1 class="card-title">
-                    PODCAST #01</h1>
+                    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-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-btn>          (a intégrer)  
-                </v-col>
+                </v-col> -->
-              </v-row>
-              <v-row>
-                <h1 class="card-date">
-                  10-03-2024</h1>
               </v-row>
+
             </v-col>
 
             <!-- Card core Video/image & text -->
@@ -312,12 +311,28 @@
                   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                   allowfullscreen></iframe>
 
-                <p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">Ma mission est claire :
+                <!-- Date -->
-                  mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une
+                <v-row class="text-right">
-                  histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de
+                  <v-col>
-                  créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que
+                    <h1 style=" margin-right: 40px; margin-top: 10px">
-                  derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et
+                      24-04-2024
-                  comprises. Et toi, quel est ton objectif pour cette année?</p>
+                    </h1>
+                  </v-col>
+                </v-row>
+
+
+                <p class="text-justify pa-10" style="margin-bottom: -3%; 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>
@@ -335,6 +350,135 @@
           </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>
+
+            </v-col>
+
+            <!-- Card core Video/image & text -->
+            <div
+              style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -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">
+                      23-04-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -3%; 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>
+
+                <!-- 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;"
+                  placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></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-row>
+                <h1 class="card-date">
+                  22-04-2024</h1>
+              </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%; margin-bottom: -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">
+                      22-04-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -3%; 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;"
+                  placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field>
+              </v-container>
+            </div>
+          </v-card>
+        </v-container>
+
+
       </v-col>
 
       <!-- "Large-Monitor-RightCol" Donation -->