v2.4 : choix du clavier azerty ou qwerty

tuto.html

@@ -149,9 +149,9 @@
 <div class="sheet">
 
   <div class="cover">
-    <div class="kicker">manuel d'utilisation · rev. 2.2</div>
+    <div class="kicker">manuel d'utilisation · rev. 2.4 &nbsp;·&nbsp; <a href="tuto_en.html" style="color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent)">English version</a></div>
     <h1>_chordlab <em>ORC</em></h1>
-    <p>Machine à accords et à progressions, inspirée de la logique de l'Orchid ORC-1. Le principe tient en une phrase : <strong>vous ne jouez pas les notes d'un accord, vous le décrivez</strong> — une fondamentale, un type, des tensions — et la machine fait le reste, jusqu'à vos synthés ou votre DAW.</p>
+    <p>Machine à accords et à progressions. Le principe tient en une phrase : <strong>vous ne jouez pas les notes d'un accord, vous le décrivez</strong> — une fondamentale, un type, des tensions — et la machine fait le reste, jusqu'à vos synthés ou votre DAW.</p>
   </div>
 
   <nav aria-label="Sommaire">
@@ -696,12 +696,18 @@
   <!-- ============ 10 RACCOURCIS ============ -->
   <section id="s10">
     <div class="shead"><span class="num">10</span><h2>Raccourcis clavier</h2></div>
+    <p>Les lettres suivent la disposition d'un clavier de piano. Un sélecteur <strong>QWERTY / AZERTY</strong> se trouve sous le clavier de l'application : il n'y a que deux touches de différence, mais ce sont le Do et le Do dièse, donc le bon réglage change tout. L'application choisit une disposition au démarrage d'après la langue du navigateur — corrigez-la d'un clic si besoin, le choix est conservé dans les sessions <code>.json</code>.</p>
 
     <figure>
       <div style="text-align:center;padding:.4rem 0 .2rem">
-        <div style="margin-bottom:.7rem">
+        <div style="margin-bottom:.5rem">
+          <span style="font-size:.55rem;color:var(--silk-light);opacity:.5;letter-spacing:.16em;display:block;margin-bottom:.25rem">QWERTY</span>
           <span class="keycap">A</span><span class="keycap">W</span><span class="keycap">S</span><span class="keycap">E</span><span class="keycap">D</span><span class="keycap">F</span><span class="keycap">T</span><span class="keycap">G</span><span class="keycap">Y</span><span class="keycap">H</span><span class="keycap">U</span><span class="keycap">J</span>
-          <span style="font-size:.68rem;color:var(--silk-light);margin-left:.6rem">= C → B (les lettres suivent le clavier de piano)</span>
+        </div>
+        <div style="margin-bottom:.7rem">
+          <span style="font-size:.55rem;color:var(--silk-light);opacity:.5;letter-spacing:.16em;display:block;margin-bottom:.25rem">AZERTY</span>
+          <span class="keycap" style="border-color:var(--accent)">Q</span><span class="keycap" style="border-color:var(--accent)">Z</span><span class="keycap">S</span><span class="keycap">E</span><span class="keycap">D</span><span class="keycap">F</span><span class="keycap">T</span><span class="keycap">G</span><span class="keycap">Y</span><span class="keycap">H</span><span class="keycap">U</span><span class="keycap">J</span>
+          <span style="font-size:.68rem;color:var(--silk-light);margin-left:.6rem">= C → B</span>
         </div>
         <div>
           <span class="keycap" style="padding:.18rem 2.2rem">espace</span>
@@ -710,7 +716,7 @@
           <span style="font-size:.68rem;color:var(--silk-light);margin-left:.4rem">voicing −1 / +1</span>
         </div>
       </div>
-      <figcaption>fig. 12 — la main gauche joue, la droite reste sur la souris</figcaption>
+      <figcaption>fig. 12 — seules les deux premières touches changent entre les dispositions</figcaption>
     </figure>
 
     <h3>Deux workflows de référence</h3>
@@ -723,7 +729,7 @@
     </table>
   </section>
 
-  <footer>_chordlab · manuel rev. 2.2 · underscorelab / leradiologue · logique d'accords inspirée de l'Orchid ORC-1 (implémentation indépendante)</footer>
+  <footer>_chordlab · manuel rev. 2.4 · underscorelab / leradiologue</footer>
 </div>
 </body>
 </html>