unicode: add specific header and footer
[sheet.git] / unicode.plp
index 4d48bb4365d84520a47fbf29830d746324d66abb..18ed2ce71dcf58a4960c5c95030e79276a4e062f 100644 (file)
@@ -2,6 +2,7 @@
 use utf8;
 use strict;
 use warnings;
+no  warnings 'qw';  # that's not a comment, it's a NUMBER SIGN
 use open IO => ':utf8';
 
 our $VERSION = '1.0';
@@ -31,43 +32,63 @@ tbody {
 h2, h3 {
        clear: both;
 }
+h2 {
+       margin: 0 1ex;
+       font-size: 100%;
+}
 
 th {
        text-align: left;
        font-size: 50%;
        background: #888;
+       background: #778;
+       background: #889;
        color: #FFF;
        padding: 0 0.2em;
 }
+th, td {
+       border-color: #778;
+       border: 1px solid #888;
+}
 thead td {
        border: 0;
+       background: transparent;
+}
+thead th {
+       text-align: center;
 }
 
 td {
-       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;
-}
 
-td.empty {
-       background: #DDD;
+       background: #000;
+       color: #FFF;
+       opacity: 0.3;
 }
-td.reserved {
-       background: #BBB;
+small.value {
+       background: #CCC;
+       color: #666;
+
+       background: #800;
+       color: #FFF;
+       opacity: 0.3;
 }
 </style>
 </head>
 
 <body>
-<h1>Common Digraphs</h1>
+<h1>Common uncommon Unicode</h1>
 
 <p>i^k in <a href="/">Vim</a>.
 Also see the <a href="/digraphs">complete digraphs table</a>.</p>
@@ -88,79 +109,135 @@ sub quote {
 sub table {
        my ($width, $digraphs, $rowheads, $colheads) = @_;
 
-       my @cells;
-       push @cells, sprintf '<td title="%s"%s>%s%s',
-               $di{ord $_} && $diinfo->{$di{ord $_}}->[1],
-               $_ eq '-' ? ' class="empty"' : $_ eq '=' ? ' class="reserved"' : '',
-               $_ eq '-' || $_ 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;
+               }
+
+               my $code = join '', map { $di{ord $_} || '' } split //, $cell;
+               my $name = $diinfo->{$code}->[1];
+
+               if ($cell =~ s/^-//) {
+#                      $class = 'Empty';
+               }
+               elsif ($cell eq '=') {
+                       $class = 'Reserved';
+                       $cell = '';
+               }
+               elsif ($cell =~ /[ -~]/) {
+                       $class = 'Ascii';
+               }
+               elsif (not $code) {
+                       $class = 'DiNone';
+               }
+               elsif ($diinfo->{$code}->[2] =~ /\bXz\b/) {
+                       $class = 'DiProp';
+               }
+               else {
+                       $class = 'Di';
+               }
+
+               $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{
+               . ╴ ─ ╌ ┄ ┈ ╶ ╾
+               . ╸ ━ ╍ ┅ ┉ ╺ ╼
+               . ╵ │ ╎ ┆ ┊ ╷ ╿
+               . ╹ ┃ ╏ ┇ ┋ ╻ ╽
+       }]],
+       [ 1 => [qw{. ╱ ╳ ╲ }]],
+       [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
+       [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
+       [ 3 => [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }]],
+);
+
+print "<h2>Blocks</h2>\n\n";
+print table(@$_) for (
+       [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ }]],
+       [ 3 => [qw{. ░ . ▒ . ▓ }]],
+       [ 2 => [qw{. ▛ ▚ ▟ . ▙ ▞ ▜ }]],
+       [ 2 => [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{¤ ¢ ₥ € £ ₨ $ ¥  ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
+       [ 8 => [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
+       [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
+       [ 5 => [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]],  # solar
+       [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]],  # zodiac
 );
 
 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',
@@ -183,16 +260,88 @@ 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}]
        ],
 );
 
+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}],
+       ],
+);
+
+:><p id="footer">
+       <a href="http://vi.shiar.net/unicode">vi.<strong>shiar.net</strong>/unicode</a>
+       <a href="git://dev.shiar.net/vi-cheat"><:= "v$VERSION" :></a>
+       created by Shiar •
+       <a title="Licensed under the GNU Affero General Public License, version 3"
+          href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPLv3</a> •
+       last update <:
+               use Time::Format qw(time_format);
+               print time_format('yyyy-mm-dd', (stat $ENV{SCRIPT_FILENAME})[9]);
+       :>
+</p>
+
+</html>