From 47883d1577a0be61ef23b46f984ab5f4c1456f34 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Tue, 13 May 2025 11:05:33 +0200
Subject: [PATCH] More legal stuff changes

---
 components/global/sidebar/Sidebar.vue |  6 +++---
 content/sections/fr/legal.md          | 29 ++++++++++++++++++++-------
 pages/about.vue                       | 14 +++++++++----
 pages/explore.vue                     | 12 ++++++++---
 4 files changed, 44 insertions(+), 17 deletions(-)

diff --git a/components/global/sidebar/Sidebar.vue b/components/global/sidebar/Sidebar.vue
index 3ad86dc..a7921cb 100644
--- a/components/global/sidebar/Sidebar.vue
+++ b/components/global/sidebar/Sidebar.vue
@@ -40,12 +40,12 @@ const breakpoints = useBreakpoints(
   <nav
     ref="sidebarRef"
     :class="cn(
-      ['md:relative md:isolate w-16 py-6 grid gap-4 grid-rows-[1fr_auto] justify-center transition-all'], // Base appearance
+      ['md:relative md:isolate w-16 py-6 grid gap-4 grid-rows-[1fr_auto] justify-center md:transition-none'], // Base appearance
       ['after:opacity-50 after:contrast-125 dark:after:opacity-75 dark:after:contrast-175 after:-hue-rotate-60'], // After styling
       ['border-r-[1px] bg-indigo-700 dark:bg-black text-white border-r-indigo-700 dark:border-r-indigo-950 shadow-navbar-light dark:shadow-navbar-dark'], // Colours
-      ['max-md:justify-stretch max-md:px-4 max-md:py-4 max-md:absolute max-md:left-0 max-md:inset-0 max-md:z-50 max-md:w-30 max-md:max-w-full'], // Responsive behaviours
+      ['max-md:justify-stretch max-md:px-4 max-md:py-4 max-md:absolute max-md:left-0 max-md:inset-0 max-md:z-50 max-md:w-40 max-md:max-w-full max-md:transition-all'], // Responsive behaviours
       {
-        'max-md:-translate-x-30': !isSidebarOpened,
+        'max-md:-translate-x-40': !isSidebarOpened,
         'max-md:-translate-x-0 shadow-navbar-dark dark:bg-slate-950': isSidebarOpened
       }
     )"
diff --git a/content/sections/fr/legal.md b/content/sections/fr/legal.md
index 7c23ebd..f43972b 100644
--- a/content/sections/fr/legal.md
+++ b/content/sections/fr/legal.md
@@ -6,26 +6,29 @@ Alexis Pelé
 
 **Email de support** — rpg@alexcreates.fr
 
+### Hébergeur
+Cloudflare US INC
+
+**Adresse** — Townsend Street 101 San Francisco, Californie, États-Unis
+
 -----
 
 ## Conditions Générales d'Utilisation
 
-### Application de Création de Mondes Fantastiques
-
 **Date d'entrée en vigueur : 5 mai 2025**
 
 ### 1. Acceptation des Conditions
 
-En accédant à notre application de création de mondes fantastiques (ci-après dénommée "l'Application"), vous acceptez d'être lié par les présentes Conditions Générales d'Utilisation. Si vous n'acceptez pas ces conditions, veuillez ne pas utiliser l'Application.
+En accédant à notre application de gestion d'univers de fiction (ci-après dénommée "l'Application"), vous acceptez d'être lié par les présentes Conditions Générales d'Utilisation. Si vous n'acceptez pas ces conditions, veuillez ne pas utiliser l'Application.
 
 En utilisant notre Application, vous reconnaissez avoir lu, compris et accepté les présentes Conditions Générales d'Utilisation.
 
 ### 2. Description du Service
 
-L'Application permet aux utilisateurs de créer, gérer et partager des calendriers et des mondes imaginaires pour leurs univers fantastiques. Les fonctionnalités incluent, sans s'y limiter :
+L'Application permet aux utilisateurs de créer, gérer et partager des calendriers et des univers de fiction. Les fonctionnalités incluent, sans s'y limiter :
 - La création de comptes utilisateurs
