Cleaning picutres and folders - relink images

public/images/likeicon.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100">
-  <image x="4" y="6" width="92" height="84" xlink:href="data:img/png;base64,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"/>
-</svg>

src/layouts/DefaultLayout.vue

@@ -11,7 +11,8 @@
               <div class="d-flex align-center">
 
                 <!-- Profile picture in the top right corner -->
-                <img src="/images/anonyme.png" class="header-profile-icon mr-2" alt="Logo">
+                <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                  class="header-profile-icon mr-2" alt="Logo">
                 <v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props">
                   ANONYME
                 </v-btn>
@@ -42,7 +43,7 @@
           <v-col cols="11" class="d-flex align-center justify-center">
 
             <!-- Logo Top bar -->
-            <img src="/images/mobilemenulogo.png" class="mobile-header" alt="Logo">
+            <img src="/images/hutopymedia/hutopymediafiles/mobilemenulogo.png" class="mobile-header" alt="Logo">
           </v-col>
         </v-row>
       </v-app-bar>
@@ -52,7 +53,8 @@
         <v-list>
           <v-list-item subtitle="Pascal@hutopy.com" title="Pascal Marchesseault">
             <template v-slot:prepend>
-              <img src="/images/pascal.jpg" class="mobile-profile-picture mini-profile-picture " alt="Avatar">
+              <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                class="mobile-profile-picture mini-profile-picture " alt="Avatar">
             </template>
           </v-list-item>
         </v-list>

src/layouts/FooterLayout.vue

@@ -10,7 +10,7 @@
           <v-row justify="center" style="margin-top: 30px;">
             <v-col cols="5" lg="5" md="5" sm="12" xs="7">
               <router-link :to="{ name: 'home' }">
-                <v-img src="/images/hutopy.png" class="hutopy-footer-picture"></v-img>
+                <v-img src="/images/hutopymedia/banners/hutopy.png" class="hutopy-footer-picture"></v-img>
               </router-link>
             </v-col>
           </v-row>
@@ -22,21 +22,21 @@
           <v-row justify="center">
             <v-col cols="auto">
               <a href="https://www.facebook.com/profile.php?id=61556819217561">
-                <img class="icons" src="/public/images/facebookiconblackpink.png" alt="Description image 2">
+                <img class="icons" src="/images/hutopymedia/icons/pink/facebookpink.png" alt="Description image 2">
               </a>
             </v-col>
 
             <!-- Instagram link -->
             <v-col cols="auto">
               <a href="https://www.instagram.com/hutopy.inc/">
-                <img src="/public/images/instagramblackpink.png" alt="Description image 3" class="icons">
+                <img src="/images/hutopymedia/icons/pink/instagrampink.png" alt="Description image 3" class="icons">
               </a>
             </v-col>
 
             <!-- Need X Account -->
             <v-col cols="auto">
               <router-link :to="{ name: 'home' }">
-                <img src="/public/images/xblackpink.png" alt="Description image 1" class="icons">
+                <img src="/images/hutopymedia/icons/pink/xpink.png" alt="Description image 1" class="icons">
               </router-link>
             </v-col>
           </v-row>

src/views/LoginView.vue

@@ -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="/images/hutopymedia/loginpage/loginhutopy.png">
                         </v-col>
 
                         <!-- Connexion-objects -->
@@ -56,7 +56,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="/images/hutopymedia/loginpage/loginhutopy.png">
 
             <h1 class="h1-connexion">Connexion</h1>
             <h2 class="h2-connexion">Comment souhaitez-vous
@@ -92,10 +92,10 @@
 
 <script setup>
 import FooterLayout from '@/layouts/FooterLayout.vue';
+import { useClient } from "@/plugins/api.js";
 import { auth } from '@/stores/auth.js';
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { useClient } from "@/plugins/api.js";
 
 const api = useClient()
 

src/views/SignupView.vue

@@ -4,7 +4,7 @@
 
         <v-row>
             <v-col cols=6 align="center">
