From b0469763dab3c26b4835c546b20beb4df53cc7ce Mon Sep 17 00:00:00 2001
From: Michael Hansen <mike@rhasspy.org>
Date: Sat, 15 Apr 2023 22:55:23 -0500
Subject: [PATCH] Add row id

---
 _script/make_sample_html.py |  2 +-
 index.html                  | 52 ++++++++++++++++++-------------------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/_script/make_sample_html.py b/_script/make_sample_html.py
index 2c6dbac..8c92984 100755
--- a/_script/make_sample_html.py
+++ b/_script/make_sample_html.py
@@ -59,7 +59,7 @@ def write_output(f):
             classes.append("switch")
 
         class_str = " ".join(classes)
-        print("<tr", f'class="{class_str}">', file=f)
+        print(f'<tr id="{model_name}"', f'class="{class_str}">', file=f)
 
         print(f'<dialog id="dialog-{model_name}"><form>', file=f)
         print(model_card_html, file=f)
diff --git a/index.html b/index.html
index b8ebd1e..2337581 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
         <th>Speaker</th>
       </thead>
 
-<tr class="switch">
+<tr id="ca-upc_ona-x-low" class="switch">
 <dialog id="dialog-ca-upc_ona-x-low"><form>
 <h1>Model card for upc_ona (x-low)</h1>
 <ul>
@@ -79,7 +79,7 @@ <h2>Training</h2>
 <td> <audio id="audio-ca-upc_ona-x-low" preload="none" controls src="samples/ca-upc_ona-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> L'arc de Sant Martí o arc del cel és un fenomen meteorològic òptic produït per la reflexió, refracció i dispersió de la llum causada per gotes d'aigua en suspensió a la troposfera que resulta en l'aparició al cel de l'espectre de la llum visible, interpretat per l'ull humà com els colors vermell, taronja, groc, verd, blau, indi i violat. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt">
+<tr id="ca-upc_pau-x-low" class="alt">
 <dialog id="dialog-ca-upc_pau-x-low"><form>
 <h1>Model card for upc_pau (x-low)</h1>
 <ul>
@@ -104,7 +104,7 @@ <h2>Training</h2>
 <td> <audio id="audio-ca-upc_pau-x-low" preload="none" controls src="samples/ca-upc_pau-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> L'arc de Sant Martí o arc del cel és un fenomen meteorològic òptic produït per la reflexió, refracció i dispersió de la llum causada per gotes d'aigua en suspensió a la troposfera que resulta en l'aparició al cel de l'espectre de la llum visible, interpretat per l'ull humà com els colors vermell, taronja, groc, verd, blau, indi i violat. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="da-nst_talesyntese-medium" class="switch">
 <dialog id="dialog-da-nst_talesyntese-medium"><form>
 <h1>Model card for nst_talesyntese (medium)</h1>
 <ul>
@@ -129,7 +129,7 @@ <h2>Training</h2>
 <td> <audio id="audio-da-nst_talesyntese-medium" preload="none" controls src="samples/da-nst_talesyntese-medium/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> En regnbue er et optisk fænomen; en "lyseffekt", som skabes på himlen, når lys fra Solen rammer små vanddråber i luften, f.eks. faldende regn. Sådanne svævende vanddråber har facon omtrent som en kugle – jo mindre de er, desto mere perfekt kugleform har de. Disse kuglerunde dråber bryder, eller "afbøjer" lyset på samme måde som et optisk prisme ved en proces, der kaldes refraktion. Og derudover opfører indersiden af dråbernes overflader sig til en vis grad som små spejle, (et fænomen der kaldes for intern refleksion), der kaster lyset tilbage i nogenlunde den retning, det kom fra – det er derfor, man altid ser regnbuer i retningen direkte væk fra solen. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt switch">
+<tr id="de-thorsten-low" class="alt switch">
 <dialog id="dialog-de-thorsten-low"><form>
 <h1>Model card for Thorsten (low)</h1>
 <ul>
