From b1ffb690408fd37cb6f307d30881ed9710b1809a Mon Sep 17 00:00:00 2001
From: Heuzef <contact@heuzef.com>
Date: Sun, 6 Feb 2022 16:21:10 +0100
Subject: [PATCH] Add mandarin chinese pinyin chart with audio (yabla.com)

---
 index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index d8bb156..39b53bb 100755
--- a/index.html
+++ b/index.html
@@ -28,22 +28,22 @@
       &amp;lt;font color="red"&amp;gt;Attention ! &amp;amp;nbsp; JavaScript n'est pas activ&amp;amp;eacute;.&amp;lt;/font&amp;gt;&amp;lt;br&amp;gt;
       Vous devez activer JavaScript dans votre navigateur, veuillez suivre les &amp;lt;a class="ext" href="http://www.enable-javascript.com/fr/" target="_blank"&amp;gt;instructions&amp;lt;/a&amp;gt;.&amp;lt;p&amp;gt;
     </noscript>
-    <br>
+    <br />
       <form name="conversion" class="form-horizontal">
       <div>
         <h1><a href="//git.heuzef.com/heuzef/pinyin" target="_blank">Hànyǔ Pīnyīn</a></h1>
         <div class="col-lg-3">
           <a href="#" class="btn btn-primary" onclick="conversion.saisie.select();copy()"><i class="ion-document-text"> </i>Séléctionner tout</a>
-          <br><br>
+          <br /><br />
           <p class="text-primary"><i class="ion-scissors"></i> Couper [Ctrl]+[X] / <i class="ion-ios-copy"></i> Coller [Ctrl]+[V]</p>
           <hr>
           <h5>Mode d'emploi</h5>
-          <p>
-            Redigez votre mot, puis indiquez le chiffre correspondant au ton.
-          </p><p>
-          </p><p class="text-primary">zhong<span class="text-danger">1</span> wen<span class="text-danger">2</span>&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;zh<span class="text-danger">ō</span>ng w<span class="text-danger">é</span>n</p><p>
-          </p><p class="text-primary">ni<span class="text-danger">3</span> hao<span class="text-danger">3</span> ma&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;n<span class="text-danger">ǐ</span> h<span class="text-danger">ǎ</span>o ma<p>
-        </p></div>
+          <p>Redigez votre mot, puis indiquez le chiffre correspondant au ton.</p>
+          <br />
+          <p class="text-primary">zhong<span class="text-danger">1</span> wen<span class="text-danger">2</span>&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;zh<span class="text-danger">ō</span>ng w<span class="text-danger">é</span>n</p>
+          <p class="text-primary">ni<span class="text-danger">3</span> hao<span class="text-danger">3</span> ma&nbsp;<i class="ion-arrow-right-c"></i>&nbsp;n<span class="text-danger">ǐ</span> h<span class="text-danger">ǎ</span>o ma</p>
+          <p><a href="//chinese.yabla.com/chinese-pinyin-chart.php" target="_blank">🔊 Table Pinyin avec audio</a></p>
+      </div>
         <div class="col-lg-6">
           <textarea name="saisie" onkeyup="transcrire()" class="form-control" rows="10" id="textArea"></textarea>
           <a href="//fr.wikipedia.org/wiki/Hanyu_pinyin" target="_blank"><img src="./4_tons.png" alt="Les 4 tons chinois"></a>