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

Change landing page text color

Browse Source
This commit is contained in:
PascalMarchesseault
2025-02-11 19:40:17 -05:00
parent aaa75f6d6d
commit 6a6762da41
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/views/main/Landing.vue
View File

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