Css styling for Tos

src/views/documentation/TermsAndConditions.vue

@@ -1,14 +1,14 @@
 <template>
 
-  <div class="document">
+  <div class="DocContainer">
 
-    <h1>Conditions générales</h1>
+    <h1 class="DocTitle py-10">Conditions générales</h1>
 
-    <h2>
+    <h2 class="SubTitle">
       Bienvenue sur Hutopy
     </h2>
 
-    <p>
+    <p class="text-justify">
       En accédant à la plateforme Hutopy et en l'utilisant, vous acceptez de vous conformer aux
       conditions générales d'utilisation suivantes, qui sont conçues pour assurer une expérience
       sûre, respectueuse et positive pour tous les utilisateurs. Ces conditions s'appliquent à
@@ -16,47 +16,47 @@
       service.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Utilisation Acceptable
     </h2>
 
-    <p>
+    <p class="text-justify">
       1. Contenu : Vous vous engagez à ne pas publier de contenu illégal, diffamatoire,
       abusif, pornographique, haineux, raciste ou de toute autre nature susceptible de causer
       du tort. Tout contenu publié reste sous votre responsabilité.
     </p>
 
-    <p>
+    <p class="text-justify">
       2. Comportement : Tout comportement visant à nuire à d'autres utilisateurs, à la
       plateforme ou à ses opérations est strictement interdit. Cela inclut le piratage, la
       diffusion de logiciels malveillants et les tentatives d'hameçonnage.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Droits de Propriété Intellectuelle
     </h2>
 
-    <p>
+    <p class="text-justify">
       Le contenu publié sur Hutopy par les utilisateurs reste la propriété de leurs créateurs
       respectifs. En publiant du contenu sur Hutopy, vous accordez à la plateforme une licence non
       exclusive, transférable, libre de droits et mondiale pour utiliser, reproduire, modifier,
       publier, traduire et distribuer ce contenu dans tout média.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Confidentialité
     </h2>
 
-    <p>
+    <p class="text-justify">
       La protection de vos données personnelles est de la plus haute importance pour Hutopy. Votre
       information est collectée et utilisée conformément à notre politique de confidentialité.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Limitation de Responsabilité
     </h2>
 
-    <p>
+    <p class="text-justify">
       Hutopy et ses affiliés ne seront pas responsables des dommages indirects, accidentels,
       spéciaux, consécutifs ou punitifs, y compris sans limitation, la perte de profits, de
       données ou d'usage, que ce soit dans une action contractuelle, délictuelle y compris la
@@ -64,11 +64,11 @@
       plateforme Hutopy.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Clause de Non-Poursuite
     </h2>
 
-    <p>
+    <p class="text-justify">
       En acceptant ces conditions générales d'utilisation, vous convenez qu'en aucun cas Hutopy,
       ses dirigeants, employés, partenaires, agents, fournisseurs ou affiliés ne pourront être
       tenus responsables de dommages directs, indirects, accidentels, spéciaux, consécutifs ou
@@ -77,11 +77,11 @@
       réclamation liée à votre utilisation de la plateforme.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Gestion du Contenu Inapproprié et Sanctions Financières
     </h2>
 
-    <p>
+    <p class="text-justify">
       Hutopy s'engage à maintenir un environnement sûr et respectueux pour tous ses utilisateurs.
       Ainsi, tout contenu publié sur la plateforme est sujet à une évaluation de conformité avec
       nos directives et nos standards éthiques. Dans l'éventualité où le contenu d'un utilisateur
@@ -95,31 +95,31 @@
       directives, afin de contribuer à une communauté positive et enrichissante pour tous.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Modifications des Conditions
     </h2>
 
-    <p>
+    <p class="text-justify">
       Hutopy se réserve le droit de modifier ou de remplacer ces conditions à tout moment. Il est
       de votre responsabilité de revoir régulièrement ces conditions pour vous tenir informé des
       mises à jour.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Résiliation
     </h2>
 
-    <p>
+    <p class="text-justify">
       Hutopy peut résilier ou suspendre votre accès à la plateforme immédiatement, sans préavis ni
       responsabilité, pour quelque raison que ce soit, y compris, sans limitation, si vous violez
       les conditions.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       Loi Applicable
     </h2>
 
-    <p>
+    <p class="text-justify">
       Ces conditions seront régies et interprétées conformément aux lois du pays/juridiction où
       est basée la plateforme, sans égard à ses conflits de dispositions légales.
     </p>
@@ -128,24 +128,3 @@
 
 </template>
 
-<style scoped>
-
-.document {
-  @apply flex flex-col mx-10 space-y-4
-}
-
-h1 {
-  @apply self-center my-20 text-6xl font-bold
-}
-
-h2 {
-  @apply text-lg font-normal font-semibold font-sans
-}
-
-p {
-  @apply text-base font-normal font-sans
-}
-
-</style>
-<script setup lang="ts">
-</script>