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

Cleaning picutres and folders - relink images

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-22 19:46:50 -04:00
parent d19229f2fe
commit 40e6111e1b
65 changed files with 92 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/main/ContactView.vue
View File

@@ -8,7 +8,7 @@
<!-- Banner -->
<v-row class="text-center align-center row-between-logo-text home-row">
<v-col xl="7" lg="9" md="11" sm="12" xs="12"> </v-col>
<img class="hutopy-header-image" src="/images/hutopy.png">
<img class="hutopy-header-image" src="/images/hutopymedia/banners/hutopy.png">
<v-col class="ml-0 text-left ">
<!-- Home btn -->
<RouterLink :to="{ name: 'home' }">
@@ -26,7 +26,7 @@
<v-row>
<!-- Contact image -->
<v-col>
<img class="contact-image" src="/images/contactpage/contactpicture.png">
<img class="contact-image" src="/images/hutopymedia/contactpage/contactpicture.png">
</v-col>
<!-- Form Information -->
<v-col class="row-joinus">
@@ -92,7 +92,7 @@
<v-spacer style="margin-bottom: 25px;"></v-spacer>
<!-- Contact image -->
<v-img src="/images/contactpage/contactpicture.png" contain aspect-ratio="16/9"
<v-img src="/images/hutopymedia/contactpage/contactpicture.png" contain aspect-ratio="16/9"
style="clip-path: polygon(0 50%, 100% 0, 100% 80%, 0 100%);" class="Scale-80"></v-img>
<!-- Title -->

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

@@ -29,14 +29,15 @@
<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/profile.php?id=61556819217561">
<v-img class="socialicons-mobile invert-color" src="/images/facebookicon.png"
<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/">
<v-img class="socialicons-mobile" src="/images/instaicon.png" alt="Instagram"></v-img>
<v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
alt="Instagram"></v-img>
</a>
</v-col>
<!-- Profile picture - Small -->
@@ -48,13 +49,14 @@
<!-- X -->
<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 invert-color" src="/images/xicon.png" alt="X"></v-img>
<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/">
<v-img class="socialicons-mobile invert-color" src="/images/tiktok.png" alt="TikTok"></v-img>
<v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
alt="TikTok"></v-img>
</a>
</v-col>
</v-row>
@@ -110,7 +112,7 @@
<v-container style=" overflow-y: hidden;">
<!-- Nav-Btn -->
<v-col cols="12" class="px-0">
<v-img src="/images/hutopy.png" alt="Description de l'image"
<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">
@@ -240,17 +242,20 @@
<v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
<v-row>
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="socialicons invert-color" src="/images/facebookicon.png"
<img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
alt="Description image 2">
</a>
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="socialicons" src="/images/instaicon.png" alt="Description image 2">
<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 invert-color" src="/images/xicon.png" alt="Description image 2">
<img class="socialicons" src="/images/hutopymedia/icons/black/xblack.png"
alt="Description image 2">
</a>
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="socialicons invert-color" src="/images/tiktok.png" alt="Description image 2">
<img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
alt="Description image 2">
</a>
</v-row>
</v-col>
@@ -495,8 +500,8 @@ import StripePayment from '../StripePayment.vue';
const accepted = ref(false);
const decline = ref(false);
let imageSrc = '/images/guillaimeaime3x.png';
let profilePicture = '/images/guillaume.png';
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 = false

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

