unicode: common (western) characters
[sheet.git] / unicode.plp
index 9405bfd5d3fae40969386d242255095e35b0a483..b8e16f13bfdaa897f861a32c6b2d7be07344849e 100644 (file)
@@ -15,40 +15,59 @@ $header{content_type} = 'text/html; charset=utf-8';
 <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>
@@ -75,78 +94,108 @@ sub quote {
 sub table {
        my ($width, $digraphs, $rowheads, $colheads) = @_;
 
-       my @cells;
-       push @cells, sprintf '<td title="%s">%s%s',
-               $di{ord $_} && $diinfo->{$di{ord $_}}->[1],
-               $_ eq '-' ? '&nbsp;' : quote($_),
-               $di{ord $_} && sprintf(' <small>%s</small>', $di{ord $_})
-                       for @$digraphs;
-
-       if ($rowheads) {
-               splice @cells, $_ * $width, 0, '<th>'.($rowheads->[$_] || '&nbsp;')
-                       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 || '&nbsp;') 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 '' ? '&nbsp;' : 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{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ -}]],
+#      [ 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',
@@ -169,13 +218,13 @@ print table(@$_) for (
        ],
        [
                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}]