jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged PR 45: Router-Link updated

Browse Source 
-Ajout de la variable statique guillaumeAime avec une URL.
-CreatorFolio n'est plus accessible via l'interface utilisateur, mais uniquement via l'URL directe.
This commit is contained in:
Pascal Marchesseault
2024-05-10 02:05:43 +00:00
committed by Dominic Villemure
parent d8d650ed13 22f3a39c03
commit 97f03abb93
11 changed files with 1237 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/hutopymedia/banners/hutopy.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 64 KiB

BIN
public/images/hutopymedia/homepage/votrehutopy.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 88 KiB

BIN
public/images/usersmedia/leffet/banners/banner02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

2
src/layouts/DefaultLayout.vue
View File

@@ -19,7 +19,7 @@
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png" <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"> <v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props">
ANONYME INVITÉ
</v-btn> </v-btn>
</div> </div>
</v-col> </v-col>

9
src/router/index.js
View File

@@ -1,3 +1,4 @@
import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue'
import About from '@/views/tos/About.vue' import About from '@/views/tos/About.vue'
import ContentPolicy from '@/views/tos/ContentPolicy.vue' import ContentPolicy from '@/views/tos/ContentPolicy.vue'
import FAQ from '@/views/tos/FAQ.vue' import FAQ from '@/views/tos/FAQ.vue'
@@ -26,7 +27,7 @@ const router = createRouter({
component: HomeView component: HomeView
}, },
{ {
path: '/guillaumeaime', path: '/creatorfolio',
name: 'creatorfolio', name: 'creatorfolio',
component: CreatorFolio component: CreatorFolio
}, },
@@ -116,6 +117,12 @@ const router = createRouter({
name: 'chloebeauregard', name: 'chloebeauregard',
component: ChloeBeauregard component: ChloeBeauregard
}, },
{
path: '/guillaumeaime',
name: 'guillaumeaime',
component: GuillaumeAime
},
], ],
scrollBehavior(to, from, savedPosition) { scrollBehavior(to, from, savedPosition) {
return { top: 0 }; return { top: 0 };

58
src/views/main/CreatorFolio.vue
View File

@@ -283,7 +283,9 @@
</v-container> </v-container>
</v-container> </v-container>
<!-- <PostContentMenu style="margin-top: -30px;"></PostContentMenu> Post -->
<PostContentMenu style="margin-top: -30px;"></PostContentMenu>
<!-- Card youtube balado --> <!-- Card youtube balado -->
<v-container> <v-container>
@@ -306,8 +308,7 @@
</v-col> </v-col>
<!-- Card core Video/image & text --> <!-- Card core Video/image & text -->
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container> <v-container>
<iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;" <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" src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
@@ -317,14 +318,14 @@
<!-- Date --> <!-- Date -->
<v-row class="text-right"> <v-row class="text-right">
<v-col> <v-col>
<h1 style=" margin-right: 40px; margin-top: 10px"> <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
24-04-2024 24-04-2024
</h1> </h1>
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">C’est un honneur de vous <p class="text-justify pa-10" style="margin-bottom: -50px; font-size: 1em">C’est un honneur de vous
présenter présenter
mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront 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 particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la suite, je
@@ -346,13 +347,14 @@
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
</v-container> </v-container>
<!-- Card nouvelle boutique --> <!-- Card nouvelle boutique -->
<v-container> <v-container>
<v-card class="flow-menu m-0 youtube-card"> <v-card class="flow-menu m-0 youtube-card">
@@ -363,19 +365,18 @@
<h1 class="card-title"> <h1 class="card-title">
NOUVELLE BOUTIQUE À SAINT-HYACINTHE</h1> NOUVELLE BOUTIQUE À SAINT-HYACINTHE</h1>
</v-col> </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-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>
</v-col> </v-col>
<!-- Card core Video/image & text --> <!-- Card core Video/image & text -->
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container> <v-container>
<v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/nouvelleboutique.jpg" <v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/nouvelleboutique.jpg"
title="Guillaumem"></v-img> title="Guillaumem"></v-img>
@@ -383,13 +384,14 @@
<!-- Date --> <!-- Date -->
<v-row class="text-right"> <v-row class="text-right">
<v-col> <v-col>
<h1 style=" margin-right: 40px; margin-top: 10px"> <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
23-04-2024 24-04-2024
</h1> </h1>
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">J’ai découvert une nouvelle
<p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">J’ai découvert une nouvelle
boutique boutique
à St-Hyacinthe qui embrasse exactement ma philosophie derrière la page Guillaume Aime: faire découvrir à St-Hyacinthe qui embrasse exactement ma philosophie derrière la page Guillaume Aime: faire découvrir
le le
@@ -402,6 +404,7 @@
Carl Carl
pour ce projet!</p> pour ce projet!</p>
<!-- Like dislike commment Section --> <!-- Like dislike commment Section -->
<div style="height: 20px;"></div> <div style="height: 20px;"></div>
<div <div
@@ -411,8 +414,8 @@
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
@@ -439,8 +442,7 @@
</v-col> </v-col>
<!-- Card core Video/image & text --> <!-- Card core Video/image & text -->
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container> <v-container>
<v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/cestparti.jpg" <v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/cestparti.jpg"
title="Guillaumem"></v-img> title="Guillaumem"></v-img>
@@ -448,13 +450,13 @@
<!-- Date --> <!-- Date -->
<v-row class="text-right"> <v-row class="text-right">
<v-col> <v-col>
<h1 style=" margin-right: 40px; margin-top: 10px"> <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
22-04-2024 22-04-2024
</h1> </h1>
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">C'est parti pour 2024 ! De <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">C'est parti pour 2024 ! De
retour au retour au
travail officiellement ce matin afin d'aider les entreprises de la région à rayonner ! Mettre en travail officiellement ce matin afin d'aider les entreprises de la région à rayonner ! Mettre en
lumière les lumière les
@@ -471,8 +473,8 @@
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
@@ -539,6 +541,7 @@
<script setup> <script setup>
import DefaultLayout from '@/layouts/DefaultLayout.vue'; import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue'; import FooterLayout from '@/layouts/FooterLayout.vue';
import PostContentMenu from '@/layouts/PostContentMenu.vue';
import { ref } from 'vue'; import { ref } from 'vue';
import StripePayment from '../StripePayment.vue'; import StripePayment from '../StripePayment.vue';
let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png'; let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
@@ -559,6 +562,7 @@ let navigationItems = [
filter: invert(1); filter: invert(1);
} }
.Hutopy-menu-sticky-mobile { .Hutopy-menu-sticky-mobile {
position: sticky; position: sticky;
top: 0; top: 0;
@@ -679,9 +683,13 @@ let navigationItems = [
.card-date { .card-date {
margin-left: 10px; margin-left: 10px;
margin-top: -18px margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
} }
.social-container { .social-container {
background-color: #006d77; background-color: #006d77;
border-top-right-radius: 30px; border-top-right-radius: 30px;

8
src/views/main/HomeView.vue
View File

@@ -126,7 +126,7 @@
style="margin-top: 3%; margin-bottom: 5%; max-width: 900px;"> style="margin-top: 3%; margin-bottom: 5%; max-width: 900px;">
Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au
cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer,
mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une
communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
la créativité. la créativité.
@@ -196,7 +196,7 @@
</router-link> </router-link>
</v-col> </v-col>
<v-col> <v-col>
<router-link :to="{ name: 'creatorfolio' }"> <router-link :to="{ name: 'guillaumeaime' }">
<img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg" <img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg"
alt="Profile Image" class="profile-image"> alt="Profile Image" class="profile-image">
</router-link> </router-link>
@@ -278,7 +278,7 @@
<p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical"> <p style="margin-top: 3%; margin-bottom: 5%; text-align: justify;" class="center-vertical">
Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au
cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un
écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer,
mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une
communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre
la créativité. la créativité.
@@ -338,7 +338,7 @@
</router-link> </router-link>
</v-col> </v-col>
<v-col cols="8"> <v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }"> <router-link :to="{ name: 'guillaumeaime' }">
<img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg" <img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg"
alt="Profile Image" class="profile-image"> alt="Profile Image" class="profile-image">
</router-link> </router-link>

35
src/views/manualusers/ChloeProfile.vue
View File

@@ -278,22 +278,21 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
<v-container> <v-container>
<v-card class="flow-menu m-0 youtube-card"> <v-card class="flow-menu m-0 youtube-card">
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container style="margin-top: -15px;"> <v-container style="margin-top: -15px;">
<v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand01.png" <v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand01.png"
title="Guillaumem"></v-img> title="Savoir faire"></v-img>
<!-- Date --> <!-- Date -->
<v-row class="text-right"> <v-row class="text-right">
<v-col> <v-col>
<h1 style=" margin-right: 40px; margin-top: 10px"> <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
23-04-2024 23-04-2024
</h1> </h1>
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">Quand on observe des gens <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">Quand on observe des gens
réaliser un réaliser un
Rubik’s Cube ça a l’air si facile pour eux qu’on est vraiment impressionnés et peut-être même Rubik’s Cube ça a l’air si facile pour eux qu’on est vraiment impressionnés et peut-être même
découragés…<br><br> découragés…<br><br>
@@ -316,8 +315,8 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px" class="Comments-font"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
@@ -328,8 +327,7 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
<v-container> <v-container>
<v-card class="flow-menu m-0 youtube-card"> <v-card class="flow-menu m-0 youtube-card">
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container style="margin-top: -15px;"> <v-container style="margin-top: -15px;">
<v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand02.png" <v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand02.png"
title="Guillaumem"></v-img> title="Guillaumem"></v-img>
@@ -337,13 +335,13 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
<!-- Date --> <!-- Date -->
<v-row class="text-right"> <v-row class="text-right">
<v-col> <v-col>
<h1 style=" margin-right: 40px; margin-top: 10px"> <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
23-04-2024 23-04-2024
</h1> </h1>
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em"> <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
Que ce soit pour un portrait créatif, la gestion totales de tes médias sociaux où pour devenir Que ce soit pour un portrait créatif, la gestion totales de tes médias sociaux où pour devenir
autonome à autonome à
les gérer par toi-même → Je suis là pour ça! les gérer par toi-même → Je suis là pour ça!
@@ -363,8 +361,8 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
@@ -449,6 +447,13 @@ let navigationItems = [
filter: invert(1); filter: invert(1);
} }
.Comments-font {
font-size: .1rem;
}
.Hutopy-menu-sticky-mobile { .Hutopy-menu-sticky-mobile {
position: sticky; position: sticky;
top: 0; top: 0;
@@ -569,7 +574,9 @@ let navigationItems = [
.card-date { .card-date {
margin-left: 10px; margin-left: 10px;
margin-top: -18px margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
} }
.social-container { .social-container {

1138
src/views/manualusers/GuillaumeAime.vue Normal file
View File

File diff suppressed because it is too large Load Diff

33
src/views/manualusers/HutopyProfile.vue
View File

@@ -283,7 +283,7 @@
<!-- <PostContentMenu style="margin-top: -30px;"></PostContentMenu> Post --> <!-- <PostContentMenu style="margin-top: -30px;"></PostContentMenu> Post -->
<!-- Card nouvelle boutique --> <!-- Release v0.1 -->
<v-container> <v-container>
<v-card class="flow-menu m-0 youtube-card"> <v-card class="flow-menu m-0 youtube-card">
<!-- Title, date and btn --> <!-- Title, date and btn -->
@@ -293,32 +293,32 @@
<h1 class="card-title"> <h1 class="card-title">
Déploiement de la version 0.10 d'Hutopy</h1> Déploiement de la version 0.10 d'Hutopy</h1>
</v-col> </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-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>
</v-col> </v-col>
<!-- Card core Video/image & text --> <!-- Card core Video/image & text -->
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container> <v-container>
<v-img src="images/usersmedia/HutopyProfile/pictures/version.png" title="Guillaumem"></v-img> <v-img src="images/usersmedia/HutopyProfile/pictures/version.png" title="Release v0.1"></v-img>
<!-- Date --> <!-- Date -->
<v-row class="text-right"> <v-row class="text-right">
<v-col> <v-col>
<h1 style=" margin-right: 40px; margin-top: 10px"> <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
06-05-2024 24-04-2024
</h1> </h1>
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">
<p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une
aventure aventure
@@ -342,6 +342,7 @@
Merci de visiter Hutopy.</p> Merci de visiter Hutopy.</p>
<!-- Like dislike commment Section --> <!-- Like dislike commment Section -->
<div style="height: 20px;"></div> <div style="height: 20px;"></div>
<div <div
@@ -351,14 +352,13 @@
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
</v-container> </v-container>
</v-col> </v-col>
<!-- "Large-Monitor-RightCol" Donation --> <!-- "Large-Monitor-RightCol" Donation -->
@@ -439,6 +439,7 @@ let navigationItems = [
filter: invert(1); filter: invert(1);
} }
.Hutopy-menu-sticky-mobile { .Hutopy-menu-sticky-mobile {
position: sticky; position: sticky;
top: 0; top: 0;
@@ -559,7 +560,9 @@ let navigationItems = [
.card-date { .card-date {
margin-left: 10px; margin-left: 10px;
margin-top: -18px margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
} }
.social-container { .social-container {

27
src/views/manualusers/LeffetProfile.vue
View File

@@ -286,8 +286,7 @@
</v-col> </v-col>
<!-- Card core Video/image & text --> <!-- Card core Video/image & text -->
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container> <v-container>
<iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;" <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
src="https://www.youtube.com/embed/3MqKVf1CEIQ?si=aV03Xq2ZNwlv1DWu" title="Guillaumem" frameborder="0" src="https://www.youtube.com/embed/3MqKVf1CEIQ?si=aV03Xq2ZNwlv1DWu" title="Guillaumem" frameborder="0"
@@ -304,7 +303,7 @@
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em"> <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
C’est un honneur de vous 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 En exclusivité : Voici l'Épisode 8 de la Saison 2 du Docu-Podcast de Cédieu Léveillé avec le Fondateur
@@ -358,13 +357,13 @@
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card></v-container> </v-card></v-container>
<!-- Card nouvelle boutique --> <!-- Le nom -->
<v-container> <v-container>
<v-card class="flow-menu m-0 youtube-card"> <v-card class="flow-menu m-0 youtube-card">
<!-- Title, date and btn --> <!-- Title, date and btn -->
@@ -385,8 +384,7 @@
</v-col> </v-col>
<!-- Card core Video/image & text --> <!-- Card core Video/image & text -->
<div <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<v-container> <v-container>
<v-img src="images/usersmedia/leffet/profilepictures/leffetProfile01.png" title="Guillaumem"></v-img> <v-img src="images/usersmedia/leffet/profilepictures/leffetProfile01.png" title="Guillaumem"></v-img>
@@ -399,7 +397,7 @@
</v-col> </v-col>
</v-row> </v-row>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1em">Le nom de la Fondation vient de <p class="text-justify pa-10" style="margin-bottom: -6%; 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 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> d’ailes d’un papillon au Brésil peut provoquer une tempête au Texas.<br><br>
@@ -435,8 +433,8 @@
</div> </div>
<!-- Comments --> <!-- Comments -->
<v-text-field style="margin-left: 2%; margin-bottom: 15px;" <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
placeholder="Commentaire (Commentaire, Aime et Partagez sont non fonctionnel pour le moment)"></v-text-field> placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container> </v-container>
</div> </div>
</v-card> </v-card>
@@ -505,7 +503,7 @@ import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue'; import FooterLayout from '@/layouts/FooterLayout.vue';
import { ref } from 'vue'; import { ref } from 'vue';
import StripePayment from '../StripePayment.vue'; import StripePayment from '../StripePayment.vue';
let imageSrc = '/images/usersmedia/leffet/banners/banner02.jpg'; let imageSrc = '/images/usersmedia/leffet/banners/banner02.png';
let profilePicture = '/images/usersmedia/leffet/profilepictures/leffetProfile01.png'; let profilePicture = '/images/usersmedia/leffet/profilepictures/leffetProfile01.png';
let name = 'L\'EFFET' let name = 'L\'EFFET'
let title = 'Page officiel' let title = 'Page officiel'
@@ -523,6 +521,7 @@ let navigationItems = [
filter: invert(1); filter: invert(1);
} }
.Hutopy-menu-sticky-mobile { .Hutopy-menu-sticky-mobile {
position: sticky; position: sticky;
top: 0; top: 0;
@@ -643,7 +642,9 @@ let navigationItems = [
.card-date { .card-date {
margin-left: 10px; margin-left: 10px;
margin-top: -18px margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
} }
.social-container { .social-container {