Méli-mélo 2021-05-steps - Typo fix for custom starting steps

méli-mélo/2021-05-steps/index-fr.html

@@ -20,7 +20,7 @@ <h2>Sur cette page</h2>
       <li><a href="#souslistes">Sous-listes (imbriquées)</a></li>
       <li><a href="#rayee">Conception rayée</a></li>
       <li><a href="#rayeesousliste">Conception rayée pour la sous-liste</a></li>
-	  <li><a href="#startattr">Début (start) de l'attribut</a></li>
+	  <li><a href="#startattr">Attribut de début (<span lang="en">start</span>)</a></li>
     </ul>
   </section>
   <section>
@@ -449,25 +449,25 @@ <h4>En-tête pour l'étape 4 (no conception rayée ajoutée pour les sous-étape
     </details>
   </section>
 <section>
-    <h2 id="startattr">Début (start) de l'attribut</h2>
-    <p>Le modèle de liste est personnalisé pour suivre la valeur de l'attribut <code>start</code> de 2 jusqu'au nombre 10.</p>
+    <h2 id="startattr">Attribut de début (<span lang="en">start</span>)</h2>
+    <p>Le modèle de liste est personnalisé pour suivre la valeur de l'attribut <code lang="en">start</code> de 2 jusqu'au nombre 9.</p>
     <h3>Modèle de liste d'étapes par défaut</h3>
     <p>Dans cet exemple, la valeur de l'attribut <code>start</code> est de 3.</p>
     <ol class="lst-stps" start="3">
       <li>
-        <h3><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 1</a></h3>
+        <h4><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 1</a></h4>
         <p>Utilisez des verbes d'action, ou énumérez simplement des mots-clés pour résumer les informations ou les tâches pouvant être accomplies sur la page vers laquelle il pointe</p>
       </li>
       <li>
-        <h3><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 2</a></h3>
+        <h4><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 2</a></h4>
         <p>Utilisez des verbes d'action, ou énumérez simplement des mots-clés pour résumer les informations ou les tâches pouvant être accomplies sur la page vers laquelle il pointe</p>
       </li>
       <li>
-        <h3><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 3</a></h3>
+        <h4><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 3</a></h4>
         <p>Utilisez des verbes d'action, ou énumérez simplement des mots-clés pour résumer les informations ou les tâches pouvant être accomplies sur la page vers laquelle il pointe</p>
       </li>
       <li>
-        <h3><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 4</a></h3>
+        <h4><a href="#">Texte de lien hypertexte pour le sujet/la tâche de l'étape 4</a></h4>
         <p>Utilisez des verbes d'action, ou énumérez simplement des mots-clés pour résumer les informations ou les tâches pouvant être accomplies sur la page vers laquelle il pointe</p>
       </li>
     </ol>
@@ -522,7 +522,7 @@ <h3>Débutant à l'étape 6</h3>
 		<section>
 			<h4>Exemple avec titre et section débutant de l'étape 6</h4>
 			<p>Lorem ipsum dolor sit amet, esse autem per ex, nec in magna lorem. Ea nec error scriptorem referrentur, patrioque torquatos conclusionemque pri in. Sed sint debitis ad, mazim vitae temporibus qui ut, vel erat ponderum efficiendi ei. In idque euismod sed.</p>
-              <ol class="lst-stps-sub">
+            <ol class="lst-stps-sub">
                 <li>
                   <h5><a href="#">Texte de lien hypertexte pour le sujet/la tâche du sous-étape 6a</a></h5>
                   <p>Utilisez des verbes d'action, ou énumérez simplement des mots-clés pour résumer les informations ou les tâches pouvant être accomplies sur la page vers laquelle il pointe</p>
