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

Modification suite aux commentaires a marco Mise en page

Browse Source
This commit is contained in:
PascalMarchesseault
2024-05-08 22:34:10 -04:00
parent 5ca243d2a9
commit f71504cebe
8 changed files with 88 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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-card class="flow-menu m-0 youtube-card">
<div
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
<v-container style="margin-top: -15px;">
<v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand01.png"
title="Guillaumem"></v-img>
title="Savoir faire"></v-img>
<!-- Date -->
<v-row class="text-right">
<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
</h1>
</v-col>
</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
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>
@@ -316,8 +315,8 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
</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-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px" class="Comments-font"
placeholder="Commentaire (Arrive bientôt)"></v-text-field>
</v-container>
</div>
</v-card>
@@ -328,8 +327,7 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
<v-container>
<v-card class="flow-menu m-0 youtube-card">
<div
style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%; margin-bottom: -5%;">
<div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
<v-container style="margin-top: -15px;">
<v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand02.png"
title="Guillaumem"></v-img>
@@ -337,13 +335,13 @@ Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et s
<!-- Date -->
<v-row class="text-right">
<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
</h1>
</v-col>
</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
autonome à
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>
<!-- 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-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>
@@ -449,6 +447,13 @@ let navigationItems = [
filter: invert(1);
}
.Comments-font {
font-size: .1rem;
}
.Hutopy-menu-sticky-mobile {
position: sticky;
top: 0;
@@ -569,7 +574,9 @@ let navigationItems = [
.card-date {
margin-left: 10px;
margin-top: -18px
margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
}
.social-container {

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

@@ -283,7 +283,7 @@
<!-- <PostContentMenu style="margin-top: -30px;"></PostContentMenu> Post -->
<!-- Card nouvelle boutique -->
<!-- Release v0.1 -->
<v-container>
<v-card class="flow-menu m-0 youtube-card">
<!-- Title, date and btn -->
@@ -293,32 +293,32 @@
<h1 class="card-title">
Déploiement de la version 0.10 d'Hutopy</h1>
</v-col>
<!--
<v-col class="text-right">
<v-btn class="btn-card-options" flat tile elevation="0">
<!--<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-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%;">
<div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
<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 -->
<v-row class="text-right">
<v-col>
<h1 style=" margin-right: 40px; margin-top: 10px">
06-05-2024
<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: -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
aventure
@@ -342,6 +342,7 @@
Merci de visiter Hutopy.</p>
<!-- Like dislike commment Section -->
<div style="height: 20px;"></div>
<div
@@ -351,14 +352,13 @@
</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-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-col>
<!-- "Large-Monitor-RightCol" Donation -->
@@ -439,6 +439,7 @@ let navigationItems = [
filter: invert(1);
}
.Hutopy-menu-sticky-mobile {
position: sticky;
top: 0;
@@ -559,7 +560,9 @@ let navigationItems = [
.card-date {
margin-left: 10px;
margin-top: -18px
margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
}
.social-container {

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

@@ -286,8 +286,7 @@
</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%;">
<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/3MqKVf1CEIQ?si=aV03Xq2ZNwlv1DWu" title="Guillaumem" frameborder="0"
@@ -304,7 +303,7 @@
</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
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>
<!-- 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-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 -->
<!-- Le nom -->
<v-container>
<v-card class="flow-menu m-0 youtube-card">
<!-- Title, date and btn -->
@@ -385,8 +384,7 @@
</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%;">
<div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
<v-container>
<v-img src="images/usersmedia/leffet/profilepictures/leffetProfile01.png" title="Guillaumem"></v-img>
@@ -399,7 +397,7 @@
</v-col>
</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
d’ailes d’un papillon au Brésil peut provoquer une tempête au Texas.<br><br>
@@ -435,8 +433,8 @@
</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-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>
@@ -505,7 +503,7 @@ 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/banner02.jpg';
let imageSrc = '/images/usersmedia/leffet/banners/banner02.png';
let profilePicture = '/images/usersmedia/leffet/profilepictures/leffetProfile01.png';
let name = 'L\'EFFET'
let title = 'Page officiel'
@@ -523,6 +521,7 @@ let navigationItems = [
filter: invert(1);
}
.Hutopy-menu-sticky-mobile {
position: sticky;
top: 0;
@@ -643,7 +642,9 @@ let navigationItems = [
.card-date {
margin-left: 10px;
margin-top: -18px
margin-top: -18px;
margin-bottom: -20px;
font-size: .8rem;
}
.social-container {