-- La conception de calendriers personnalisés 
-- La création d'univers fantastiques
+- La conception de calendriers personnalisés
+- La création et gestion d'univers de fiction
 - Le partage de contenus avec d'autres utilisateurs
 
 ### 3. Inscription et Compte Utilisateur
@@ -37,7 +40,7 @@ Vous êtes responsable du maintien de la confidentialité de vos identifiants de
 ### 4. Contenus de l'Utilisateur
 
 #### 4.1 Propriété intellectuelle
-Vous conservez tous vos droits de propriété intellectuelle sur les contenus que vous créez via l'Application (calendriers, descriptions de mondes, etc.). Cependant, vous nous accordez une licence mondiale, non exclusive, gratuite, transférable et pouvant faire l'objet d'une sous-licence pour utiliser, reproduire, modifier, adapter, publier et afficher ces contenus dans le cadre de la fourniture de l'Application.
+Vous conservez tous vos droits de propriété intellectuelle sur les contenus que vous créez via l'Application. Cependant, vous nous accordez une licence mondiale, non exclusive, gratuite, transférable et pouvant faire l'objet d'une sous-licence pour utiliser, reproduire, adapter, publier et afficher ces contenus dans le cadre de la fourniture de l'Application et de ses services.
 
 #### 4.2 Contenus prohibés
 Vous vous engagez à ne pas créer ou partager de contenus qui :
@@ -91,3 +94,15 @@ Si une disposition des présentes conditions est jugée invalide ou inapplicable
 Vous ne pouvez pas céder vos droits ou obligations en vertu des présentes conditions sans notre consentement écrit préalable.
 
 Pour toute question concernant ces conditions d'utilisation, veuillez nous contacter à : rpg@alexcreates.fr
+
+### 10. Cookies & informations personnelles
+
+L’utilisateur est informé que lors de ses visites sur le site, un cookie peut s’installer automatiquement sur son logiciel de navigation.
+
+Le cookie est un bloc de données qui ne permet pas d’identifier les utilisateurs mais sert à enregistrer des informations relatives à la navigation de celui-ci sur le site.
+
+Le paramétrage du logiciel de navigation permet d’informer de la présence de cookie et éventuellement, de la refuser.
+
+L’utilisateur dispose de l’ensemble des droits susvisés s’agissant des données à caractère personnel communiquées par le biais des cookies dans les conditions indiquées ci-dessus.
+
+Nous n'utilisons pas de cookie d'analyses, de tracking ou de régies publicitaires. Les cookies présents sur le site sont purement fonctionnels et ne sont pas partagés avec des tiers dans des buts commerciaux. Les cookies de l'application ne permettent pas de vous identifier.
diff --git a/pages/about.vue b/pages/about.vue
index 692af70..7d3e132 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -14,11 +14,17 @@ watch(locale, () => refresh())
       <Title>{{ $t("pages.about.title") }}</Title>
     </Head>
 
-    <div class="container">
+    <div class="container max-md:px-0">
       <Spacing size="lg">
-        <Heading level="h1">
-          {{ $t("pages.about.title") }}
-        </Heading>
+        <div class="flex items-center gap-3">
+          <div class="md:hidden">
+            <SidebarToggle />
+          </div>
+
+          <Heading level="h1">
+            {{ $t("pages.about.title") }}
+          </Heading>
+        </div>
 
         <ContentRenderer v-if="page" :value="page" class="content" />
       </Spacing>
diff --git a/pages/explore.vue b/pages/explore.vue
index 6128ce8..9d1c02e 100644
--- a/pages/explore.vue
+++ b/pages/explore.vue
@@ -17,9 +17,15 @@ const isLoading = computed(() => calendarStatus.value === "pending")
     </Head>
 
     <Spacing size="lg">
-      <Heading level="h1">
-        {{ $t("pages.explore.title") }}
-      </Heading>
+      <div class="flex items-center gap-3">
+        <div class="md:hidden">
+          <SidebarToggle />
+        </div>
+
+        <Heading level="h1">
+          {{ $t("pages.explore.title") }}
+        </Heading>
+      </div>
 
       <Spacing size="lg">
         <Heading level="h2">