Merge remote-tracking branch 'origin/main'

frontend/src/views/creators/CreateCreator.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {computed, ref, watch} from 'vue'
+import {computed, ref} from 'vue'
 import {useUserProfileStore} from "@/stores/userProfileStore.js";
 import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
 import {useClient} from "@/plugins/api.js";
@@ -47,6 +47,9 @@ async function createAccount() {
 </script>
 
 <template>
+
+  <div class="h-1"></div>  <!--  To delete and find the bug that causes the margin of the following component to use a white background.-->
+
   <div class="create-creator-card">
 
     <div class="py-2 text-3xl font-bold text-center mb-10">

frontend/src/views/main/Landing.vue

@@ -29,10 +29,10 @@ import Footer from "@/views/main/Footer.vue";
 
   <div class="support-container flex flex-col items-center space-y-4 md:flex-row md:space-y-0 md:space-x-6">
     <div class="support-text text-justify md:text-left">
-      <span> Ici, vous <span class="highlight">SOUTENEZ</span> </span><br>
-      <span> les <span class="highlight2">CRÉATEURS</span>, </span><br>
-      <span> les <span class="highlight2">PROJETS</span> </span><br>
-      <span> que vous <span class="highlight">AIMEZ</span> </span>
+      <span class="text-white"> Ici, vous <span class="highlight">SOUTENEZ</span> </span><br>
+      <span class="text-white"> les <span class="highlight2">CRÉATEURS</span>, </span><br>
+      <span class="text-white"> les <span class="highlight2">PROJETS</span> </span><br>
+      <span class="text-white"> que vous <span class="highlight">AIMEZ</span> </span>
     </div>
     <img src="/images/hutopymedia/banners/heart.png" alt="YourHutopy" class="w-48 h-48 md:w-48 md:h-48 object-contain">
   </div>
@@ -51,7 +51,7 @@ import Footer from "@/views/main/Footer.vue";
             alt="YourHutopy"
             class="max-h-56 mx-auto"
         >
-        <div class="text-md text-justify px-6">
+        <div class="text-md text-justify px-6 ">
           Soutenez financièrement vos créateurs préférés et participez directement à leur succès. Chaque contribution est un geste fort pour encourager leur talent et leur passion.
         </div>
         <!-- <v-btn>Soutenir</v-btn> -->
@@ -83,11 +83,11 @@ import Footer from "@/views/main/Footer.vue";
       <div class="space-y-6">
         <img src="/images/hutopymedia/homepage/votrehutopy.png" alt="YourHutopy" class="w-full mb-6">
         <div class="space-y-4">
-          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1">Hutopy, c'est quoi ?</p>
-          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1">
+          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1 homepagetext">Hutopy, c'est quoi ?</p>
+          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1 homepagetext">
             Hutopy est une plateforme qui permet de soutenir financièrement vos créateurs préférés et de les encourager dans leurs projets. C'est aussi un espace où les créateurs peuvent partager leur passion, créer leur page, et donner à leur communauté l’opportunité de les aider à réaliser leurs rêves.
           </p>
-          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1">
+          <p class="text-lg leading-relaxed text-justify sm:mx-5 md:mx-1 homepagetext">
             Simple, accessible et humain, Hutopy valorise le talent et le soutien, car chaque geste, aussi petit soit-il, peut faire une grande différence dans l’accomplissement de sa propre utopie.
           </p>
           <div class="flex justify-center">
@@ -255,4 +255,11 @@ body {
     height: 600px; /* Pour les écrans >= 1280px */
   }
 }
+
+.homepagetext{
+  color: white;
+  font-family: "Roboto", sans-serif;
+
+}
+
 </style>

frontend/src/views/main/LoginForm.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col items-center min-w-[300px] m-4">
-    <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
+    <h1 class="text-center text-2xl font-bold mb-5 login-text">Connexion</h1>
 
     <google-login class="w-full"
                   :callback="googleCallback"
@@ -31,3 +31,12 @@ async function googleCallback(token) {
 }
 
 </script>
+
+<style scoped>
+
+.login-text{
+  @apply text-hOnBackground;
+
+}
+
+</style>