4 users pages modifications - Need Chloé informations
This commit is contained in:
PascalMarchesseault
BIN
public/images/hutopymedia/icons/black/leffetblack.png
Normal file
BIN
public/images/hutopymedia/icons/black/leffetblack.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 691 KiB After Width: | Height: | Size: 1.2 MiB |
BIN
public/images/usersmedia/leffet/banners/banner02.jpg
Normal file
BIN
public/images/usersmedia/leffet/banners/banner02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
@@ -74,8 +74,8 @@
|
||||
<router-link :to="{ name: 'home' }" class="">
|
||||
<v-list-item prepend-icon="mdi-home" title="Accueil" value="home"></v-list-item>
|
||||
</router-link>
|
||||
<RouterLink :to="{ name: 'contact' }">
|
||||
<v-list-item prepend-icon="mdi-account-multiple" title="Amis" value="friends"></v-list-item>
|
||||
<RouterLink :to="{ name: 'userbrowser' }">
|
||||
<v-list-item prepend-icon="mdi-account-multiple" title="Membres" value="friends"></v-list-item>
|
||||
</RouterLink>
|
||||
<!-- <v-list-item prepend-icon="mdi-newspaper" title="Contenu" value="content"></v-list-item>-->
|
||||
<!-- <v-list-item prepend-icon="mdi-wallet" title="Portefeuille" value="wallet"></v-list-item>-->
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<v-container>
|
||||
|
||||
<v-row>
|
||||
<v-text-field label="Message" v-model="tipMessage"
|
||||
<v-text-field label="Message (facultatif)" v-model="tipMessage"
|
||||
style="border-radius: 10px; margin-top: 10px; margin-bottom: 10px; color: #a30e79; background-color: #f4f4f4">
|
||||
</v-text-field>
|
||||
</v-row>
|
||||
|
||||
@@ -55,8 +55,12 @@
|
||||
</a>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
|
||||
</v-col>
|
||||
|
||||
|
||||
|
||||
<v-spacer class="hidden-xs"> </v-spacer>
|
||||
|
||||
|
||||
</v-row>
|
||||
|
||||
<!-- User informations Name title and description -->
|
||||
@@ -251,11 +255,6 @@
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
<!-- x
|
||||
<a href="https://www.facebook.com/profile.php?id=61556819217561">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
|
||||
alt="Description image 2">
|
||||
</a> -->
|
||||
|
||||
<a href="https://www.tiktok.com/@guillaumeaime">
|
||||
<img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
|
||||
|
||||
@@ -28,18 +28,12 @@
|
||||
<!-- 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">
|
||||
<a href="https://www.facebook.com/cloe.beaugrand">
|
||||
<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/p/C2f-3UnNdfX//">
|
||||
<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">
|
||||
@@ -47,16 +41,13 @@
|
||||
</v-row>
|
||||
</v-col>
|
||||
|
||||
<!-- TikTok -->
|
||||
<!-- 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.tiktok.com/@guillaumeaime">
|
||||
<v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
|
||||
alt="TikTok"></v-img>
|
||||
<a href="https://www.instagram.com/cloe.bg/">
|
||||
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
|
||||
alt="Instagram"></v-img>
|
||||
</a>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<!-- User informations Name title and description -->
|
||||
@@ -243,24 +234,14 @@
|
||||
<v-spacer></v-spacer>
|
||||
<v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
|
||||
<v-row>
|
||||
<a href="https://www.facebook.com/GuillaumeMousseau222">
|
||||
<a href="https://www.facebook.com/cloe.beaugrand">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
<a href="https://www.instagram.com/p/C2f-3UnNdfX/">
|
||||
<a href="https://www.instagram.com/cloe.bg/">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
<!-- x
|
||||
<a href="https://www.facebook.com/profile.php?id=61556819217561">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
|
||||
alt="Description image 2">
|
||||
</a> -->
|
||||
|
||||
<a href="https://www.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>
|
||||
@@ -545,12 +526,12 @@ import StripePayment from '../StripePayment.vue';
|
||||
let imageSrc = '/images/usersmedia/chloebeaugrand/banners/bannerChloeBeaugrand01.png';
|
||||
let profilePicture = '/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png';
|
||||
let name = 'Chloé Beaugrand'
|
||||
let title = 'Spécialiste en média sociaux'
|
||||
let title = 'Spécialiste en média'
|
||||
let drawerbottom = ref(false)
|
||||
|
||||
let navigationItems = [
|
||||
{ icon: 'mdi-home', text: 'Accueil', link: 'home' },
|
||||
{ icon: 'mdi-account-group', text: 'Membres', link: '/contact' },
|
||||
{ icon: 'mdi-account-group', text: 'Membres', link: '/userbrowser' },
|
||||
//{ icon: 'mdi-file-document-outline', text: 'Contenu', link: '/creatorfolio' }
|
||||
];
|
||||
</script>
|
||||
@@ -684,7 +665,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container {
|
||||
background-color: #006d77;
|
||||
background-color: #8c5536;
|
||||
border-top-right-radius: 30px;
|
||||
border-bottom-right-radius: 30px;
|
||||
font-size: 1.7rem;
|
||||
@@ -693,7 +674,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container2 {
|
||||
background-color: #0baab2;
|
||||
background-color: #231f20;
|
||||
border-bottom-right-radius: 30px;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
@@ -701,7 +682,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container-mobile {
|
||||
background-color: #858486;
|
||||
background-color: #8c5536;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
@@ -719,7 +700,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-icon-group-mobile {
|
||||
background-color: #8c406e;
|
||||
background-color: #272526;
|
||||
}
|
||||
|
||||
.mini-profile-picture {
|
||||
@@ -764,6 +745,7 @@ let navigationItems = [
|
||||
|
||||
.profile-banner {
|
||||
margin-top: 25px;
|
||||
min-height: 200px
|
||||
}
|
||||
|
||||
.v-navigation-drawer {
|
||||
|
||||
@@ -48,17 +48,15 @@
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
|
||||
<a href="https://www.x.com/">
|
||||
<a href="https://twitter.com/Hutopyinc">
|
||||
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/xblack.png" alt="X"></v-img>
|
||||
</a>
|
||||
</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 -->
|
||||
@@ -254,15 +252,12 @@
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
|
||||
<a href="https://www.facebook.com/profile.php?id=61556819217561">
|
||||
<a href="https://twitter.com/Hutopyinc">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/xblack.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>
|
||||
|
||||
@@ -27,19 +27,13 @@
|
||||
|
||||
<!-- 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">
|
||||
<v-col cols="6" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
|
||||
<a href="https://www.facebook.com/Hutopy">
|
||||
<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/hutopy.inc/">
|
||||
<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">
|
||||
@@ -47,16 +41,11 @@
|
||||
</v-row>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
|
||||
<a href="https://www.x.com/">
|
||||
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/xblack.png" alt="X"></v-img>
|
||||
</a>
|
||||
</v-col>
|
||||
<!-- 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>
|
||||
<!-- L'effet -->
|
||||
<v-col cols="6" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
|
||||
<a href="https://fondationleffet.ca/">
|
||||
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/leffetblack.png"
|
||||
alt="Instagram"></v-img>
|
||||
</a>
|
||||
</v-col>
|
||||
</v-row>
|
||||
@@ -64,13 +53,13 @@
|
||||
<!-- 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>
|
||||
<v-row class="d-flex justify-center" style="font-size: 2rem">
|
||||
{{ 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>
|
||||
<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>
|
||||
@@ -81,8 +70,8 @@
|
||||
<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="Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillerons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur."
|
||||
title="À propos d'Hutopy :">
|
||||
text="La Fondation L'effet est un organisme de bienfaisance qui a trois fins principales, toutes pour prendre soin de son prochain. Notre principal objectif est de promouvoir l’éducation, en fournissant les ressources nécessaires et en donnant des conférences afin d’encourager la persévérance scolaire. Nous soulageons également les conditions des personnes atteintes d'un handicap en offrant des programmes récréatifs et d’autres services de soutien visant à appuyer leur mieux-être physique, mental et émotif afin qu’ils deviennent et demeurent des acteurs importants au sein de la collectivité. La Fondation L’effet encourage aussi les autres organismes et aide les initiatives individuelles ou corporatives à faire une différence positive dans leur communauté."
|
||||
title="Notre mission">
|
||||
|
||||
|
||||
</v-expansion-panel>
|
||||
@@ -249,18 +238,8 @@
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
<a href="https://www.instagram.com/hutopy.inc/">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
|
||||
<a href="https://www.facebook.com/profile.php?id=61556819217561">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
|
||||
<a href="https://www.tiktok.com/@guillaumeaime">
|
||||
<img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
|
||||
<a href="https://fondationleffet.ca/">
|
||||
<img class="socialicons" src="/images/hutopymedia/icons/black/leffetblack.png"
|
||||
alt="Description image 2">
|
||||
</a>
|
||||
</v-row>
|
||||
@@ -275,8 +254,8 @@
|
||||
<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="Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillerons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur."
|
||||
title="À propos d'Hutopy :">
|
||||
text="La Fondation L'effet est un organisme de bienfaisance qui a trois fins principales, toutes pour prendre soin de son prochain. Notre principal objectif est de promouvoir l’éducation, en fournissant les ressources nécessaires et en donnant des conférences afin d’encourager la persévérance scolaire. Nous soulageons également les conditions des personnes atteintes d'un handicap en offrant des programmes récréatifs et d’autres services de soutien visant à appuyer leur mieux-être physique, mental et émotif afin qu’ils deviennent et demeurent des acteurs importants au sein de la collectivité. La Fondation L’effet encourage aussi les autres organismes et aide les initiatives individuelles ou corporatives à faire une différence positive dans leur communauté."
|
||||
title="Notre mission">
|
||||
</v-expansion-panel>
|
||||
</v-col>
|
||||
</v-expansion-panels>
|
||||
@@ -285,8 +264,105 @@
|
||||
</v-container>
|
||||
</v-container>
|
||||
</v-container>
|
||||
<v-container>
|
||||
</v-container>
|
||||
|
||||
<!-- <PostContentMenu style="margin-top: -30px;"></PostContentMenu> Post -->
|
||||
<v-container style="margin-top: -30px"> <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">
|
||||
DOCU-PODCAST</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>
|
||||
<iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
|
||||
src="https://www.youtube.com/embed/3MqKVf1CEIQ?si=aV03Xq2ZNwlv1DWu" 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">
|
||||
24-04-2024
|
||||
</h1>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
|
||||
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">
|
||||
|
||||
C’est un honneur de vous
|
||||
En exclusivité : Voici l'Épisode 8 de la Saison 2 du Docu-Podcast de Cédieu Léveillé avec le Fondateur
|
||||
de la
|
||||
Fondation l'Effet, Marc-Olivier Hébert. Cette homme est un Ange sur 2 pattes et un Master de
|
||||
l'Introspection :
|
||||
'' Quand j'ai Compris que Mon Seul Obstacle Était Moi-même '' ! Merci de continuer à faire partie de
|
||||
cette
|
||||
AVENTURE et à être les PIONNIERS de mon Docu-Podcast. Seuls vous, Fidèles PIADINS avez le DROIT à
|
||||
l'ENTIÈRETÉ
|
||||
de ces images !!!
|
||||
Marc-Olivier
|
||||
Marc-Olivier Hébert
|
||||
Le nom de la Fondation vient de l'origine du phénomène que l’on nomme ‘’L’effet Papillon’’. Cette
|
||||
théorie
|
||||
implique que le battement d’ailes d’un papillon au Brésil peut provoquer une tempête au Texas.
|
||||
|
||||
Selon l’expression, inventée par le météorologue Edward Lorenz, il suffit de modifier de façon infime
|
||||
un
|
||||
paramètre dans un modèle météo pour que celui-ci s’amplifie progressivement et provoque, à long terme,
|
||||
des
|
||||
changements colossaux. Cette notion ne concerne plus seulement la météo, mais s’applique également aux
|
||||
sciences humaines et à l’environnement. <br><br>
|
||||
|
||||
L'effet papillon est matérialisé par une chaîne d'événements qui se suivent les uns les autres et dont
|
||||
le
|
||||
précédent influe sur le suivant. Ainsi, on part d'un événement minuscule au début de la chaîne pour
|
||||
arriver à
|
||||
une chose gigantesque.
|
||||
<br><br>
|
||||
|
||||
Chaque action que nous entreprenons crée automatiquement un résultat. Il est à nous de choisir qu’il
|
||||
soit
|
||||
toujours positif.
|
||||
<br><br>
|
||||
|
||||
Donc, voici toute l’essence de la nature de cette fondation. Que de petites actions et gestes positifs
|
||||
créeront automatiquement de grandes et merveilleuses différences positives dans la vie des
|
||||
participants
|
||||
et des
|
||||
bénéficiaires.
|
||||
</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>
|
||||
@@ -312,8 +388,7 @@
|
||||
<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>
|
||||
<v-img src="images/usersmedia/leffet/profilepictures/leffetProfile01.png" title="Guillaumem"></v-img>
|
||||
|
||||
<!-- Date -->
|
||||
<v-row class="text-right">
|
||||
@@ -324,13 +399,32 @@
|
||||
</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>
|
||||
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">Le nom de la Fondation vient de
|
||||
l'origine du phénomène que l’on nomme ‘’L’effet Papillon’’. Cette théorie implique que le battement
|
||||
d’ailes d’un papillon au Brésil peut provoquer une tempête au Texas.<br><br>
|
||||
|
||||
Selon l’expression, inventée par le météorologue Edward Lorenz, il suffit de modifier de façon infime
|
||||
un paramètre dans un modèle météo pour que celui-ci s’amplifie progressivement et provoque, à long
|
||||
terme,
|
||||
des changements colossaux. Cette notion ne concerne plus seulement la météo, mais s’applique également
|
||||
aux
|
||||
sciences humaines et à l’environnement.<br>
|
||||
<br>
|
||||
|
||||
L'effet papillon est matérialisé par une chaîne d'événements qui se suivent les uns les autres et dont
|
||||
le précédent influe sur le suivant. Ainsi, on part d'un événement minuscule au début de la chaîne pour
|
||||
arriver à une chose gigantesque.<br>
|
||||
<br>
|
||||
|
||||
|
||||
Chaque action que nous entreprenons crée automatiquement un résultat. Il est à nous de choisir qu’il
|
||||
soit toujours positif.
|
||||
|
||||
Donc, voici toute l’essence de la nature de cette fondation. Que de petites actions et gestes positifs
|
||||
créeront automatiquement de grandes et merveilleuses différences positives dans la vie des
|
||||
participants et
|
||||
des bénéficiaires.
|
||||
</p>
|
||||
|
||||
<!-- Like dislike commment Section -->
|
||||
<div style="height: 20px;"></div>
|
||||
@@ -411,10 +505,10 @@ import DefaultLayout from '@/layouts/DefaultLayout.vue';
|
||||
import FooterLayout from '@/layouts/FooterLayout.vue';
|
||||
import { ref } from 'vue';
|
||||
import StripePayment from '../StripePayment.vue';
|
||||
let imageSrc = '/images/usersmedia/leffet/banners/banner01.png';
|
||||
let imageSrc = '/images/usersmedia/leffet/banners/banner02.jpg';
|
||||
let profilePicture = '/images/usersmedia/leffet/profilepictures/leffetProfile01.png';
|
||||
let name = 'L\'effet'
|
||||
let title = 'page officiel'
|
||||
let name = 'L\'EFFET'
|
||||
let title = 'Page officiel'
|
||||
let drawerbottom = ref(false)
|
||||
|
||||
let navigationItems = [
|
||||
@@ -505,7 +599,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.background-pink {
|
||||
background-color: #23393b;
|
||||
background-color: #c9017d;
|
||||
color: white;
|
||||
font-weight: 400;
|
||||
}
|
||||
@@ -553,7 +647,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container {
|
||||
background-color: #6b0065;
|
||||
background-color: #79cc02;
|
||||
border-top-right-radius: 30px;
|
||||
border-bottom-right-radius: 30px;
|
||||
font-size: 1.7rem;
|
||||
@@ -562,7 +656,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container2 {
|
||||
background-color: #a30e79;
|
||||
background-color: #fbc702;
|
||||
border-bottom-right-radius: 30px;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
@@ -570,7 +664,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container-mobile {
|
||||
background-color: #006d77;
|
||||
background-color: #9add03;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
@@ -580,7 +674,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-container2-mobile {
|
||||
background-color: #0baab2;
|
||||
background-color: #fcc602;
|
||||
z-index: 1000;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
@@ -588,7 +682,7 @@ let navigationItems = [
|
||||
}
|
||||
|
||||
.social-icon-group-mobile {
|
||||
background-color: #0baab2;
|
||||
background-color: #588801;
|
||||
}
|
||||
|
||||
.mini-profile-picture {
|
||||
|
||||
Reference in New Issue
Block a user