-                <v-img class="login-picture" max-width="500" src="/images/hutopyblack.png"
+                <v-img class="login-picture" max-width="500" src="/images/hutopymedia/loginpage/loginhutopy.png"
                     style="margin-top: 100px; margin-bottom: 50px"></v-img>
                 <div class="p-12 bg-white border border-gray-200 rounded-lg mt-6">
                     <h1 class="mb-6 text-2xl font-bold">Sign up</h1>
@@ -66,8 +66,8 @@
 
 <script setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
-import { RouterLink } from "vue-router";
 import FooterLayout from '@/layouts/FooterLayout.vue';
+import { RouterLink } from "vue-router";
 </script>
 
 <style></style>

src/views/main/ContactView.vue

@@ -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 -->

src/views/main/CreatorFolio.vue

@@ -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

src/views/main/HomeView.vue

@@ -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>

src/views/main/YourProfile.vue

@@ -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>
 

src/views/tos/About.vue

@@ -5,8 +5,9 @@
         <div>
             <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
                 <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="/images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                    <v-img class="profile-banner" max-height="375"
+                        src="/images/hutopymedia/tospage/headerbackground.png" cover
+                        style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
                 </v-col>
             </v-row>
 
@@ -82,7 +83,8 @@
                         <v-row>
                             <v-col>
 
-                                <img src="/images/anonyme.png" alt="Marc-Olivier Hébert">
+                                <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                                    alt="Marc-Olivier Hébert">
                                 <br>
                                 <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Marc-Olivier
                                 </v-typography><br> <v-typography class="name"
@@ -95,7 +97,8 @@
                             </v-col>
                             <v-col>
 
-                                <img src="/images/anonyme.png" alt="Dominic Villemure">
+                                <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                                    alt="Dominic Villemure">
                                 <br>
                                 <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Dominic
                                 </v-typography><br>
@@ -109,7 +112,8 @@
                             </v-col>
                             <v-col>
 
-                                <img src="/images/anonyme.png" alt="Parcal Marchesseault">
+                                <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                                    alt="Parcal Marchesseault">
                                 <br>
                                 <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Pascal
                                 </v-typography><br>
@@ -123,7 +127,8 @@
                             </v-col>
                             <v-col>
 
-                                <img src="/images/anonyme.png" alt="Chloé Beaugrand">
+                                <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                                    alt="Chloé Beaugrand">
                                 <br>
                                 <v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Chloé
                                 </v-typography><br>

src/views/tos/ContentPolicy.vue

@@ -5,8 +5,9 @@
         <div>
             <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
                 <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="/images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                    <v-img class="profile-banner" max-height="375"
+                        src="/images/hutopymedia/tospage/headerbackground.png" cover
+                        style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
                 </v-col>
             </v-row>
 

src/views/tos/FAQ.vue

@@ -5,8 +5,9 @@
         <div>
             <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;">
                 <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="/images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                    <v-img class="profile-banner" max-height="375"
+                        src="/images/hutopymedia/tospage/headerbackground.png" cover
+                        style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
                 </v-col>
             </v-row>
 

src/views/tos/GuideForCreators.vue

@@ -5,8 +5,9 @@
         <div>
             <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;">
                 <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="/images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                    <v-img class="profile-banner" max-height="375"
+                        src="/images/hutopymedia/tospage/headerbackground.png" cover
+                        style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
                 </v-col>
             </v-row>
 

src/views/tos/HelpAndContact.vue

@@ -5,8 +5,9 @@
         <div>
             <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;">
                 <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="/images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                    <v-img class="profile-banner" max-height="375"
+                        src="/images/hutopymedia/tospage/headerbackground.png" cover
+                        style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
                 </v-col>
             </v-row>
 

src/views/tos/TermsAndConditions.vue

@@ -5,8 +5,9 @@
         <div>
             <v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
                 <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-                    <v-img class="profile-banner" max-height="375" src="/images/tos/headerbackground.png"
-                        cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
+                    <v-img class="profile-banner" max-height="375"
+                        src="/images/hutopymedia/tospage/headerbackground.png" cover
+                        style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
                 </v-col>
             </v-row>