<head>
<title>digraph cheat sheet</title>
<meta http-equiv="content-type" content="utf-8">
-<!-- link rel="stylesheet" type="text/css" media="all" href="unicode.css" -->
+<link rel="stylesheet" type="text/css" media="all" href="/digraphs.css">
<style>
table {
- border-collapse: collapse;
- margin: 1ex;
+ margin: 1ex 1ex 2ex;
+ float: left;
+ table-layout: auto;
+}
+thead td {
+ width: auto;
+}
+tbody {
+ border-width: 0;
+}
+h2, h3 {
+ clear: both;
+}
+
+th {
+ text-align: left;
+ font-size: 50%;
+ background: #888;
+ color: #FFF;
+ padding: 0 0.2em;
}
-tbody td, th {
- border: 1px solid #888;
+thead td {
+ border: 0;
}
+
td {
- text-align: center;
+ background: transparent;
vertical-align: top;
margin: 0;
padding: 0;
+ width: 1.6em;
}
small {
font-size: 50%;
display: block;
- width: 3.2em;
+}
+small.digraph {
background: #888;
color: #FFF;
}
-table {
- float: left;
+small.value {
+ background: #CCC;
+ color: #666;
}
-h2, h3 {
- clear: both;
+
+td.empty {
+ background: #DDD;
}
-th {
- text-align: left;
- font-size: 50%;
- background: #888;
- color: #FFF;
- padding: 0 0.5em;
+td.reserved {
+ background: #BBB;
}
</style>
</head>
sub table {
my ($width, $digraphs, $rowheads, $colheads) = @_;
- my @cells;
- push @cells, sprintf '<td title="%s">%s%s',
- $di{ord $_} && $diinfo->{$di{ord $_}}->[1],
- $_ eq '-' ? ' ' : quote($_),
- $di{ord $_} && sprintf(' <small>%s</small>', $di{ord $_})
- for @$digraphs;
-
- if ($rowheads) {
- splice @cells, $_ * $width, 0, '<th>'.($rowheads->[$_] || ' ')
- for reverse 0 .. $#cells / $width;
- $width++;
- }
-
my @rows;
- push @rows, sprintf '<tr>%s', join '', splice @cells, 0, $width, ()
- while @cells;
+
+ my $colspan = 1;
+ for my $cell (@$digraphs) {
+ my $class;
+ if ($cell eq '.') {
+ push @rows, '';
+ $rows[-1] .= '<th>'.(shift @$rowheads || ' ') if $rowheads;
+ next;
+ }
+ elsif ($cell eq '>') {
+ $colspan++;
+ next;
+ }
+ elsif ($cell =~ s/^-//) {
+ $class = 'empty';
+ }
+ elsif ($cell eq '=') {
+ $class = 'reserved';
+ $cell = '';
+ }
+
+ my $code = join '', map { $di{ord $_} || '' } split //, $cell;
+ my $name = $diinfo->{$code}->[1];
+
+ $rows[-1] .= sprintf('<td%s%s%s>%s%s',
+ defined $name ? qq{ title="$name"} : '',
+ defined $class ? qq{ class="$class"} : '',
+ $colspan > 1 && qq{ colspan="$colspan"},
+ $cell eq '' ? ' ' : quote($cell),
+ $code ne '' ? sprintf(' <small class="digraph">%s</small>', quote($code))
+ : length($cell) == 1 && $cell !~ /[a-z]/
+ ? sprintf(' <small class="%s">%04X</small>', 'value', ord $cell)
+ : '',
+ );
+
+ $colspan = 1;
+ }
if ($colheads) {
unshift @rows, sprintf '<thead><tr><td>%s<tbody>', join '',
- map { sprintf '<th title="%2$s">%s', split(/:/, $colheads->[$_], 2) }
- 0 .. $width-2;
+ map { sprintf '<th title="%2$s">%s', split(/:/, $_, 2) }
+ @$colheads
}
- return sprintf "<table>%s</table>\n", join '', @rows;
+ return sprintf "<table>\n%s</table>\n", join '', map {"<tr>$_\n"} @rows;
}
+print "<h2>Common</h2>\n\n";
+print table(@$_) for (
+ [ 3 => [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚}]],
+ [ 3 => [qw{. † ‡ • . § ¶ # . © ® ™ . − × ÷ . ± ² √}]],
+ [ 3 => [qw{. å ä ö ü ß . Å æ ø ű ſ}]],
+ [ 3 => [qw{. ¿ ç ñ é ê è}]],
+);
+
print "<h2>Arrows</h2>\n\n";
print table(@$_) for (
- [ 4 => [qw{↖ ↑ ↗ ↔ ← - → ↕ ↙ ↓ ↘ -}]],
- [ 4 => [qw{⇖ ⇑ ⇗ ⇔ ⇐ - ⇒ ⇕ ⇘ ⇓ ⇙ -}]],
- [ 3 => [qw{◤ ▲ ◥ ◀ ◆ ▶ ◣ ▼ ◢}]],
- [ 3 => [qw{◸ △ ◹ ◁ ◇ ▷ ◺ ▽ ◿}]],
+ [ 4 => [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}]],
+ [ 4 => [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇘ ⇓ ⇙ -}]],
+ [ 3 => [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢}]],
+ [ 3 => [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿}]],
);
print "<h2>Line drawing</h2>\n\n";
print table(@$_) for (
- [ 4 => [qw{┌ ┬ ┐ ─ ├ ┼ ┤ │ └ ┴ ┘ -}]],
- [ 4 => [qw{┏ ┳ ┓ ━ ┣ ╋ ┫ ┃ ┗ ┻ ┛ -}]],
- [ 3 => [qw{┍ ┯ ┑ ┝ ┿ ┥ ┕ ┷ ┙}]],
- [ 3 => [qw{┎ ┰ ┒ ┠ ╂ ┨ ┖ ┸ ┚}]],
-# [ 4 => [qw{╔ ╦ ╗ ═ ╠ ╬ ╣ ║ ╚ ╩ ╝ -}]],
-# [ 3 => [qw{╒ ╤ ╕ ╞ ╪ ╡ ╘ ╧ ╛}]],
-# [ 3 => [qw{╓ ╥ ╖ ╟ ╫ ╢ ╙ ╨ ╜}]],
+ [ 4 => [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}]],
+ [ 4 => [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}]],
+ [ 3 => [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}]],
+ [ 3 => [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}]],
+ [ 4 => [qw{
+ . ╴ ─ ╌ ┄ ┈ ╶ ╾
+ . ╸ ━ ╍ ┅ ┉ ╺ ╼
+ . ╵ │ ╎ ┆ ┊ ╷ ╿
+ . ╹ ┃ ╏ ┇ ┋ ╻ ╽
+ }]],
+ [ 1 => [qw{. ╱ ╳ ╲ }]],
+ [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
+ [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
+ [ 3 => [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }]],
);
print "<h2>Signs</h2>\n\n";
print table(@$_) for (
- [ 3 => [qw{▘ ▀ ▝ ▌ █ ▐ ▖ ▄ ▗ ░ ▒ ▓}]],
- [ 3 => [qw{□ ▣ ■ ▤ ▦ ▥ ▧ ▩ ▨}]],
- [ 4 => [qw{♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧}]],
- [10 => [qw{☼ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]], # solar
-# [12 => [qw{♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]], # zodiac
- [ 8 => [qw{¤ ¢ ₥ € £ ₨ $ ¥ ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
+ [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ . ░ ▒ ▓}]],
+ [ 3 => [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}]],
+ [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
+ [ 5 => [qw{. ☼ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]], # solar
+# [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]], # zodiac
+ [ 8 => [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
);
print "<h2>IPA</h2>\n\n";
print table(@$_) for (
[
12 => [qw{
- p t - ʈ - c k q - ʔ ʡ -
- b d - ɖ - ɟ ɡ ɢ - - - -
- m ɱ - n - ɳ ɲ ŋ ɴ - - -
- ʙ - - r - - - - - - - -
- - ⱱ - ɾ - ɽ - - - - - -
- ɸ f θ s ʃ ʂ ç x χ ħ ʜ h
- β v ð z ʒ ʐ ʝ ɣ ʁ ʕ ʢ ɦ
- - - - ɬ - - - - - - - -
- - - - ɮ - - - - - - - -
- - ʋ - ɹ - ɻ j ɰ - - - -
- - - - l - ɭ ʎ ʟ - - - -
- ʘ - ǀ ǁ ǃ - ǂ - - - - -
- ɓ - ɗ - - - ʄ ɠ ʛ - - -
+ . p p̪ > > t ʈ c k q = ʡ ʔ
+ . b b̪ > > d ɖ ɟ ɡ ɢ = - =
+ . m ɱ > > n ɳ ɲ ŋ ɴ = = =
+ . ʙ - > > r - - = ʀ = -я =
+ . - ⱱ > > ɾ ɽ - = ɢ̆ = - =
+ . ɸ f θ s ʃ ʂ ç x χ ħ ʜ h
+ . β v ð z ʒ ʐ ʝ ɣ ʁ ʕ ʢ ɦ
+ . = = > > ɬ - - - - = = =
+ . = = > > ɮ - - - - = = =
+ . - ʋ > > ɹ ɻ j ɰ - - - =
+ . = = > > l ɭ ʎ ʟ - = = =
+ . ʘ - ǀ ǁ ǃ -‼ ǂ - - = = =
+ . ɓ ɗ̪ > > ɗ -ᶑ ʄ ɠ ʛ = = =
}],
[
'Plosive',
],
[
6 => [qw{
- i y ɨ ʉ ɯ u
- - ɪ ʏ - ʊ -
- e ø ɘ ɵ ɤ o
- - - ə - - -
- ɛ œ ɜ ɞ ʌ ɔ
- æ - ɐ - - -
- a ɶ - - ɑ ɒ
+ . i y ɨ ʉ ɯ u
+ . - ɪ ʏ - ʊ -
+ . e ø ɘ ɵ ɤ o
+ . - - ə - - -
+ . ɛ œ ɜ ɞ ʌ ɔ
+ . æ - ɐ - - -
+ . a ɶ - - ɑ ɒ
}],
[qw{Close Near-close Close-mid Mid Open-mid Near-open Open}],
[map {substr($_, 0, 1).':'.$_, substr($_, 0, 1)." r:$_ rounded"} qw{Front Central Back}]
],
);
+print "<h2>Japanese</h2>\n\n";
+print table(@$_) for (
+ [
+ 1 => [qw{
+ . あ い う え お =
+ . か き く け こ =
+ . さ し す せ そ =
+ . た ち つ て と =
+ . な に ぬ ね の ん
+ . は ひ ふ へ ほ =
+ . ま み む め も =
+ . や = ゆ = よ =
+ . ら り る れ ろ =
+ . わ ゐ = ゑ を =
+ }],
+ ['', qw{K S T N H M Y R W}],
+ [qw{A I U E O}, ''],
+ ],
+ [
+ 1 => [qw{
+ . が ぎ ぐ げ ご
+ . ざ じ ず ぜ ぞ
+ . だ ぢ づ で ど
+ . ば び ぶ べ ぼ
+ . ぱ ぴ ぷ ぺ ぽ
+ }],
+ [qw{G Z D B P}],
+ [qw{A I U E O}],
+ ],
+ [
+ 1 => [qw{
+ . ア イ ウ エ オ ー
+ . カ キ ク ケ コ =
+ . サ シ ス セ ソ =
+ . タ チ ツ テ ト =
+ . ナ ニ ヌ ネ ノ ン
+ . ハ ヒ フ ヘ ホ =
+ . マ ミ ム メ モ =
+ . ヤ - ユ - ヨ =
+ . ラ リ ル レ ロ =
+ . ワ ヰ - ヱ ヲ =
+ }],
+ ['', qw{K S T N H M Y R W}],
+ [qw{A I U E O}, ''],
+ ],
+ [
+ 1 => [qw{
+ . ガ ギ グ ゲ ゴ
+ . ザ ジ ズ ゼ ゾ
+ . ダ ヂ ヅ デ ド
+ . バ ビ ブ ベ ボ
+ . パ ピ プ ペ ポ
+ . ヷ ヸ ヴ ヹ ヺ
+ }],
+ [qw{G Z D B P V}],
+ [qw{A I U E O}],
+ ],
+);