djt/kana/index.html

449 lines
25 KiB
HTML
Raw Normal View History

2017-02-08 08:41:14 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DJT Kana</title>
2017-02-08 20:49:33 +01:00
<link rel="stylesheet" href="djtkana.css?3" />
2017-02-08 08:41:14 +01:00
</head>
<body>
2017-02-08 20:49:33 +01:00
<script src="djtkana.js?3"></script>
2017-02-08 08:41:14 +01:00
<h1>DJT Kana</h1>
<div id="kanabox">
<div id="answer">&nbsp;</div>
<div id="kana_con"><span id="kana"></span></div>
<div id="input"><input type="text" id="input_box" autofocus /></div>
<div id="message">Hover over the kana to show its romanization and type the answer.</div>
<ul id="tools">
<li id="tool_sound"><a>Play sound</a></li>
<li id="tool_stroke"><a>Stroke order</a></li>
<!-- <li id="tool_mnemonic"><a>Mnemonic</a></li> -->
</ul>
<div id="count"></div>
</div>
<div id="options">
<h2>
<label class="collapse" for="show_options">Options <span class="checkall"><a>show/hide</a></span></label>
</h2>
<input id="show_options" type="checkbox" />
<div id="options_inner">
<h3>Hiragana <span class="checkall"><a onclick="check('hcheck')">check all</a> | <a onclick="uncheck('hcheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow hcheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="hsingle" checked /></td>
<td><input type="checkbox" class="kanacheck" id="hk" /></td>
<td><input type="checkbox" class="kanacheck" id="hs" /></td>
<td><input type="checkbox" class="kanacheck" id="ht" /></td>
<td><input type="checkbox" class="kanacheck" id="hn" /></td>
<td><input type="checkbox" class="kanacheck" id="hh" /></td>
<td><input type="checkbox" class="kanacheck" id="hm" /></td>
<td><input type="checkbox" class="kanacheck" id="hy" /></td>
<td><input type="checkbox" class="kanacheck" id="hr" /></td>
<td><input type="checkbox" class="kanacheck" id="hw" /></td>
<td><input type="checkbox" class="kanacheck" id="hn1" /></td>
<td><input type="checkbox" class="kanacheck" id="hg" /></td>
<td><input type="checkbox" class="kanacheck" id="hz" /></td>
<td><input type="checkbox" class="kanacheck" id="hd" /></td>
<td><input type="checkbox" class="kanacheck" id="hb" /></td>
<td><input type="checkbox" class="kanacheck" id="hp" /></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">a</span></td>
<td><span class="kana"></span> <span class="romaji">ka</span></td>
<td><span class="kana"></span> <span class="romaji">sa</span></td>
<td><span class="kana"></span> <span class="romaji">ta</span></td>
<td><span class="kana"></span> <span class="romaji">na</span></td>
<td><span class="kana"></span> <span class="romaji">ha</span></td>
<td><span class="kana"></span> <span class="romaji">ma</span></td>
<td><span class="kana"></span> <span class="romaji">ya</span></td>
<td><span class="kana"></span> <span class="romaji">ra</span></td>
<td><span class="kana"></span> <span class="romaji">wa</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ga</span></td>
<td><span class="kana"></span> <span class="romaji">za</span></td>
<td><span class="kana"></span> <span class="romaji">da</span></td>
<td><span class="kana"></span> <span class="romaji">ba</span></td>
<td><span class="kana"></span> <span class="romaji">pa</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">i</span></td>
<td><span class="kana"></span> <span class="romaji">ki</span></td>
<td><span class="kana"></span> <span class="romaji">shi</span></td>
<td><span class="kana"></span> <span class="romaji">chi</span></td>
<td><span class="kana"></span> <span class="romaji">ni</span></td>
<td><span class="kana"></span> <span class="romaji">hi</span></td>
<td><span class="kana"></span> <span class="romaji">mi</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ri</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gi</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">bi</span></td>
<td><span class="kana"></span> <span class="romaji">pi</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">u</span></td>
<td><span class="kana"></span> <span class="romaji">ku</span></td>
<td><span class="kana"></span> <span class="romaji">su</span></td>
<td><span class="kana"></span> <span class="romaji">tsu</span></td>
<td><span class="kana"></span> <span class="romaji">nu</span></td>
<td><span class="kana"></span> <span class="romaji">fu</span></td>
<td><span class="kana"></span> <span class="romaji">mu</span></td>
<td><span class="kana"></span> <span class="romaji">yu</span></td>
<td><span class="kana"></span> <span class="romaji">ru</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">bu</span></td>
<td><span class="kana"></span> <span class="romaji">pu</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">e</span></td>
<td><span class="kana"></span> <span class="romaji">ke</span></td>
<td><span class="kana"></span> <span class="romaji">se</span></td>
<td><span class="kana"></span> <span class="romaji">te</span></td>
<td><span class="kana"></span> <span class="romaji">ne</span></td>
<td><span class="kana"></span> <span class="romaji">he</span></td>
<td><span class="kana"></span> <span class="romaji">me</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">re</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ge</span></td>
<td><span class="kana"></span> <span class="romaji">ze</span></td>
<td><span class="kana"></span> <span class="romaji">de</span></td>
<td><span class="kana"></span> <span class="romaji">be</span></td>
<td><span class="kana"></span> <span class="romaji">pe</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">ko</span></td>
<td><span class="kana"></span> <span class="romaji">so</span></td>
<td><span class="kana"></span> <span class="romaji">to</span></td>
<td><span class="kana"></span> <span class="romaji">no</span></td>
<td><span class="kana"></span> <span class="romaji">ho</span></td>
<td><span class="kana"></span> <span class="romaji">mo</span></td>
<td><span class="kana"></span> <span class="romaji">yo</span></td>
<td><span class="kana"></span> <span class="romaji">ro</span></td>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">n</span></td>
<td><span class="kana"></span> <span class="romaji">go</span></td>
<td><span class="kana"></span> <span class="romaji">zo</span></td>
<td><span class="kana"></span> <span class="romaji">do</span></td>
<td><span class="kana"></span> <span class="romaji">bo</span></td>
<td><span class="kana"></span> <span class="romaji">po</span></td>
</tr>
</table>
<h3>Hiragana combinations <span class="checkall"><a onclick="check('hccheck')">check all</a> | <a onclick="uncheck('hccheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow hccheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="hdk" /></td>
<td><input type="checkbox" class="kanacheck" id="hds" /></td>
<td><input type="checkbox" class="kanacheck" id="hdc" /></td>
<td><input type="checkbox" class="kanacheck" id="hdn" /></td>
<td><input type="checkbox" class="kanacheck" id="hdh" /></td>
<td><input type="checkbox" class="kanacheck" id="hdm" /></td>
<td><input type="checkbox" class="kanacheck" id="hdr" /></td>
<td><input type="checkbox" class="kanacheck" id="hdg" /></td>
<td><input type="checkbox" class="kanacheck" id="hdj" /></td>
<td><input type="checkbox" class="kanacheck" id="hdj2" /></td>
<td><input type="checkbox" class="kanacheck" id="hdb" /></td>
<td><input type="checkbox" class="kanacheck" id="hdp" /></td>
</tr>
<tr>
<td><span class="kana">きゃ</span> <span class="romaji">kya</span></td>
<td><span class="kana">しゃ</span> <span class="romaji">sha</span></td>
<td><span class="kana">ちゃ</span> <span class="romaji">cha</span></td>
<td><span class="kana">にゃ</span> <span class="romaji">nya</span></td>
<td><span class="kana">ひゃ</span> <span class="romaji">hya</span></td>
<td><span class="kana">みゃ</span> <span class="romaji">mya</span></td>
<td><span class="kana">りゃ</span> <span class="romaji">rya</span></td>
<td><span class="kana">ぎゃ</span> <span class="romaji">gya</span></td>
<td><span class="kana">じゃ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ぢゃ</span> <span class="romaji">ja</span></td>
<td><span class="kana">びゃ</span> <span class="romaji">bya</span></td>
<td><span class="kana">ぴゃ</span> <span class="romaji">pya</span></td>
</tr>
<tr>
<td><span class="kana">きゅ</span> <span class="romaji">kyu</span></td>
<td><span class="kana">しゅ</span> <span class="romaji">shu</span></td>
<td><span class="kana">ちゅ</span> <span class="romaji">chu</span></td>
<td><span class="kana">にゅ</span> <span class="romaji">nyu</span></td>
<td><span class="kana">ひゅ</span> <span class="romaji">hyu</span></td>
<td><span class="kana">みゅ</span> <span class="romaji">myu</span></td>
<td><span class="kana">りゅ</span> <span class="romaji">ryu</span></td>
<td><span class="kana">ぎゅ</span> <span class="romaji">gyu</span></td>
<td><span class="kana">じゅ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ぢゅ</span> <span class="romaji">ju</span></td>
<td><span class="kana">びゅ</span> <span class="romaji">byu</span></td>
<td><span class="kana">ぴゅ</span> <span class="romaji">pyu</span></td>
</tr>
<tr>
<td><span class="kana">きょ</span> <span class="romaji">kyo</span></td>
<td><span class="kana">しょ</span> <span class="romaji">sho</span></td>
<td><span class="kana">ちょ</span> <span class="romaji">cho</span></td>
<td><span class="kana">にょ</span> <span class="romaji">nyo</span></td>
<td><span class="kana">ひょ</span> <span class="romaji">hyo</span></td>
<td><span class="kana">みょ</span> <span class="romaji">myo</span></td>
<td><span class="kana">りょ</span> <span class="romaji">ryo</span></td>
<td><span class="kana">ぎょ</span> <span class="romaji">gyo</span></td>
<td><span class="kana">じょ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ぢょ</span> <span class="romaji">jo</span></td>
<td><span class="kana">びょ</span> <span class="romaji">byo</span></td>
<td><span class="kana">ぴょ</span> <span class="romaji">pyo</span></td>
</tr>
</table>
<h3>Katakana <span class="checkall"><a onclick="check('kcheck')">check all</a> | <a onclick="uncheck('kcheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow kcheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="ksingle" /></td>
<td><input type="checkbox" class="kanacheck" id="kk" /></td>
<td><input type="checkbox" class="kanacheck" id="ks" /></td>
<td><input type="checkbox" class="kanacheck" id="kt" /></td>
<td><input type="checkbox" class="kanacheck" id="kn" /></td>
<td><input type="checkbox" class="kanacheck" id="kh" /></td>
<td><input type="checkbox" class="kanacheck" id="km" /></td>
<td><input type="checkbox" class="kanacheck" id="ky" /></td>
<td><input type="checkbox" class="kanacheck" id="kr" /></td>
<td><input type="checkbox" class="kanacheck" id="kw" /></td>
<td><input type="checkbox" class="kanacheck" id="kn1" /></td>
<td><input type="checkbox" class="kanacheck" id="kg" /></td>
<td><input type="checkbox" class="kanacheck" id="kz" /></td>
<td><input type="checkbox" class="kanacheck" id="kd" /></td>
<td><input type="checkbox" class="kanacheck" id="kb" /></td>
<td><input type="checkbox" class="kanacheck" id="kp" /></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">a</span></td>
<td><span class="kana"></span> <span class="romaji">ka</span></td>
<td><span class="kana"></span> <span class="romaji">sa</span></td>
<td><span class="kana"></span> <span class="romaji">ta</span></td>
<td><span class="kana"></span> <span class="romaji">na</span></td>
<td><span class="kana"></span> <span class="romaji">ha</span></td>
<td><span class="kana"></span> <span class="romaji">ma</span></td>
<td><span class="kana"></span> <span class="romaji">ya</span></td>
<td><span class="kana"></span> <span class="romaji">ra</span></td>
<td><span class="kana"></span> <span class="romaji">wa</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ga</span></td>
<td><span class="kana"></span> <span class="romaji">za</span></td>
<td><span class="kana"></span> <span class="romaji">da</span></td>
<td><span class="kana"></span> <span class="romaji">ba</span></td>
<td><span class="kana"></span> <span class="romaji">pa</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">i</span></td>
<td><span class="kana"></span> <span class="romaji">ki</span></td>
<td><span class="kana"></span> <span class="romaji">shi</span></td>
<td><span class="kana"></span> <span class="romaji">chi</span></td>
<td><span class="kana"></span> <span class="romaji">ni</span></td>
<td><span class="kana"></span> <span class="romaji">hi</span></td>
<td><span class="kana"></span> <span class="romaji">mi</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ri</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gi</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">bi</span></td>
<td><span class="kana"></span> <span class="romaji">pi</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">u</span></td>
<td><span class="kana"></span> <span class="romaji">ku</span></td>
<td><span class="kana"></span> <span class="romaji">su</span></td>
<td><span class="kana"></span> <span class="romaji">tsu</span></td>
<td><span class="kana"></span> <span class="romaji">nu</span></td>
<td><span class="kana"></span> <span class="romaji">fu</span></td>
<td><span class="kana"></span> <span class="romaji">mu</span></td>
<td><span class="kana"></span> <span class="romaji">yu</span></td>
<td><span class="kana"></span> <span class="romaji">ru</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">bu</span></td>
<td><span class="kana"></span> <span class="romaji">pu</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">e</span></td>
<td><span class="kana"></span> <span class="romaji">ke</span></td>
<td><span class="kana"></span> <span class="romaji">se</span></td>
<td><span class="kana"></span> <span class="romaji">te</span></td>
<td><span class="kana"></span> <span class="romaji">ne</span></td>
<td><span class="kana"></span> <span class="romaji">he</span></td>
<td><span class="kana"></span> <span class="romaji">me</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">re</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ge</span></td>
<td><span class="kana"></span> <span class="romaji">ze</span></td>
<td><span class="kana"></span> <span class="romaji">de</span></td>
<td><span class="kana"></span> <span class="romaji">be</span></td>
<td><span class="kana"></span> <span class="romaji">pe</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">ko</span></td>
<td><span class="kana"></span> <span class="romaji">so</span></td>
<td><span class="kana"></span> <span class="romaji">to</span></td>
<td><span class="kana"></span> <span class="romaji">no</span></td>
<td><span class="kana"></span> <span class="romaji">ho</span></td>
<td><span class="kana"></span> <span class="romaji">mo</span></td>
<td><span class="kana"></span> <span class="romaji">yo</span></td>
<td><span class="kana"></span> <span class="romaji">ro</span></td>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">n</span></td>
<td><span class="kana"></span> <span class="romaji">go</span></td>
<td><span class="kana"></span> <span class="romaji">zo</span></td>
<td><span class="kana"></span> <span class="romaji">do</span></td>
<td><span class="kana"></span> <span class="romaji">bo</span></td>
<td><span class="kana"></span> <span class="romaji">po</span></td>
</tr>
</table>
<h3>Katakana combinations <span class="checkall"><a onclick="check('kccheck')">check all</a> | <a onclick="uncheck('kccheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow kccheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="kdk" /></td>
<td><input type="checkbox" class="kanacheck" id="kds" /></td>
<td><input type="checkbox" class="kanacheck" id="kdc" /></td>
<td><input type="checkbox" class="kanacheck" id="kdn" /></td>
<td><input type="checkbox" class="kanacheck" id="kdh" /></td>
<td><input type="checkbox" class="kanacheck" id="kdm" /></td>
<td><input type="checkbox" class="kanacheck" id="kdr" /></td>
<td><input type="checkbox" class="kanacheck" id="kdg" /></td>
<td><input type="checkbox" class="kanacheck" id="kdj" /></td>
<td><input type="checkbox" class="kanacheck" id="kdj2" /></td>
<td><input type="checkbox" class="kanacheck" id="kdb" /></td>
<td><input type="checkbox" class="kanacheck" id="kdp" /></td>
</tr>
<tr>
<td><span class="kana">キャ</span> <span class="romaji">kya</span></td>
<td><span class="kana">シャ</span> <span class="romaji">sha</span></td>
<td><span class="kana">チャ</span> <span class="romaji">cha</span></td>
<td><span class="kana">ニャ</span> <span class="romaji">nya</span></td>
<td><span class="kana">ヒャ</span> <span class="romaji">hya</span></td>
<td><span class="kana">ミャ</span> <span class="romaji">mya</span></td>
<td><span class="kana">リャ</span> <span class="romaji">rya</span></td>
<td><span class="kana">ギャ</span> <span class="romaji">gya</span></td>
<td><span class="kana">ジャ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ヂャ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ビャ</span> <span class="romaji">bya</span></td>
<td><span class="kana">ピャ</span> <span class="romaji">pya</span></td>
</tr>
<tr>
<td><span class="kana">キュ</span> <span class="romaji">kyu</span></td>
<td><span class="kana">シュ</span> <span class="romaji">shu</span></td>
<td><span class="kana">チュ</span> <span class="romaji">chu</span></td>
<td><span class="kana">ニュ</span> <span class="romaji">nyu</span></td>
<td><span class="kana">ヒュ</span> <span class="romaji">hyu</span></td>
<td><span class="kana">ミュ</span> <span class="romaji">myu</span></td>
<td><span class="kana">リュ</span> <span class="romaji">ryu</span></td>
<td><span class="kana">ギュ</span> <span class="romaji">gyu</span></td>
<td><span class="kana">ジュ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ヂュ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ビュ</span> <span class="romaji">byu</span></td>
<td><span class="kana">ピュ</span> <span class="romaji">pyu</span></td>
</tr>
<tr>
<td><span class="kana">キョ</span> <span class="romaji">kyo</span></td>
<td><span class="kana">ショ</span> <span class="romaji">sho</span></td>
<td><span class="kana">チョ</span> <span class="romaji">cho</span></td>
<td><span class="kana">ニョ</span> <span class="romaji">nyo</span></td>
<td><span class="kana">ヒョ</span> <span class="romaji">hyo</span></td>
<td><span class="kana">ミョ</span> <span class="romaji">myo</span></td>
<td><span class="kana">リョ</span> <span class="romaji">ryo</span></td>
<td><span class="kana">ギョ</span> <span class="romaji">gyo</span></td>
<td><span class="kana">ジョ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ヂョ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ビョ</span> <span class="romaji">byo</span></td>
<td><span class="kana">ピョ</span> <span class="romaji">pyo</span></td>
</tr>
</table>
2017-02-08 20:49:33 +01:00
<h3>Fonts <span class="checkall"><a onclick="check('allfonts')">check all</a> | <a onclick="uncheck('allfonts')">uncheck all</a></span></h3>
2017-02-08 08:41:14 +01:00
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow allfonts">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="fontcheck" id="default" checked /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-BokutohNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-FolkPro-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-HappyNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-KumoyaStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-KyokaICAPro-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-Shuuei3Std-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-ZenGoNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="ArmedBanana" /></td>
</tr>
<tr>
<td><span class="font_example"></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-BokutohNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-FolkPro-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-HappyNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-KumoyaStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-KyokaICAPro-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-Shuuei3Std-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-ZenGoNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/ArmedBanana/ぎ.png" /></span></td>
</tr>
2017-02-08 20:49:33 +01:00
<tr class="checkrow allfonts">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="fontcheck" id="DFCry5_0" /></td>
<td><input type="checkbox" class="fontcheck" id="DFMrg3_0" /></td>
<td><input type="checkbox" class="fontcheck" id="F5AJCCPE_0" /></td>
<td><input type="checkbox" class="fontcheck" id="F5AJCMHG" /></td>
<td><input type="checkbox" class="fontcheck" id="MT_TARE" /></td>
<td><input type="checkbox" class="fontcheck" id="SM-WIN" /></td>
<td><input type="checkbox" class="fontcheck" id="SNsanafon" /></td>
<td><input type="checkbox" class="fontcheck" id="sea" /></td>
<td><input type="checkbox" class="fontcheck" id="KOI-WIN" /></td>
</tr>
<tr>
<td><span class="font_example"><img src="fonts/DFCry5_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/DFMrg3_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/F5AJCCPE_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/F5AJCMHG/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/MT_TARE/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/SM-WIN/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/SNsanafon/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/sea/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/KOI-WIN/ぎ.png" /></span></td>
</tr>
</table>
<p>(The last font above is difficult and you may want to skip it as a beginner.)</p>
2017-02-08 20:49:33 +01:00
<h3>Explanation</h3>
<div id="explanation">
<p>Grind a row of kana until you stop making mistakes, then add another row. Press the <code>Play sound</code> link to make sure you are pronouncing the kana correctly. If you wish to write, the <code>Stroke order</code> link will show you the proper form.</p>
<p>The two little dots (<a href="https://en.wikipedia.org/wiki/Dakuten">dakuten</a>) next to certain kana indicate that the first consonant is "muddied" (voiced). For example, か (ka) becomes が (ga). The first letter of the romaji for these kana transforms as follows:
<ul>
<li>k -> g</li>
<li>s -> z</li>
<li>t -> d</li>
<li>h -> b</li>
</ul>
<p>A few kana add a small circle to indicate a "p" consonant transformation. For example, ほ (ho) becomes ぽ (po).</p>
<p>The smaller kana ゅ, ょ, and ゃ are used to combine kana sounds. For example, in <span style="white-space:nowrap">ぎゃ</span> (gya) the consonant of ぎ (gi) combines with the sound from や (ya). The small っ (distinct from つ/tsu) is not itself pronounced, but lengthens the consonant that follows, as in にっぽん (nippon). Read <a href="http://www.guidetojapanese.org/learn/grammar/hiragana">Tae Kim</a> for more information about kana.</p>
<p></p>
</div>
2017-02-08 08:41:14 +01:00
</div>
</div>
2017-02-08 20:49:33 +01:00
</body>
</html>