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

#30 Simplified src to images

Browse Source
This commit is contained in:
Dominic Villemure
2024-04-21 14:46:32 -04:00
parent f2a4b970fd
commit e9b8e0d2bc
12 changed files with 54 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
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/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/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/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/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/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/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/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/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/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/homepage/girlvr.png"></v-img>
</v-col>
</v-row>
</v-col>
@@ -196,17 +196,17 @@
<v-row justify="center" class="profile-images">
<v-col>
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../public/images/anonymelarge.png" alt="Profile Image" class="profile-image ">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image ">
</router-link>
</v-col>
<v-col>
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../public/images/guillaume.jpg" alt="Profile Image" class="profile-image">
<img src="/images/guillaume.jpg" alt="Profile Image" class="profile-image">
</router-link>
</v-col>
<v-col>
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../public/images/anonymelarge.png" alt="Profile Image" class="profile-image">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image">
</router-link>
</v-col>
</v-row>
@@ -221,13 +221,13 @@
<div class="md:hidden flex flex-col items-center justify-center">
<div>
<!--Banner -->
<img src="../../../public/images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière">
<img src="/images/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/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 +250,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/homepage/partager.png"></v-img>
</v-col>
</v-row>
@@ -258,7 +258,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/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 +272,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/homepage/votrehutopy.png"></v-img>
<!-- Votre Hutopy : Text -->
<v-row align="center">
@@ -298,18 +298,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/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/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/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/homepage/girlvr.png"></v-img>
</v-col>
</v-row>
@@ -333,17 +333,17 @@
<v-row justify="center" class="profile-images">
<v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../public/images/guillaume.jpg" alt="Profile Image" class="profile-image">
<img src="/images/guillaume.jpg" alt="Profile Image" class="profile-image">
</router-link>
</v-col>
<v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../public/images/anonymelarge.png" alt="Profile Image" class="profile-image ">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image ">
</router-link>
</v-col>
<v-col cols="8">
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../public/images/anonymelarge.png" alt="Profile Image" class="profile-image">
<img src="/images/anonymelarge.png" alt="Profile Image" class="profile-image">
</router-link>
</v-col>
</v-row>