[css-ruby-1] Add r12a's bopomofo example

Author: fantasai

css-ruby-1/Overview.bs

@@ -1556,12 +1556,18 @@ Appendix A: Default Style Sheet</h2>
 <h2 id="glossary">
 Glossary</h2>
 	<dl>
-		<dt id="g-bopomofo"><dfn>Bopomofo</dfn> (Chinese: <span lang=zh-Bopo>ㄅㄆㄇㄈ</span>, <span lang=zh-Hant>注音符號</span>, or <span lang=zh-Hans>注音符号</span>)
+		<dt id="g-bopomofo"><dfn>Bopomofo</dfn> or <dfn>Zhuyin Fuhao</dfn> (Chinese: <span lang=zh-Bopo>ㄅㄆㄇㄈ</span>, <span lang=zh-Hant>注音符號</span>, or <span lang=zh-Hans>注音符号</span>)
 		<dd>
 			<p>37 characters and 4 tone markings used as phonetics in Chinese,
 			especially standard Mandarin.
 			These are often, but not exclusively, used for ruby annotations.
 
+			<div class="figure">
+				<img src="images/zhuyin-example.png"
+				     alt="Bopomofo characters (in blue) run vertically along the right side of each Hanzi character in the horizontal text.">
+				<p class="caption">Example of Bopomofo used as phonetic inter-character annotations in Chinese
+			</div>
+
 			<dfn>Bopomofo tone marks</dfn> are spacing characters that occur
 			(in memory)
 			at the end of each bopomofo syllable.

css-ruby-1/issues-wd-2014.bsi

@@ -292,7 +292,7 @@ Issue 40.
 Summary:  Example image for bopomofo inter-character ruby
 From:     Richard Ishida
 Comment:  https://lists.w3.org/Archives/Public/www-style/2015Aug/0241.html
-Open
+Closed:   Accepted
 ----
 Issue 41.
 Summary:  UTR50 needs to handle bopmofo tone marks correctly