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

#30 Prepare for deploy. Images need to be public, added swa-cli. Defined VITE_API_URL to the env var for azure

Browse Source
This commit is contained in:
Dominic Villemure
2024-04-21 13:52:40 -04:00
parent d812b15c8f
commit 5d37cefec1
63 changed files with 57 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/FooterLayout.vue
View File

@@ -20,17 +20,17 @@
<v-row justify="center">
<v-col cols="auto">
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img class="icons" src="../../images/facebookiconblackpink.png" alt="Description image 2">
<img class="icons" src="../../public/images/facebookiconblackpink.png" alt="Description image 2">
</a>
</v-col>
<v-col cols="auto">
<a href="https://www.instagram.com/hutopy.inc/">
<img src="../../images/instagramblackpink.png" alt="Description image 3" class="icons">
<img src="../../public/images/instagramblackpink.png" alt="Description image 3" class="icons">
</a>
</v-col>
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<img src="../../images/xblackpink.png" alt="Description image 1" class="icons">
<img src="../../public/images/xblackpink.png" alt="Description image 1" class="icons">
</router-link>
</v-col>
</v-row>

4
src/views/LoginView.vue
View File

@@ -8,7 +8,7 @@
<v-row align="center" justify="center">
<!-- Header -->
<v-col cols="8" lg="8" md="10" sm="10" xs="10" style=" align-items: center; ">
<img class="login-picture" src="../../images/loginpage/loginhutopy.png">
<img class="login-picture" src="../../public/images/loginpage/loginhutopy.png">
</v-col>
<!-- Connexion-objects -->
@@ -58,7 +58,7 @@
<div class="sm:hidden flex flex-col items-center justify-start"
style="background-color: #f4f4f4; height: 100vh;">
<img style="margin-top: 10%; width: 350px; box-shadow: 0 4px 6px rgba(0, 0, 0, .5); border-radius: 25px; "
src="../../images/loginpage/loginhutopy.png">
src="../../public/images/loginpage/loginhutopy.png">
<h1 class="h1-connexion">Connexion</h1>
<h2 class="h2-connexion">Comment souhaitez-vous

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

@@ -8,7 +8,7 @@
<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="../../../public/images/hutopy.png">
<v-col class="ml-0 text-left ">
@@ -27,7 +27,7 @@
<v-row>
<v-col>
<img class="contact-image" src="../../../images/contactpage/contactpicture.png">
<img class="contact-image" src="../../../public/images/contactpage/contactpicture.png">
</v-col>
<v-col class="row-joinus">

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

@@ -1,8 +1,8 @@
<v-container>
<v-container>
<div>
<img src="../../../images/guillaimeaime.png" class="banner-creator "
style="width: 98.25%; height: 100%; object-fit: cover; border-top-left-radius: 50px; border-top-right-radius: 50px;">
<img src="../../../public/images/guillaimeaime.png" class="banner-creator "
style="width: 98.25%; height: 100%; object-fit: cover; border-top-left-radius: 50px; border-top-right-radius: 50px;">
</div>
<v-countainer >

4
src/views/main/CreatorFolio copy.vue
View File

@@ -14,8 +14,8 @@
<div style="margin-top: -1.6%;">
<v-row>
<v-col cols="12">
<img src="../../../images/guillaimeaime3x.png" class="banner-image" alt="Bannière"
style="width: 100vw; border-top: 5px solid rgba(107, 0, 101, 1);">
<img src="../../../public/images/guillaimeaime3x.png" class="banner-image" alt="Bannière"
style="width: 100vw; border-top: 5px solid rgba(107, 0, 101, 1);">
</v-col>
</v-row>
</div>

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

@@ -246,17 +246,17 @@
<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 invert-color" src="../../../public/images/facebookicon.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="../../../public/images/instaicon.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 invert-color" src="../../../public/images/xicon.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="../../../public/images/tiktok.png" alt="Description image 2">
</a>
</v-row>
</v-col>

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

@@ -191,17 +191,17 @@
<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="../../../public/images/anonymelarge.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="../../../public/images/guillaume.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="../../../public/images/anonymelarge.png" alt="Profile Image" class="profile-image">
</router-link>
</v-col>
@@ -227,8 +227,8 @@
<div>
<img src="../../../images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière"
style="margin-top: -100px;">
<img src="../../../public/images/homepage/bannierehomepage.png" class="banner-image" alt="Bannière"
style="margin-top: -100px;">
<div>
<v-card-text>
@@ -301,19 +301,19 @@
<div class="d-flex justify-content-center"
style="margin-left: -10px; margin-right: 10px; margin-top: 50px;">
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../images/guillaume.png" alt="Profile Image" class="profile-image"
style="border-radius: 50%; margin-right: 20px; width: 120px; height: auto;" />
<img src="../../../public/images/guillaume.png" alt="Profile Image" class="profile-image"
style="border-radius: 50%; margin-right: 20px; width: 120px; height: auto;" />
</router-link>
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../images/guillaume.png" alt="Profile Image" class="profile-image"
style="border-radius: 50%; margin: 0 20px; width: 120px; height: auto;" />
<img src="../../../public/images/guillaume.png" alt="Profile Image" class="profile-image"
style="border-radius: 50%; margin: 0 20px; width: 120px; height: auto;" />
</router-link>
<router-link :to="{ name: 'creatorfolio' }">
<img src="../../../images/guillaume.png" alt="Profile Image" class="profile-image"
style="border-radius: 50%; margin-left: 20px; width: 120px; height: auto;" />
<img src="../../../public/images/guillaume.png" alt="Profile Image" class="profile-image"
style="border-radius: 50%; margin-left: 20px; width: 120px; height: auto;" />
</router-link>
</div>