tutorials: update FR tutorials

_layouts/tutorials-FR.html

@@ -10,7 +10,7 @@
 
         {% else %}
 
-        <h1><a href="{{ site.baseurl }}/resources/tutorials.html" title="Back to Tutorials main page">←</a> MEI Tutorials</h1>
+        <h1><a href="{{ site.baseurl }}/resources/tutorials-FR.html" title="Back to Tutorials main page">←</a> MEI Tutorials</h1>
 
         <h2>{{ page.fullname }}</h2>
 

_tutorials-FR/100_structure/100_structure.json

@@ -9,7 +9,7 @@
       "editorLines": 1,
       "descFile": "100_structure_step-01-desc.html",
       "prefillFile": "100_structure_step-01-prefill.xml",
-      "xmlFile": "100_structure_step-01.xml",
+      "xmlFile": "../tutorials/100_structure_step-01.xml",
       "xpaths": [
         {"rule": "count(//mei) = 1", "renderanyway": true, "hint": "Vous avez besoin d'un élément mei."}
       ]
@@ -19,21 +19,21 @@
       "editorLines": 1,
       "descFile": "100_structure_step-02-desc.html",
       "prefillFile": "100_structure_step-02-prefill.xml",
-      "xmlFile": "100_structure_step-02.xml",
+      "xmlFile": "../tutorials/100_structure_step-02.xml",
       "xpaths": [
         {"rule": "count(*[local-name()='mei']) = 1", "renderanyway": true, "hint": "Vous avez besoin d'un élément mei."},
-        {"rule": "*[local-name()='mei' and namespace-uri()='http://www.music-encoding.org/ns/mei']", "renderanyway": true, "hint": "Vous avez besoin d'une déclaration @xmlns avec l'espace de nom mei \"http://www.music-encoding.org/ns/mei<music>\"."}
+        {"rule": "*[local-name()='mei' and namespace-uri()='http://www.music-encoding.org/ns/mei']", "renderanyway": true, "hint": "Vous avez besoin d'une déclaration @xmlns avec l'espace de nom mei 'http://www.music-encoding.org/ns/mei'."}
       ]
     },
     {
       "label": "Les deux éléments enfants de base",
       "editorLines": 4,
       "descFile": "100_structure_step-03-desc.html",
       "prefillFile": "100_structure_step-03-prefill.xml",
-      "xmlFile": "100_structure_step-03.xml",
+      "xmlFile": "../tutorials/100_structure_step-03.xml",
       "xpaths": [
         {"rule": "count(//*[local-name()='mei']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément mei."},
-        {"rule": "*[local-name()='mei' and namespace-uri()='http://www.music-encoding.org/ns/mei']", "renderanyway": true, "hint": "Vous avez besoin d'une déclaration @xmlns avec l'espace de nom mei \"http://www.music-encoding.org/ns/mei<music>\" dans l'élément <mei>."},
+        {"rule": "*[local-name()='mei' and namespace-uri()='http://www.music-encoding.org/ns/mei']", "renderanyway": true, "hint": "Vous avez besoin d'une déclaration @xmlns avec l'espace de nom mei 'http://www.music-encoding.org/ns/mei' dans l'élément mei."},
         {"rule": "count(//*[local-name()='meiHead']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément meiHead."},
         {"rule": "//*[local-name()='mei']/*[local-name()='meiHead']", "renderanyway": false, "hint": "L'élément meiHead doit être un enfant de mei."},
         {"rule": "count(//*[local-name()='music']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément music."},
@@ -46,11 +46,11 @@
       "editorLines": 11,
       "descFile": "100_structure_step-04-desc.html",
       "prefillFile": "100_structure_step-04-prefill.xml",
-      "xmlFile": "100_structure_step-04.xml",
+      "xmlFile": "../tutorials/100_structure_step-04.xml",
       "xpaths": [
         {"rule": "count(//*[local-name()='mei']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément mei."},
-        {"rule": "*[local-name()='mei' and namespace-uri()='http://www.music-encoding.org/ns/mei']", "renderanyway": true, "hint": "Vous avez besoin d'une déclaration @xmlns avec l'espace de nom mei \"http://www.music-encoding.org/ns/mei<music>\" dans l'élément <mei>."},
-        {"rule": "count(//*[local-name()='meiHead']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément mei."},
+        {"rule": "*[local-name()='mei' and namespace-uri()='http://www.music-encoding.org/ns/mei']", "renderanyway": true, "hint": "Vous avez besoin d'une déclaration @xmlns avec l'espace de nom mei 'http://www.music-encoding.org/ns/mei' dans l'élément mei."},
+        {"rule": "count(//*[local-name()='meiHead']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément meiHead."},
         {"rule": "//*[local-name()='mei']/*[local-name()='meiHead']", "renderanyway": false, "hint": "L'élément meiHead doit être un enfant de mei."},
         {"rule": "count(//*[local-name()='music']) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément music."},
         {"rule": "//*[local-name()='mei']/*[local-name()='music']", "renderanyway": false, "hint": "L'élément music doit être à un enfant de mei."},

_tutorials-FR/100_structure/100_structure_end.html

@@ -9,7 +9,7 @@ <h3>Félicitations !</h3>
             (<code>&lt;meiHead&gt;</code>) et celle responsable des informations sur le contenu musical (<code>&lt;music&gt;</code>).</li>
     </ul>
     <p>
-        Étant donné que les sujets abordés dans ce tutoriel renvoient au chapitre <a href="https://music-encoding.org/guidelines/v4/content/shared.html#sharedStructuralElements" target="_blank" rel="noopener noreferrer">Éléments structurels</a> des directives MEI,
+        Étant donné que les sujets abordés dans ce tutoriel renvoient au chapitre <a href="/guidelines/v5/content/shared.html#sharedStructuralElements" target="_blank" rel="noopener noreferrer">Éléments structurels</a> des directives MEI,
         nous vous recommandons de consulter ce chapitre dans le cas de besoin d'informations plus détaillées.
     </p>
     <p>
@@ -21,7 +21,7 @@ <h3>Félicitations !</h3>
         Dès que vous vous serez bien familiarisé avec la MEI, nous vous invitons à partager votre expérience avec la <a href="/community/community-contacts.html" target="_blank" rel="noopener noreferrer">Communauté MEI</a>
         et, pourquoi pas, à rédiger vous-même un tutoriel sur un aspect de la MEI qui vous intéresse particulièrement. Vous n'avez pas besoin d'être un expert pour cela - il est bon d'avoir des tutoriels à différents niveaux. Très souvent un tutoriel rédigé par d'autres débutants qui viennent de maîtriser une tâche 
         est plus facile à suivre qu'un guide écrit par une personne plus experimentée qui, ayant complètement assimilé certains éléments, peut oublier à quel point ils étaient difficiles à comprendre au début.
-        Nous avons un <a href="./tutorials.html" target="_blank" rel="noopener noreferrer">tutoriel sur la rédaction de tutoriels</a>,
+        Nous avons un <a href="./199-writing-tutorials.html" target="_blank" rel="noopener noreferrer">tutoriel sur la rédaction de tutoriels</a>,
         et nous proposons des modèles à suivre. C'est facile de devenir un membre actif de la Communauté MEI ! ☺
     </p>
     </div>

_tutorials-FR/100_structure/step-00/100_structure_step-00-desc.html

@@ -8,7 +8,7 @@
   <p>
     Les sujets de ce tutoriel sont documentés dans le chapitre
     <a
-      href="https://music-encoding.org/guidelines/v4/content/shared.html#sharedStructuralElements"
+      href="/guidelines/v5/content/shared.html#sharedStructuralElements"
       target="_blank"
       rel="noopener, noreferrer"
       >Structural Elements</a

_tutorials-FR/100_structure/step-01/100_structure_step-01-desc.html

@@ -30,7 +30,7 @@
     <code>&lt;mei&gt;</code>. 
   </p>
 
-  <p class="task">
+  <p class="tutorialTask">
     Entrez un élément racine <code>&lt;mei&gt;</code> dans l'éditeur ci-dessous.
     N'oubliez pas de fermer la balise d'ouverture par une balise de fermeture
     correspondante.

_tutorials-FR/100_structure/step-02/100_structure_step-02-desc.html

@@ -27,7 +27,7 @@
     Les éléments précédés du signe <code>@</code> comme <code>@xmlns</code> se réfèrent à des attributs XML. (Ces références sont une
     pratique courante provenant du langage de requête
     <a
-      href="https:/fr.wikipedia.org/wiki/XPath"
+      href="https://fr.wikipedia.org/wiki/XPath"
       target="_blank"
       rel="noopener, noreferrer"
       >XPath</a
@@ -46,7 +46,7 @@
     code MEI, comme dans un tutoriel par exemple !
   </p>
 
-  <p class="task">
+  <p class="tutorialTask">
     Dans l'éditeur ci-dessous, ajoutez une déclaration d'espace de nom MEI dans l'élément racine
     <code>&lt;mei&gt;</code>.
   </p>

_tutorials-FR/100_structure/step-03/100_structure_step-03-desc.html

@@ -23,7 +23,7 @@
         </li>
     </ul>
 
-    <p class="task">Dans l'éditeur ci-dessous, ajoutez un élément <code>&lt;meiHead&gt;</code> et un élément <code>&lt;music&gt;</code> à l'intérieur de
+    <p class="tutorialTask">Dans l'éditeur ci-dessous, ajoutez un élément <code>&lt;meiHead&gt;</code> et un élément <code>&lt;music&gt;</code> à l'intérieur de
         l'élément racine <code>&lt;mei&gt;</code>.
     </p>
 </div>

_tutorials-FR/100_structure/step-04/100_structure_step-04-desc.html

@@ -19,7 +19,7 @@
         Ces deux éléments font partie de la description du fichier (<code>&lt;fileDesc&gt;</code>) qui est un élément 
         enfant direct de <code>&lt;meiHead&gt;</code> et permet une description bibliographique complète d'un fichier MEI.
     </p>
-    <p class="task">Dans l'éditeur ci-dessous, ajoutez un élément <code>&lt;fileDesc&gt;</code> à l'intérieur de 
+    <p class="tutorialTask">Dans l'éditeur ci-dessous, ajoutez un élément <code>&lt;fileDesc&gt;</code> à l'intérieur de 
         <code>&lt;meiHead&gt;</code> donné. Ensuite, ajoutez les éléments obligatoires <code>&lt;titleStmt&gt;</code> 
         et <code>&lt;pubStmt&gt;</code> à <code>&lt;fileDesc&gt;</code> et un élément <code>&lt;title&gt;</code> à 
         <code>&lt;titleStmt&gt;</code>.

_tutorials-FR/101_quickstart/101_quickstart.json

@@ -8,7 +8,7 @@
       "label":"La première note",
       "editorLines":1,
       "descFile": "101_quickstart_step-01-desc.html",
-      "xmlFile": "101_quickstart_step-01.xml",
+      "xmlFile": "../tutorials/101_quickstart_step-01.xml",
       "prefillFile": "101_quickstart_step-01-prefill.xml",
       "xpaths": [
         {"rule":"count(//mei:note) = 1", "renderanyway": false, "hint": "Vous avez besoin d'un élément note."},
@@ -25,8 +25,8 @@
       "label":"Notes multiples",
       "editorLines":8,
       "descFile": "101_quickstart_step-02-desc.html",
-      "xmlFile": "101_quickstart_step-02.xml",
-      "prefillFile": "101_quickstart_step-02-prefill.xml",
+      "xmlFile": "../tutorials/101_quickstart_step-02.xml",
+      "prefillFile": "../tutorials/101_quickstart_step-02-prefill.xml",
       "xpaths": [
         {"rule":"count(//mei:note) = 7", "renderanyway": true},
         {"rule":"//mei:note[1]/@pname = 'e'", "renderanyway": true},
@@ -56,8 +56,8 @@
       "label":"Une mélodie simple",
       "editorLines":8,
       "descFile": "101_quickstart_step-03-desc.html",
-      "xmlFile": "101_quickstart_step-03.xml",
-      "prefillFile": "101_quickstart_step-03-prefill.xml",
+      "xmlFile": "../tutorials/101_quickstart_step-03.xml",
+      "prefillFile": "../tutorials/101_quickstart_step-03-prefill.xml",
       "xpaths": [
         {"rule":"count(//mei:note) = 7", "renderanyway": true},
         {"rule":"//mei:note[1]/@pname = 'e'", "renderanyway": true},

_tutorials-FR/101_quickstart/101_quickstart_end.html

@@ -9,14 +9,14 @@ <h3>Félicitations</h3>
     clefs. Comme prochaines étapes dans votre apprentissage, nous vous recommandons
     nos tutoriels sur les
     <a
-      href="/tutorials/103-chords.html"
+      href="./103-chords.html"
       target="_blank"
       rel="noopener noreferrer"
       >accords</a
     >
     ou les
     <a
-      href="/tutorials/104-rests.html"
+      href="./104-rests.html"
       target="_blank"
       rel="noopener noreferrer"
       >silences</a
@@ -40,7 +40,7 @@ <h3>Félicitations</h3>
     une tâche est plus facile à suivre qu'un guide écrit par une personne plus
     experimentée qui, ayant complètement assimilé certains éléments, peut oublier à quel point ils étaient difficiles à comprendre au début.
     Nous avons un
-    <a href="./tutorials.html" target="_blank" rel="noopener noreferrer"
+    <a href="./199-writing-tutorials.html" target="_blank" rel="noopener noreferrer"
       >tutoriel sur la rédaction de tutoriels</a
     > et nous proposons des modèles à suivre. C'est facile de devenir un membre
     actif de la Communauté MEI ☺

_tutorials-FR/101_quickstart/step-01/101_quickstart_step-01-desc.html

@@ -13,7 +13,7 @@
         L'autre information importante est la durée (<code>@dur</code>). Ici, des valeurs entières simples sont utilisées 
         pour indiquer la durée d'une note. Une ronde reçoit une valeur de <code>"1"</code>, une blanche nécessite <code>"2"</code>, 
         une noire <code>"4"</code> et ainsi de suite.</p>
-    <p class="task">
+    <p class="tutorialTask">
         Nous vous invitons à entrer le code suivant dans la boîte de l'éditeur : <code>&lt;note pname="e" oct="4" dur="4"/&gt;</code>. Vous devriez alors voir apparaître la note rendue. Vous pouvez faire varier les valeurs des attributs pour voir leur influence sur le rendu. 
         Vous verrez également des indications sur la manière d'écrire correctement le code. Quand vous êtes prêt, assurez-vous d'avoir le code correct dans l'éditeur, puis cliquez sur le bouton « continuer » en bas à droite.
     </p>

_tutorials-FR/101_quickstart/step-02/101_quickstart_step-02-desc.html

@@ -1,9 +1,9 @@
 <div>
     <p>
         Félicitations, vous venez <b>d'encoder</b> votre première note en MEI. Maintenant, poursuivons et ajoutons quelques notes supplémentaires pour créer votre première séquence de notes :
-        <img style="display: block; margin: .5rem auto; width: 240px;" src="./101_note-sequence.png" alt="Sequence of notes"/>
+        <img style="display: block; margin: .5rem auto; width: 240px;" src="../tutorials/101_note-sequence.png" alt="Sequence of notes"/>
     </p>
-    <p class="task">
+    <p class="tutorialTask">
         Essayez de reproduire la séquence ci-dessus en MEI (vous pouvez copier-coller les éléments de la première note que vous avez encodés au besoin).
         Chaque note a besoin des attributs <code>@pname</code>, <code>@oct</code> et <code>@dur</code> Gardez à l'esprit que la MEI inscrit le nom des notes en minuscule (de <code>"a"</code> à <code>"g"</code>).
     </p>

_tutorials-FR/101_quickstart/step-03/101_quickstart_step-03-desc.html

@@ -1,8 +1,8 @@
 <div>
     <p>Félicitations, vous venez <b>d'encoder</b> votre première séquence de notes en MEI. Maintenant, nous allons ajuster la valeur de 
-        leur durée pour encoder votre première mélodie: « Mary had a little lamb ».
-        <img style="display: block; margin: .5rem auto; width: 240px;" src="./101_note-little-lamb.png" alt="Mary had a little lamb"/></p>
-    <p class="task">
+        leur durée pour encoder votre première mélodie : « Mary had a little lamb ».
+        <img style="display: block; margin: .5rem auto; width: 240px;" src="../tutorials/101_note-little-lamb.png" alt="Mary had a little lamb"/></p>
+    <p class="tutorialTask">
         Essayez de reproduire la mélodie ci-dessus en MEI. Chaque note a besoin des attributs <code>@pname</code>, <code>@oct</code> et 
         <code>@dur</code>.
     </p>