fix(french): update email update docs (#63)

* fix(french): update email update docs

* fix(french): update email update docs

* fix: improve flex behavior of home page and re-order links

* fix: rename site to wiki

* fix: make requested changes

* fix: make requested changes bis

---------

Co-authored-by: Basile Spaenlehauer <[email protected]>
Co-authored-by: mt-gitlocalize <[email protected]>

Author: 3 people

docusaurus.config.js

@@ -91,19 +91,19 @@ const config = {
           srcDark: "img/graasp-develop_dark.svg",
         },
         items: [
+          { to: "/blog", label: "Blog", position: "left" },
           {
             type: "doc",
             docId: "developer/intro",
             position: "left",
-            label: "Developer",
+            label: "Docs",
           },
           {
             type: "doc",
             docId: "user/intro",
             position: "left",
-            label: "User Resources",
+            label: "Guides",
           },
-          { to: "/blog", label: "Blog", position: "left" },
           {
             href: "https://graasp.github.io/docs/blog/rss.xml",
             position: "right",

i18n/en/docusaurus-theme-classic/navbar.json

@@ -1,19 +1,19 @@
 {
   "title": {
-    "message": "Docs",
+    "message": "Wiki",
     "description": "The title in the navbar"
   },
   "logo.alt": {
     "message": "Graasp",
     "description": "The alt text of navbar logo"
   },
-  "item.label.Developer": {
-    "message": "Developer",
-    "description": "Navbar item with label Developer"
+  "item.label.Docs": {
+    "message": "Docs",
+    "description": "Navbar item with label Docs"
   },
-  "item.label.User Resources": {
-    "message": "User Resources",
-    "description": "Navbar item with label User Resources"
+  "item.label.Guides": {
+    "message": "Guides",
+    "description": "Navbar item with label Guides"
   },
   "item.label.Blog": {
     "message": "Blog",

i18n/fr/docusaurus-plugin-content-docs/current/user/account/account-button.png

@@ -0,0 +1,55 @@
+# Adresse e-mail
+
+Sur la plateforme Graasp, votre email sert à vous connecter (via lien magique) et à recevoir des notifications (vous pouvez désactiver les notifications dans votre profil).
+
+## Quelle adresse email est utilisée avec mon compte Graasp ? {#email-used}
+
+Vous pouvez trouver quelle adresse e-mail est utilisée avec votre compte Graasp actuel en cliquant sur l'avatar rond dans le coin supérieur droit de la page. Dans la fenêtre contextuelle qui s'afficher, choisissez **"Paramètres"** (voir image ci-dessous).
+
+![Fenêtre contextuelle du compte](./account-popup.png)
+
+:::warning Vous ne voyez pas la même chose ?
+Si vous ne voyez pas l'option "Paramètres" dans la fenêtre contextuelle, cela signifie que vous êtes connecté avec un compte pseudonymisé (invité).
+Ces comptes ont des capacités limitées et ne peuvent accéder qu'au contenu de l'élément sur lequel ils ont été créés.
+
+Déconnectez-vous de ce compte avec l'option "Déconnection" et connectez-vous à votre compte Graasp via email.
+Si vous n'avez pas encore de compte Graasp, vous pouvez en créer un simplement, il vous suffit d'une adresse email. Voir [créer un compte Graasp](../create-account) pour plus d'informations.
+:::
+
+![Page paramètres](./parametres.png)
+
+La page de paramètres permet de modifier les données liées à votre compte et vos préférences.
+La première section encadrée de la page ("Informations personnelles") vous indique le nom d'utilisateur courant ainsi que l'email du compte.
+
+Vous pouvez modifier ces informations. Veuillez vous référer à [Comment changer mon email](#change-email)
+
+## Comment changer mon email ? {#change-email}
+
+Vous pouvez modifier l'e-mail utilisé avec votre compte Graasp sur [la page des paramètres de votre compte](https://graasp.org/account/settings) .
+
+1. Connectez-vous à Graasp en utilisant soit votre email, soit votre email et un mot de passe si vous en avez défini un.
+
+    1. Si vous n'avez pas de mot de passe défini et que vous n'avez pas accès à l'e-mail que vous avez utilisé dans Graasp, veuillez nous contacter (coordonnées de contact disponibles en bas de page).
+
+2. Cliquez sur l'avatar dans le coin supérieur droit de l'écran et sélectionnez « Paramètres » dans la fenêtre contextuelle.
+
+    ![Fenêtre contextuelle du compte](./account-popup.png)
+
+3. Cliquez sur le bouton "Modifier" dans la section « Informations personnelles »
+
+4. Remplissez le nouvel e-mail que vous souhaitez utiliser.
+
+5. Enregistrez les modifications.
+
+6. Un e-mail sera envoyé à votre nouvelle adresse e-mail.
+
+    1. Si vous ne recevez pas d'e-mail, cela peut signifier que vous avez essayé d'utiliser un e-mail déjà enregistré auprès de Graasp.
+
+7. Cliquez sur le lien envoyé dans l'e-mail.
+
+8. Cliquez sur le bouton "Valider" sur la page.
+
+    1. Si vous obtenez une erreur, assurez-vous que vous utilisez un nouveau lien. Les liens durent 24 heures. Si votre lien est plus ancien, veuillez mettre à jour à nouveau votre email dans votre profil et utiliser le nouveau lien que vous recevrez.
+    2. Assurez-vous de ne pas avoir créé de compte Graasp avec votre nouvelle adresse e-mail.
+
+9. Une fois la validation réussie, vous pouvez vous connecter avec votre nouvel email. Votre ancien email recevra un dernier message vous informant que vous avez remplacé l'email de votre compte avec un nouvel email.

i18n/fr/docusaurus-plugin-content-docs/current/user/account/account-popup.png

@@ -24,4 +24,6 @@ Il existe quelques [tutoriels en français](https://player.graasp.org/bd918837-5
 
 Il existe également des tutoriels disponibles dans d'autres langues comme [l'anglais](https://player.graasp.org/9d80d81f-ec9d-4bfb-836a-1c6b125aef2f) ou [l'allemand](https://player.graasp.org/07773683-c882-48b5-961e-1fe54833b58c)
 
-:::tip Vous pouvez lire cette documentation dans votre langue préférée, en la sélectionnant dans le menu déroulant en haut à droite de cette page. :::
+:::tip
+Vous pouvez lire cette documentation dans votre langue préférée, en la sélectionnant dans le menu déroulant en haut à droite de cette page.
+:::

i18n/fr/docusaurus-plugin-content-docs/current/user/account/email.md

@@ -1,19 +1,19 @@
 {
   "title": {
-    "message": "Documentation",
+    "message": "Wiki",
     "description": "The title in the navbar"
   },
   "logo.alt": {
     "message": "Graasp",
     "description": "The alt text of navbar logo"
   },
-  "item.label.Developer": {
-    "message": "Développement",
-    "description": "Navbar item with label Developer"
+  "item.label.Docs": {
+    "message": "Documentation",
+    "description": "Navbar item with label Docs"
   },
-  "item.label.User Resources": {
-    "message": "Notice utilisateurs",
-    "description": "Navbar item with label User Resources"
+  "item.label.Guides": {
+    "message": "Guides utilisateur",
+    "description": "Navbar item with label Guides"
   },
   "item.label.Blog": {
     "message": "Blog",

i18n/fr/docusaurus-plugin-content-docs/current/user/account/parametres.png

@@ -26,22 +26,6 @@ const HomePageLinkList = [
     Svg: require("@site/static/img/home-news-feed.svg").default,
     to: "blog",
   },
-  {
-    key: "docs",
-    title: translate({
-      id: "pages.home.developerDocs",
-      message: "Developer Docs",
-      description: "Title for the developer docs section",
-    }),
-    description: translate({
-      id: "pages.home.developerDocs.description",
-      message:
-        "From general architecture to code examples and individual code snippets explanations, everything necessary to understand and contribute to the Graasp project",
-      description: "Description for the developer docs section",
-    }),
-    Svg: require("@site/static/img/home-developers.svg").default,
-    to: "developer/intro",
-  },
   {
     key: "users",
     title: translate({
@@ -58,11 +42,27 @@ const HomePageLinkList = [
     Svg: require("@site/static/img/home-users.svg").default,
     to: "user/intro",
   },
+  {
+    key: "docs",
+    title: translate({
+      id: "pages.home.developerDocs",
+      message: "Developer Docs",
+      description: "Title for the developer docs section",
+    }),
+    description: translate({
+      id: "pages.home.developerDocs.description",
+      message:
+        "From general architecture to code examples and individual code snippets explanations, everything necessary to understand and contribute to the Graasp project",
+      description: "Description for the developer docs section",
+    }),
+    Svg: require("@site/static/img/home-developers.svg").default,
+    to: "developer/intro",
+  },
 ] as const;
 
 const HomepageLink = ({ title, description, Svg, to }: HomepageLinkItem) => {
   return (
-    <div className="mx-auto mb-4 last:mb-0 max-w-md md:max-w-lg border rounded-lg hover:ring ring-indigo-500 hover:ease-in-out duration-300">
+    <div className="max-w-md md:max-w-lg border rounded-lg hover:ring ring-indigo-500 hover:ease-in-out duration-300">
       <Link
         to={to}
         className="no-underline text-current hover:no-underline hover:text-current"
@@ -85,7 +85,7 @@ const HomepageLink = ({ title, description, Svg, to }: HomepageLinkItem) => {
 
 const HomepageLinks = () => {
   return (
-    <div className="place-content-center p-4">
+    <div className="flex flex-wrap gap-4 justify-center justify-items-center items-stretch p-4 w-fit mx-auto">
       {HomePageLinkList.map(({ key, ...link }) => (
         <HomepageLink key={key} {...link} />
       ))}

i18n/fr/docusaurus-plugin-content-docs/current/user/account/reset-password.png

@@ -1,6 +1,5 @@
 import React from "react";
 import clsx from "clsx";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 
 import styles from "./index.module.css";
@@ -17,7 +16,7 @@ function HomepageHeader() {
       )}
     >
       <div className="container flex flex-col items-center">
-        <h1 className="hero__title font-extrabold w-max text-transparent bg-clip-text bg-gradient-to-br from-[#56B0F8] from-10% via-[#5050D2] to-90% to-[#C658D0]">
+        <h1 className="text-3xl md:text-5xl font-extrabold w-max text-transparent bg-clip-text bg-gradient-to-br from-[#56B0F8] from-10% via-[#5050D2] to-90% to-[#C658D0]">
           {translate({
             id: "pages.home.title",
             description: "The homepage welcome message",

i18n/fr/docusaurus-plugin-content-docs/current/user/intro.md

@@ -3,5 +3,6 @@
   "extends": "@tsconfig/docusaurus/tsconfig.json",
   "compilerOptions": {
     "baseUrl": "."
-  }
+  },
+  "include": ["src", "docs", "blog", "i18n"]
 }