@@ -154,7 +154,7 @@ <h2>Training</h2>
 <td> <audio id="audio-de-thorsten-low" preload="none" controls src="samples/de-thorsten-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Der Regenbogen ist ein atmosphärisch-optisches Phänomen, das als kreisbogenförmiges farbiges Lichtband in einer von der Sonne beschienenen Regenwand oder -wolke wahrgenommen wird. Sein radialer Farbverlauf ist das mehr oder weniger verweißlichte sichtbare Licht des Sonnenspektrums. Das Sonnenlicht wird beim Ein- und beim Austritt an jedem annähernd kugelförmigen Regentropfen abgelenkt und in Licht mehrerer Farben zerlegt. Dazwischen wird es an der Tropfenrückseite reflektiert. Das jeden Tropfen verlassende Licht ist in farbigen Schichten konzentriert, die aufeinandergesteckte dünne Kegelmäntel bilden. Der Beobachter hat die Regenwolke vor sich und die Sonne im Rücken. Ihn erreicht Licht einer bestimmten Farbe aus Regentropfen, die sich auf einem schmalen Kreisbogen am Himmel befinden. Der Winkel, unter dem der Regenbogen gesehen wird, ist gleich wie der Winkel der Kegelmäntel, in dem diese Farben beim Austritt am Regentropfen konzentriert sind. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="en-us-libritts-high" class="switch">
 <dialog id="dialog-en-us-libritts-high"><form>
 <h1>Model card for LibriTTS (high)</h1>
 <ul>
@@ -1084,7 +1084,7 @@ <h2>Training</h2>
 <option value="speaker_903"> 903 </option>
 </select> (904)</td>
 </tr>
-<tr class="alt">
+<tr id="en-us-ryan-high" class="alt">
 <dialog id="dialog-en-us-ryan-high"><form>
 <h1>Model card for Ryan (high)</h1>
 <ul>
@@ -1109,7 +1109,7 @@ <h2>Training</h2>
 <td> <audio id="audio-en-us-ryan-high" preload="none" controls src="samples/en-us-ryan-high/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> A rainbow is a meteorological phenomenon that is caused by reflection, refraction and dispersion of light in water droplets resulting in a spectrum of light appearing in the sky. It takes the form of a multi-colored circular arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the Sun. </p></details> </td>
 <td></td>
 </tr>
-<tr class="">
+<tr id="en-us-ryan-low" class="">
 <dialog id="dialog-en-us-ryan-low"><form>
 <h1>Model card for Ryan (low)</h1>
 <ul>
@@ -1134,7 +1134,7 @@ <h2>Training</h2>
 <td> <audio id="audio-en-us-ryan-low" preload="none" controls src="samples/en-us-ryan-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> A rainbow is a meteorological phenomenon that is caused by reflection, refraction and dispersion of light in water droplets resulting in a spectrum of light appearing in the sky. It takes the form of a multi-colored circular arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the Sun. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt">
+<tr id="en-us-ryan-medium" class="alt">
 <dialog id="dialog-en-us-ryan-medium"><form>
 <h1>Model card for Ryan (medium)</h1>
 <ul>
@@ -1159,7 +1159,7 @@ <h2>Training</h2>
 <td> <audio id="audio-en-us-ryan-medium" preload="none" controls src="samples/en-us-ryan-medium/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> A rainbow is a meteorological phenomenon that is caused by reflection, refraction and dispersion of light in water droplets resulting in a spectrum of light appearing in the sky. It takes the form of a multi-colored circular arc. Rainbows caused by sunlight always appear in the section of sky directly opposite the Sun. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="es-carlfm-x-low" class="switch">
 <dialog id="dialog-es-carlfm-x-low"><form>
 <h1>Model card for carlfm (x-low)</h1>
 <ul>
@@ -1184,7 +1184,7 @@ <h2>Training</h2>
 <td> <audio id="audio-es-carlfm-x-low" preload="none" controls src="samples/es-carlfm-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Un arcoíris​ o arco iris es un fenómeno óptico y meteorológico que consiste en la aparición en el cielo de un arco de luz multicolor, originado por la descomposición de la luz solar en el espectro visible, la cual se produce por refracción, cuando los rayos del sol atraviesan pequeñas gotas de agua contenidas en la atmósfera terrestre. Es un arco compuesto de arcos concéntricos de colores, sin solución de continuidad entre ellos, con el rojo hacia la parte exterior y el violeta hacia el interior. A altitud suficiente, por ejemplo cuando se viaja en avión, el arcoíris se puede observar en forma de círculo completo. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt switch">
+<tr id="fi-harri-low" class="alt switch">
 <dialog id="dialog-fi-harri-low"><form>
 <h1>Model card for harri (low)</h1>
 <ul>
