more tabs

opengisch · Feb 13, 2024 · 1e57173 · 1e57173
1 parent eaab65c
commit 1e57173
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 21 deletions.
diff --git a/website/documentation/desktop.fr.md b/website/documentation/desktop.fr.md
@@ -16,31 +16,31 @@ hide:
 
     === "Général"
         <figure markdown>
-          ![Onglet général](./assets/images/printscreen/support-form-general.png){ width="500"; loading=lazy }
+          ![Onglet général](./assets/images/printscreen/support-form-general.png){loading=lazy}
           <figcaption>Onglet général</figcaption>
         </figure>
 
     === "Azimut"
         <figure markdown>
-          ![Onglet azimut](./assets/images/printscreen/support-form-azimut.png){ width="500"; loading=lazy }
+          ![Onglet azimut](./assets/images/printscreen/support-form-azimut.png){loading=lazy}
           <figcaption>Onglet azimut</figcaption>
         </figure>
 
     === "Photo"
         <figure markdown>
-          ![Onglet azimut](./assets/images/printscreen/support-form-photo.png){ width="500"; loading=lazy }
+          ![Onglet azimut](./assets/images/printscreen/support-form-photo.png){loading=lazy}
           <figcaption>Onglet photo</figcaption>
         </figure>
 
 Dans l’onglet “Azimut”, les cadres et signaux peuvent y être saisis. L'attribut *Azimut* peut être rempli de manière graphique, grâce à la vue `vw_azimut_edit` du schéma `signalo_app`.
 
 <figure markdown>
-  ![Exemple](./assets/images/printscreen/support-all.png){ width="500"; loading=lazy }
+  ![Exemple](./assets/images/printscreen/support-all.png){loading=lazy}
   <figcaption>Exemple d'un azimut avec plusieurs cadres et signaux</figcaption>
 </figure>
 
 <figure markdown>
-  ![Azimut](./assets/images/printscreen/azimut-edit.png){ width="500"; loading=lazy }
+  ![Azimut](./assets/images/printscreen/azimut-edit.png){loading=lazy}
   <figcaption>Définition de l'azimut de manière graphique, grâce à la vue vw_azimut_edit</figcaption>
 </figure>
 
@@ -49,7 +49,7 @@ Dans l’onglet “Azimut”, les cadres et signaux peuvent y être saisis. L'at
 La taille des panneaux peut être ajustée dans les propriétés du projet, dans l'onglet `Variables`, en modifiant la variable `signalo_img_size`.
 
 <figure markdown>
-  ![Réglage](./assets/images/printscreen/set-image-size.png){ width="500"; loading=lazy }
+  ![Réglage](./assets/images/printscreen/set-image-size.png){loading=lazy}
   <figcaption>Réglage de la taille de l'image</figcaption>
 </figure>
 
@@ -94,7 +94,7 @@ Les attributs suivants permettent en outre de créer et gérer des panneaux dire
 Afin d'accéder à la liste déroulante des signaux définis par l'utilisateur dans QGIS, le **type de signal** *défini par l'utilisateur* doit être choisi.
 
 <figure markdown>
-  ![Liste définie par l'utilisateur](./assets/images/printscreen/liste_defini_par_lutilisateur.png){ width="500"; loading=lazy }
+  ![Liste définie par l'utilisateur](./assets/images/printscreen/liste_defini_par_lutilisateur.png){loading=lazy}
   <figcaption>Liste des types de signal</figcaption>
 </figure>
 
@@ -106,7 +106,7 @@ La création du `.svg` correspondant est donc dans la responsabilité de l'utili
 Il est recommandé de prendre une des images officielles comme exemple et base pour créer un signal personnalisé, afin d'avoir une idée de la taille et pour comprendre comment configurer les inscriptions dynamiques.
 
 <figure markdown>
-  ![Projet QField](./assets/images/printscreen/folder_tree_images.png){ width="200"; loading=lazy }
+  ![Projet QField](./assets/images/printscreen/folder_tree_images.png){ width="200"; loading=lazy}
   <figcaption>Emplacement des fichiers `.svg` des signaux définis par l'utilisateur</figcaption>
 </figure>
 
@@ -134,6 +134,6 @@ Avec un clic-droit sur la couche, sélectionner "Filtrer…" dans le menu.
 Il faut alors construire une requête pour filtrer les éléments.
 
 <figure markdown>
-  ![Projet QField](./assets/images/printscreen/filter.png){ width="500"; lazy-loading }
+  ![Projet QField](./assets/images/printscreen/filter.png){lazy-loading }
   <figcaption>Filtrage des signaux</figcaption>
 </figure>
diff --git a/website/documentation/mobile.fr.md b/website/documentation/mobile.fr.md
@@ -14,18 +14,25 @@ hide:
 * Ouvrir QField ⇒ cliquer sur “Ouvrir un fichier local”
 * Chercher le fichier qgs copié en local sur votre mobile
 
+!!! info "Édition sous QField"
+
+    === "Général"
+        <figure markdown>
+          ![Projet QField](./assets/images/printscreen/qfield_signalo.jpg){ width="300" align="left"; loading=lazy }
+          <figcaption>visualisation sous QField</figcaption>
+        </figure>
+
+    === "Azimut"
+        <figure markdown>
+          ![Projet QField](./assets/images/printscreen/qfield_edit.jpg){ width="300" align="left"; loading=lazy }
+          <figcaption>édition des supports</figcaption>
+        </figure>
+
+    === "Signal"
+        <figure markdown>
+          ![Projet QField](./assets/images/printscreen/qfield_form.jpg){ width="300" align="left"; loading=lazy }
+          <figcaption>édition du signal</figcaption>
+        </figure>
 
-<figure markdown>
-  ![Projet QField](./assets/images/printscreen/qfield_signalo.jpg){ width="300" align="left"; loading=lazy }
-  <figcaption>visualisation sous QField</figcaption>
-</figure>
-<figure markdown>
-  ![Projet QField](./assets/images/printscreen/qfield_edit.jpg){ width="300" align="left"; loading=lazy }
-  <figcaption>édition des supports</figcaption>
-</figure>
-<figure markdown>
-  ![Projet QField](./assets/images/printscreen/qfield_form.jpg){ width="300" align="left"; loading=lazy }
-  <figcaption>édition du formulaire</figcaption>
-</figure>
 
 De retour au bureau, synchroniser le projet à l'aide de QFieldSync