@@ -9,7 +9,7 @@
<v-row justify="center" align="center">
<v-col></v-col>
<v-col cols="5" xl="4" xxl="4">
<v-img class="profile-banner" src="/images/hutopy.png"></v-img>
<v-img class="profile-banner" src="/images/hutopymedia/banners/hutopy.png"></v-img>
</v-col>
<v-col>
<v-row>
@@ -33,7 +33,7 @@
<v-row>
<v-spacer></v-spacer>
<v-col cols="7" xs="12" sm="10" md="12" lg="10" xl="7" xxl="6">
<v-img class="profile-banner banner-homepage" src="/images/homepage/bannierehomepage.png"
<v-img class="profile-banner banner-homepage" src="/images/hutopymedia/homepage/bannierehomepage.png"
style="border-radius: 20px;"></v-img>
</v-col>
<v-spacer></v-spacer>
@@ -48,7 +48,7 @@
<v-col cols="4" sm="4" md="4">
<v-hover v-slot="{ isHovering, props }">
<v-card style="border-radius: 20px; min-width: 325px;" class="mx-auto card-size" v-bind="props">
<v-img src="/images/homepage/creer.png"
<v-img src="/images/hutopymedia/homepage/creer.png"
style="min-width: 325px; border-radius: 20px; width: 80vw;"></v-img>
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065" contained>
<v-container>
@@ -69,7 +69,7 @@
<v-col cols="4" sm="4" md="4">
<v-hover v-slot="{ isHovering, props }">
<v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto card-size " v-bind="props">
<v-img src="/images/homepage/partager.png"
<v-img src="/images/hutopymedia/homepage/partager.png"
style="min-width: 325px; border-radius: 20px; width: 80vw;"></v-img>
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065" contained>
<v-container>
@@ -91,7 +91,7 @@
<v-col cols="4" sm="4" md="4">
<v-hover v-slot="{ isHovering, props }">
<v-card style="min-width: 325px; border-radius: 20px;" class="mx-auto card-size" v-bind="props">
<v-img src="/images/homepage/inspirer.png"
<v-img src="/images/hutopymedia/homepage/inspirer.png"
style="border-radius: 20px; width: 80vw;"></v-img>
<v-overlay :model-value="isHovering" class="align-center justify-center" scrim="#6b0065" contained>
<v-container>
@@ -124,7 +124,7 @@
<!-- Subtitle : Votre Hutopy -->
<v-img cols="12" style="margin-top: -5%; min-width: 350px;"
src="/images/homepage/votrehutopy.png"></v-img>
src="/images/hutopymedia/homepage/votrehutopy.png"></v-img>
<!-- Your Hutopy text-->
<p class="text-center text-justify votre_hutopy_fontsize"
@@ -160,18 +160,18 @@
<v-col cols="6" md="5" lg="6">
<v-row justify="center" class="votre-hutopy-img">
<v-col cols="6" sm="12" md="12" lg="6">
<v-img style="border-radius: 30px;" src="/images/homepage/grinding.png"
<v-img style="border-radius: 30px;" src="/images/hutopymedia/homepage/grinding.png"
class="hidden-md-and-down" hidden-and-down></v-img>
</v-col>
<v-col cols="6" sm="12" md="12" lg="6">
<v-img style="border-radius: 30px;" src="/images/homepage/microphone.png"></v-img>
<v-img style="border-radius: 30px;" src="/images/hutopymedia/homepage/microphone.png"></v-img>
</v-col>
<v-col cols="6" sm="12" md="6" lg="6">
<v-img style="border-radius: 30px;" src="/images/homepage/girlarmy.png"></v-img>
<v-img style="border-radius: 30px;" src="/images/hutopymedia/homepage/girlarmy.png"></v-img>
</v-col>
<v-col cols="6" sm="6" md="6" lg="6">
<v-img style="border-radius: 30px;" class="d-none d-md-block"
src="/images/homepage/girlvr.png"></v-img>
src="/images/hutopymedia/homepage/girlvr.png"></v-img>
</v-col>
</v-row>
</v-col>
@@ -196,17 +196,20 @@
<v-row justify="center" class="profile-images">
<v-col>
<router-link :to="{ name: 'creatorfolio' }">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image ">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeLarge.png" alt="Profile Image"
class="profile-image ">
</router-link>
</v-col>
<v-col>
<router-link :to="{ name: 'creatorfolio' }">
<img src="/images/guillaume.jpg" alt="Profile Image" class="profile-image">
<img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg"
alt="Profile Image" class="profile-image">
</router-link>
</v-col>
<v-col>
<router-link :to="{ name: 'creatorfolio' }">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeLarge.png" alt="Profile Image"
class="profile-image">
</router-link>
</v-col>
</v-row>
@@ -221,13 +224,13 @@
<div class="md:hidden flex flex-col items-center justify-center">
<div>
<!--Banner -->
<img src="/images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière">
<img src="/images/hutopymedia/homepage/bannierehomepage.png" class="banner-image" alt="Bannière">
<!-- Créer -->
<v-row style="margin-top: 30px;" align="center">
<v-col cols="6">
<v-img style="margin-left: 25px; border-radius: 20px; width: 85%;"
src="/images/homepage/creer.png"></v-img>
src="/images/hutopymedia/homepage/creer.png"></v-img>
</v-col>
<v-col>
<p style="margin: 20px; text-align: justify;" class="center-vertical">Libérez votre créativité sur Hutopy,
@@ -250,7 +253,7 @@
</v-col>
<v-col cols="6">
<v-img style="margin-right: 25px; border-radius: 20px; width: 85%;"
src="/images/homepage/partager.png"></v-img>
src="/images/hutopymedia/homepage/partager.png"></v-img>
</v-col>
</v-row>
@@ -258,7 +261,7 @@
<v-row align="center">
<v-col cols="6">
<v-img style="margin-left: 25px; border-radius: 20px; width: 85%;"
src="/images/homepage/inspirer.png"></v-img>
src="/images/hutopymedia/homepage/inspirer.png"></v-img>
</v-col>
<v-col>
<p style="margin: 20px; text-align: justify;" class="center-vertical">Devenez une source d'inspiration sur
@@ -272,7 +275,7 @@
<!-- Votre Hutopy : Title -->
<v-img style="margin-top: 50px; margin-bottom: 25px; min-width: 350px;"
src="/images/homepage/votrehutopy.png"></v-img>
src="/images/hutopymedia/homepage/votrehutopy.png"></v-img>
<!-- Votre Hutopy : Text -->
<v-row align="center">
@@ -298,18 +301,18 @@
<!-- 4 pictures -->
<v-row style="margin-left: 15px; margin-right: 15px;">
<v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="/images/homepage/microphone.png"></v-img>
<v-img style="border-radius: 30px; width: 100%;" src="/images/hutopymedia/homepage/microphone.png"></v-img>
</v-col>
<v-col cols="6" style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="/images/homepage/grinding.png"></v-img>
<v-img style="border-radius: 30px; width: 100%;" src="/images/hutopymedia/homepage/grinding.png"></v-img>
</v-col>
</v-row>
<v-row style="margin-left: 15px; margin-right: 15px;">
<v-col style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="/images/homepage/girlarmy.png"></v-img>
<v-img style="border-radius: 30px; width: 100%;" src="/images/hutopymedia/homepage/girlarmy.png"></v-img>
</v-col>
<v-col style="padding-left: 15px; padding-right: 15px;">
<v-img style="border-radius: 30px; width: 100%;" src="/images/homepage/girlvr.png"></v-img>
<v-img style="border-radius: 30px; width: 100%;" src="/images/hutopymedia/homepage/girlvr.png"></v-img>
</v-col>
</v-row>
@@ -333,17 +336,20 @@
<v-row justify="center" class="profile-images">
<v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }">
<img src="/images/guillaume.jpg" alt="Profile Image" class="profile-image">
<img src="/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.jpg"
alt="Profile Image" class="profile-image">
</router-link>
</v-col>
<v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image ">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeLarge.png" alt="Profile Image"
class="profile-image ">
</router-link>
</v-col>
<v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image">
<img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeLarge.png" alt="Profile Image"
class="profile-image">
</router-link>
</v-col>
</v-row>

4
src/views/main/YourProfile.vue
View File

@@ -76,8 +76,8 @@ import { ref } from 'vue';
const profilePictureUrl = ref('/images/guillaume.png');
const bannerImageUrl = ref('/images/guillaimeaime3x.png');
const profilePictureUrl = ref('/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png');
const bannerImageUrl = ref('/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png');
</script>