@@ -1209,7 +1209,7 @@ <h2>Training</h2>
 <td> <audio id="audio-fi-harri-low" preload="none" controls src="samples/fi-harri-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Sateenkaari on spektrin väreissä esiintyvä ilmakehän optinen ilmiö. Se syntyy, kun valo taittuu pisaran etupinnasta, heijastuu pisaran takapinnasta ja taittuu jälleen pisaran etupinnasta. Koska vesipisara on dispersiivinen, valkoinen valo hajoaa väreiksi muodostaen sateenkaaren. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="fr-siwis-low" class="switch">
 <dialog id="dialog-fr-siwis-low"><form>
 <h1>Model card for siwis (low)</h1>
 <ul>
@@ -1234,7 +1234,7 @@ <h2>Training</h2>
 <td> <audio id="audio-fr-siwis-low" preload="none" controls src="samples/fr-siwis-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Un arc-en-ciel est un photométéore, un phénomène optique se produisant dans le ciel, visible dans la direction opposée au Soleil quand il brille pendant la pluie. C'est un arc de cercle coloré d'un dégradé de couleurs continu du rouge, à l'extérieur, au jaune au vert et au bleu, jusqu'au violet à l'intérieur. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt">
+<tr id="fr-siwis-medium" class="alt">
 <dialog id="dialog-fr-siwis-medium"><form>
 <h1>Model card for siwis (medium)</h1>
 <ul>
@@ -1259,7 +1259,7 @@ <h2>Training</h2>
 <td> <audio id="audio-fr-siwis-medium" preload="none" controls src="samples/fr-siwis-medium/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Un arc-en-ciel est un photométéore, un phénomène optique se produisant dans le ciel, visible dans la direction opposée au Soleil quand il brille pendant la pluie. C'est un arc de cercle coloré d'un dégradé de couleurs continu du rouge, à l'extérieur, au jaune au vert et au bleu, jusqu'au violet à l'intérieur. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="it-riccardo_fasol-x-low" class="switch">
 <dialog id="dialog-it-riccardo_fasol-x-low"><form>
 <h1>Model card for riccardo_fasol (x-low)</h1>
 <ul>
@@ -1284,7 +1284,7 @@ <h2>Training</h2>
 <td> <audio id="audio-it-riccardo_fasol-x-low" preload="none" controls src="samples/it-riccardo_fasol-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> In fisica dell'atmosfera e meteorologia l'arcobaleno è un fenomeno ottico atmosferico che produce uno spettro quasi continuo di luce nel cielo quando la luce del Sole attraversa le gocce d'acqua rimaste in sospensione dopo un temporale, o presso una cascata o una fontana. Lo spettro elettromagnetico dell'arcobaleno include lunghezze d'onda sia visibili sia non visibili all'occhio umano, queste ultime rilevabili attraverso uno spettrometro. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt switch">
+<tr id="kk-iseke-x-low" class="alt switch">
 <dialog id="dialog-kk-iseke-x-low"><form>
 <h1>Model card for iseke (x-low)</h1>
 <ul>
@@ -1309,7 +1309,7 @@ <h2>Training</h2>
 <td> <audio id="audio-kk-iseke-x-low" preload="none" controls src="samples/kk-iseke-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Кемпірқосақ – аспан күмбезінде түрлі түсті доға түрінде көрінетін атмосферадағы оптикалық құбылыс. Ол аспанның бір жағында торлаған бұлттан жаңбыр жауып, қарсы жағында жарқырап күн шығып тұрған кезде көрінеді. Кемпірқосақ тікелей түскен күн сәулесінің жаңбыр тамшыларынан өткенде сынып, құрамдас бөліктерге (қызыл, сарғылт, сары, жасыл, көгілдір, көк, күлгін) бөлінуінің және тамшы бетінен шағылған толқын ұзындығы әр түрлі сәулелердің дифракциялануы мен интерференциялануы нәтижесінде пайда болады. Кемпірқосақтың айқындығы жаңбыр тамшыларының үлкен-кішілігіне байланысты өзгеріп отырады. Тамшы үлкен болса кемпірқосақ айқын, жарық болып көрінеді. Кейде алғашқы кемпірқосақпен бірге екінші кемпірқосақ қабаттаса көрінеді, оны қос кемпірқосақ деп атайды. Қос кемпірқосақ күн сәулесінің су тамшысына белгілі бұрыш жасай, екі рет шағылысуынан түзіледі. Сонымен бірге ай сәулесінен пайда болатын кемпірқосақты ай кемпірқосағы деп атайды. </p></details> </td>
 <td></td>
 </tr>
