deva-ks: Apply #123

devanagari/hi.html

@@ -53,7 +53,7 @@ <h2 class="notoc flush"><a id="tochead" name="tochead" tabindex="4">Contents</a>
 
 
 <p id="status">Updated 
-  <!-- #BeginDate format:Sw1 -->15 December, 2022<!-- #EndDate -->
+  <!-- #BeginDate format:Sw1 -->20 December, 2022<!-- #EndDate -->
   <span id="versionTop"></span>
 </p>
 
@@ -710,6 +710,9 @@ <h3>Consonant sounds</h3>
 <section id="vowels">
 <h2>Vowels</h2>
 
+
+
+<div id="vowel_description">
 <p>The Hindi orthography has an <a class="termref" href="../glossary/index.html#inherentvowel">inherent vowel</a>, and represents vowels using 9-11 <a class="termref" href="../glossary/index.html#vowelsign">vowel signs</a>, including 1 <a class="termref" href="../glossary/index.html#prebase">pre-base</a> and no circumgraphs.  All vowel signs are combining marks, and are stored after the base character.</p>
 
 <p>There are 10-12 <a class="termref" href="../glossary/index.html#independentvowel">independent vowels</a>, one for each vowel sound, including the inherent vowel, and these are used to write all standalone vowel sounds.</p>
@@ -718,6 +721,9 @@ <h2>Vowels</h2>
 
 <p>Vowels may be nasalised, using the <span class="name">candrabindu</span> diacritic.</p>
 
+<p class="instructions">For a mapping of sounds to graphemes see <a class="secref">vowel_mappings</a>.</p>
+</div>
+
 
 
 
@@ -754,7 +760,9 @@ <h3>Vowel signs</h3>
 <p><span class="charExample inline" translate="no"><span class="ex" lang="hi" style="font-size:3rem;">की</span> <span class="ipa">ki</span></span> [<a href="devanagari#char0915"><span class="uname">U+0915 DEVANAGARI LETTER KA</span></a> + <a href="devanagari#char0940"><span class="uname">U+0940 DEVANAGARI VOWEL SIGN II</span></a>]</p>
 
 <p>Devanagari vowel signs are all combining characters. A single Unicode character is used per base consonant, and there are no vowel signs with multiple parts. All vowel signs are typed and stored after the base consonant, and the rendering process puts them in the correct place for display.</p>
+
 <p>An orthography that uses vowel signs is different from one that uses simple diacritics or letters for vowels, in that the vowel signs are generally attached to an <em>orthographic syllable</em>, rather than  just applied to the letter of the immediately preceding consonant. In other words, pre-base vowel sign components are rendered before a whole consonant cluster if that cluster is rendered as a conjunct (see <a class="secref">prebase_vowels</a> for an example).</p>
+
 <p>Half the vowel signs are <em>spacing</em> combining characters, meaning that they consume horizontal space when added to a base consonant.</p>
 
 <p>See also <a class="sectionref">vocalics</a>.</p>
@@ -790,16 +798,17 @@ <h3>Pre-base vowel sign</h3>
 <p>One vowel sign appears to the left of the base consonant letter or cluster, eg. 
 <span class="eg inline" lang="hi">दिन</span>
 </p>
+
 <p class="info">This is a combining mark that is always typed and stored after the base consonant(s), ie. the codepoints follow the order in which the items are pronounced. The rendering process places the glyph before the base consonant without changing the code points.</p>
-<p>It is actually placed before the start of an <em>orthographic syllable</em>. In <a class="figref">fig_prebase</a> the sequence of glyphs for the orthographic syllable is rendered VCC, whereas the pronunciation is CCV. In conjuncts with 3 consonants, it will still be rendered before the consonants.</p>
 
+<p>It is actually placed before the start of an <em>orthographic syllable</em>. In <a class="figref">fig_prebase</a> the sequence of glyphs for the orthographic syllable is rendered VCC, whereas the pronunciation is CCV. In conjuncts with 3 consonants, it will still be rendered before the consonants.</p>
 
 
 <figure id="fig_prebase" class="sideCaption">
 <img src="images/fig_prebase.svg" alt="शक्ति" class="ex" lang="hi" data-notes="Noto Serif Devanagari" style="height:6rem;">
 <div>
 <figcaption>A prebase vowel, pronounced after a consonant cluster, but rendered to the left of the conjunct.</figcaption>
-<details><summary>details</summary><span class="eg" lang="hi">शक्ति</span></details>
+<details><summary>details</summary><span class="eg inline" lang="hi">शक्ति</span></details>
 </div>
 </figure>
 

devanagari/ks.css

@@ -36,3 +36,19 @@
 	display: block;
 	text-align: center;
 	}
+
+
+
+
+
+.useBlockExamples .charExample .ex {
+    font-size: 3.3rem;
+    line-height: 1.2;
+    }
+.useBlockExamples .charExample.inline .ex {
+    font-size: 1.4rem;
+    }
+
+
+
+