🎨 Adjusted the adventurer position and descriptions in the intro service.

src/app/services/intro/intro.service.ts

@@ -45,7 +45,7 @@ export class IntroService {
           { element: '#quete', intro: "N'hésitez pas à réaliser les différentes quêtes, pour un petit plaisir personnel, que vous pourrez retrouver ici !" },
         ],
         exitOnOverlayClick: false,
-        disableInteraction: false,
+        disableInteraction: true,
       });
 
       intro.onstart(async (element) => {
@@ -67,16 +67,16 @@ export class IntroService {
       intro.setOptions({
         tooltipClass: 'introjs-tooltip custom-tooltip-with-avatar',
         steps: [
-          { element: '#add', intro: "Le point important : l'ajout de pin ! \n Allons voir comment cela fonctionne !" },
+          { element: '#add', intro: "Le point important : l'ajout de pin ! <br>Allons voir ensemble comment cela fonctionne." },
           { element: '#add-pin-modal-title', intro: 'Ajoutez le titre de votre pin, le lieu du pin par exemple !' },
-          { element: '#add-pin-modal-image', intro: 'Glissez et déposez toutes les images que vous souhaitez !\n\nTIP : La localisation de la première image sera récupérée automatiquement 😎' },
+          { element: '#add-pin-modal-image', intro: 'Glissez et déposez toutes les images que vous souhaitez ! <br> <br>TIP : La localisation de la première image sera récupérée automatiquement 😎' },
-          { element: '#add-pin-modal-localisation', intro: "Rentrez l'adresse de l'endroit où vos photos ont été prises !" },
+          { element: '#add-pin-modal-localisation', intro: "Si l'adresse n'a pas été récupérée automatiquement, vous pouvez la renseigner manuellement." },
           { element: '#add-pin-modal-description', intro: 'Une petite description de votre voyage pour vous souvenir des points importants !' },
           { element: '#add-pin-modal-date', intro: 'Ajoutez la date de votre voyage, très important pour la frise chronologique !' },
           { element: '#add-pin-modal-validate', intro: "Et voilà vous n'avez plus qu'à valider et ajouter votre pin !" },
         ],
         exitOnOverlayClick: false,
-        disableInteraction: false,
+        disableInteraction: true
       });
 
       intro.onchange(async (element) => {
@@ -106,12 +106,12 @@ export class IntroService {
       intro.setOptions({
         tooltipClass: 'custom-tooltip-with-avatar',
         steps: [
-          { element: '#friend', intro: "Mémory Map c'est aussi du social ! Voyons voir comment ajouter un ami !" },
+          { element: '#friend', intro: "Memory Map, c'est aussi du social. Voyons voir comment ajouter un ami !" },
-          { element: '#friend-search-bar', intro: "Cherchez votre ami avec son pseudo afin de l'ajouter !" },
+          { element: '#friend-search-bar', intro: "Cherchez votre ami avec son pseudo afin de lui envoyer une demande d'ami !" },
-          { element: '#friend-list', intro: "Ici vous retrouverez vos amis, ainsi que vos demandes d'amis, ajoutez ou refusez la personne !" }
+          { element: '#friend-list', intro: "Ici vous retrouverez vos amis, ainsi que vos demandes d'amis, acceptez ou refusez les demandes en attente." }
         ],
         exitOnOverlayClick: false,
-        disableInteraction: false,
+        disableInteraction: true,
       });
 
       intro.onchange(async (element) => {

src/styles.css

@@ -72,7 +72,7 @@
   content: "";
   position: absolute;
   text-align: center;
-  left: 1rem;
+  left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 6rem;