-<tr class="">
+<tr id="kk-raya-x-low" class="">
 <dialog id="dialog-kk-raya-x-low"><form>
 <h1>Model card for raya (x-low)</h1>
 <ul>
@@ -1334,7 +1334,7 @@ <h2>Training</h2>
 <td> <audio id="audio-kk-raya-x-low" preload="none" controls src="samples/kk-raya-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Кемпірқосақ – аспан күмбезінде түрлі түсті доға түрінде көрінетін атмосферадағы оптикалық құбылыс. Ол аспанның бір жағында торлаған бұлттан жаңбыр жауып, қарсы жағында жарқырап күн шығып тұрған кезде көрінеді. Кемпірқосақ тікелей түскен күн сәулесінің жаңбыр тамшыларынан өткенде сынып, құрамдас бөліктерге (қызыл, сарғылт, сары, жасыл, көгілдір, көк, күлгін) бөлінуінің және тамшы бетінен шағылған толқын ұзындығы әр түрлі сәулелердің дифракциялануы мен интерференциялануы нәтижесінде пайда болады. Кемпірқосақтың айқындығы жаңбыр тамшыларының үлкен-кішілігіне байланысты өзгеріп отырады. Тамшы үлкен болса кемпірқосақ айқын, жарық болып көрінеді. Кейде алғашқы кемпірқосақпен бірге екінші кемпірқосақ қабаттаса көрінеді, оны қос кемпірқосақ деп атайды. Қос кемпірқосақ күн сәулесінің су тамшысына белгілі бұрыш жасай, екі рет шағылысуынан түзіледі. Сонымен бірге ай сәулесінен пайда болатын кемпірқосақты ай кемпірқосағы деп атайды. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt switch">
+<tr id="ne-google-medium" class="alt switch">
 <dialog id="dialog-ne-google-medium"><form>
 <h1>Model card for google (medium)</h1>
 <ul>
@@ -1378,7 +1378,7 @@ <h2>Training</h2>
 <option value="speaker_17"> 17 </option>
 </select> (18)</td>
 </tr>
-<tr class="">
+<tr id="ne-google-x-low" class="">
 <dialog id="dialog-ne-google-x-low"><form>
 <h1>Model card for google (x-low)</h1>
 <ul>
@@ -1422,7 +1422,7 @@ <h2>Training</h2>
 <option value="speaker_17"> 17 </option>
 </select> (18)</td>
 </tr>
-<tr class="alt switch">
+<tr id="nl-nathalie-x-low" class="alt switch">
 <dialog id="dialog-nl-nathalie-x-low"><form>
 <h1>Model card for nathalie (x-low)</h1>
 <ul>
@@ -1447,7 +1447,7 @@ <h2>Training</h2>
 <td> <audio id="audio-nl-nathalie-x-low" preload="none" controls src="samples/nl-nathalie-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Een regenboog is een gekleurde cirkelboog die aan de hemel waargenomen kan worden als de, laagstaande, zon tegen een nevel van waterdruppeltjes aan schijnt en de zon zich achter de waarnemer bevindt. Het is een optisch effect dat wordt veroorzaakt door de breking en weerspiegeling van licht in de waterdruppels. </p></details> </td>
 <td></td>
 </tr>
-<tr class="">
+<tr id="nl-rdh-medium" class="">
 <dialog id="dialog-nl-rdh-medium"><form>
 <h1>Model card for rdh (medium)</h1>
 <ul>
@@ -1472,7 +1472,7 @@ <h2>Training</h2>
 <td> <audio id="audio-nl-rdh-medium" preload="none" controls src="samples/nl-rdh-medium/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Een regenboog is een gekleurde cirkelboog die aan de hemel waargenomen kan worden als de, laagstaande, zon tegen een nevel van waterdruppeltjes aan schijnt en de zon zich achter de waarnemer bevindt. Het is een optisch effect dat wordt veroorzaakt door de breking en weerspiegeling van licht in de waterdruppels. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt">
+<tr id="nl-rdh-x-low" class="alt">
 <dialog id="dialog-nl-rdh-x-low"><form>
 <h1>Model card for rdh (x-low)</h1>
 <ul>