@@ -535,8 +535,8 @@ <h5><a href="#">Texte de lien hypertexte pour le sujet/la tâche du sous-étape
                   <h5><a href="#">Texte de lien hypertexte pour le sujet/la tâche du sous-étape 6c</a></h5>
                   <p>Utilisez des verbes d'action, ou énumérez simplement des mots-clés pour résumer les informations ou les tâches pouvant être accomplies sur la page vers laquelle il pointe</p>
                 </li>
-              </ol>
-            </section>
+            </ol>
+        </section>
       </li>
       <li>
         <h4>Exemple avec titre et section suivant l'étape 6, attendu à être l'étape 7</h4>

méli-mélo/2021-05-steps/index.html

@@ -468,24 +468,24 @@ <h4>Header for step 4 (no striped design added for sub steps)</h4>
   </section>
 <section>
     <h2 id="startattr">Start attribute</h2>
-    <p>The list pattern is customized to follow the value of the <code>start</code> attribute from 2 up to the number 10.</p>
+    <p>The list pattern is customized to follow the value of the <code>start</code> attribute from 2 up to the number 9.</p>
     <h3>Default steps list design</h3>
     <p>This example has the <code>start</code> attribute value of 3.</p>
     <ol class="lst-stps" start="3">
       <li>
-        <h3><a href="#">Topic/task hyperlink text for step 1</a></h3>
+        <h4><a href="#">Topic/task hyperlink text for step 1</a></h4>
         <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
       </li>
       <li>
-        <h3><a href="#">Topic/task hyperlink text for step 2</a></h3>
+        <h4><a href="#">Topic/task hyperlink text for step 2</a></h4>
         <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
       </li>
       <li>
-        <h3><a href="#">Topic/task hyperlink text for step 3</a></h3>
+        <h4><a href="#">Topic/task hyperlink text for step 3</a></h4>
         <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
       </li>
       <li>
-        <h3><a href="#">Topic/task hyperlink text for step 4</a></h3>
+        <h4><a href="#">Topic/task hyperlink text for step 4</a></h4>
         <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
       </li>
     </ol>

méli-mélo/2021-05-steps/steps-doc-en.html

@@ -3,6 +3,7 @@
 dateModified: 2024-05-30
 description: "Style ordered list and divs with steps number in circles."
 lang: en
+altLangPage: steps-doc-fr.html
 css:
 - steps.css
 ---
@@ -134,6 +135,6 @@ <h2>Source code</h2>
   </section>
 <section>
     <h3>Start attribute</h3>
-    <p>Follow the <code>&lt;ol&gt;</code> attribute <code>start</code> value from 2 to 10.</p>
+    <p>Follow the <code>&lt;ol&gt;</code> attribute <code>start</code> value from 2 to 9.</p>
     <pre><code>&lt;ol class=&quot;lst-stps&quot; start=&quot;2&quot;&gt;</code></pre>
   </section>

méli-mélo/2021-05-steps/steps-doc-fr.html

@@ -3,6 +3,7 @@
 dateModified: 2024-05-30
 description: "Stylisez la liste ordonnée et les divs avec le numéro d’étapes en cercles."
 lang: fr
+altLangPage: steps-doc-en.html
 css:
 - steps.css
 ---
@@ -133,7 +134,7 @@ <h2>Code source</h2>
     <p><a href="https://github.com/wet-boew/GCWeb/tree/master/m%C3%A9li-m%C3%A9lo/2021-05-steps">Code source du plugin d'étapes de liste sur GitHub</a> </p>
   </section>
 <section>
-    <h3>Début (start) de l'attribut</h3>
-    <p>Suivez la valeur de l'attribut <code>&lt;ol&gt;</code> <code>start</code> de 2 à 10.</p>
+    <h3>Attribut de début (<span lang="en">start</span>)</h3>
+    <p>Suivez la valeur de l'attribut <code>&lt;ol&gt;</code> <code>start</code> de 2 à 9.</p>
     <pre><code>&lt;ol class=&quot;lst-stps&quot; start=&quot;2&quot;&gt;</code></pre>
   </section>