@@ -1497,7 +1497,7 @@ <h2>Training</h2>
 <td> <audio id="audio-nl-rdh-x-low" preload="none" controls src="samples/nl-rdh-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Een regenboog is een gekleurde cirkelboog die aan de hemel waargenomen kan worden als de, laagstaande, zon tegen een nevel van waterdruppeltjes aan schijnt en de zon zich achter de waarnemer bevindt. Het is een optisch effect dat wordt veroorzaakt door de breking en weerspiegeling van licht in de waterdruppels. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="no-talesyntese-medium" class="switch">
 <dialog id="dialog-no-talesyntese-medium"><form>
 <h1>Model card for talesyntese (medium)</h1>
 <ul>
@@ -1522,7 +1522,7 @@ <h2>Training</h2>
 <td> <audio id="audio-no-talesyntese-medium" preload="none" controls src="samples/no-talesyntese-medium/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Regnbuen eller regnbogen er et optisk fenomen som oppstår når solen skinner gjennom regndråper i atmosfæren og betrakteren står med solen i ryggen. Gulhvitt sollys består av alle synlige bølgelengder av lys. Lysbrytningen er forskjellig avhengig av bølgelengden slik at sollyset spaltes til et spektrum av rødt ytterst og deretter oransje, gult, grønt, blått, indigo (blålilla) og fiolett. En fullstendig regnbue har en tydelig hovedregnbue (primærbue) innerst og en svakere regnbue (sekundærbue) ytterst der fargene ligger i omvendt rekkefølge. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt switch">
+<tr id="pl-mls_6892-low" class="alt switch">
 <dialog id="dialog-pl-mls_6892-low"><form>
 <h1>Model card for mls_6892 (low)</h1>
 <ul>
@@ -1547,7 +1547,7 @@ <h2>Training</h2>
 <td> <audio id="audio-pl-mls_6892-low" preload="none" controls src="samples/pl-mls_6892-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Tęcza, zjawisko optyczne i meteorologiczne, występujące w postaci charakterystycznego wielobarwnego łuku powstającego w wyniku rozszczepienia światła widzialnego, zwykle promieniowania słonecznego, załamującego się i odbijającego wewnątrz licznych kropli wody mających kształt zbliżony do kulistego. Rozszczepienie światła jest wynikiem zjawiska dyspersji, powodującego różnice w kącie załamania światła o różnej długości fali przy przejściu z powietrza do wody i z wody do powietrza. </p></details> </td>
 <td></td>
 </tr>
-<tr class="switch">
+<tr id="uk-lada-x-low" class="switch">
 <dialog id="dialog-uk-lada-x-low"><form>
 <h1>Model card for lada (x-low)</h1>
 <ul>
@@ -1572,7 +1572,7 @@ <h2>Training</h2>
 <td> <audio id="audio-uk-lada-x-low" preload="none" controls src="samples/uk-lada-x-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Весе́лка, також ра́йдуга оптичне явище в атмосфері, що являє собою одну, дві чи декілька різнокольорових дуг (або кіл, якщо дивитися з повітря), що спостерігаються на тлі хмари, якщо вона розташована проти Сонця. Червоний колір ми бачимо з зовнішнього боку первинної веселки, а фіолетовий — із внутрішнього. </p></details> </td>
 <td></td>
 </tr>
-<tr class="alt switch">
+<tr id="vi-25hours-single-low" class="alt switch">
 <dialog id="dialog-vi-25hours-single-low"><form>
 <h1>Model card for 25hours-single (low)</h1>
 <ul>
@@ -1598,7 +1598,7 @@ <h2>Training</h2>
 <td> <audio id="audio-vi-25hours-single-low" preload="none" controls src="samples/vi-25hours-single-low/speaker_0/sample.opus"></audio> <details><summary>sample text</summary><p> Cầu vồng hay mống cũng như quang phổ là hiện tượng tán sắc của các ánh sáng từ Mặt Trời khi khúc xạ và phản xạ qua các giọt nước mưa. Ở nhiều nền văn hóa khác nhau, cầu vồng xuất hiện được coi là mang đến điềm lành cho nhân thế. </p></details> </td>
 <td></td>
 </tr>
-<tr class="">
+<tr id="vi-vivos-x-low" class="">
 <dialog id="dialog-vi-vivos-x-low"><form>
 <h1>Model card for vivos (x-low)</h1>
 <ul>
@@ -1690,7 +1690,7 @@ <h2>Training</h2>
 <option value="speaker_64"> 64 </option>
 </select> (65)</td>
 </tr>
-<tr class="alt switch">
+<tr id="zh-cn-huayan-x-low" class="alt switch">
 <dialog id="dialog-zh-cn-huayan-x-low"><form>
 <h1>Model card for huayan (x-low)</h1>
 <ul>