unicode: add specific header and footer
[sheet.git] / unicode.plp
index cc45d666189d0b746b856f67e619e03bca29bdf5..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';
@@ -15,31 +16,79 @@ $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;
 }
-td {
+thead td {
+       width: auto;
+}
+tbody {
+       border-width: 0;
+}
+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 {
        vertical-align: top;
        margin: 0;
        padding: 0;
+       width: 1.6em;
 }
 small {
        font-size: 50%;
        display: block;
-       width: 3em;
+}
+small.digraph {
        background: #888;
        color: #FFF;
+
+       background: #000;
+       color: #FFF;
+       opacity: 0.3;
+}
+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>
@@ -58,76 +107,241 @@ sub quote {
 }
 
 sub table {
-       my ($width, $digraphs) = @_;
-
-       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;
+       my ($width, $digraphs, $rowheads, $colheads) = @_;
 
        my @rows;
-       push @rows, sprintf '<tr>%s', join '', splice @cells, 0, $width, ()
-               while @cells;
 
-       return sprintf "<table>%s</table>\n", join '', @rows;
+       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(/:/, $_, 2), '', '' }
+                       @$colheads
+       }
+
+       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 - ɭ ʎ ʟ - - - -
-               ʘ - ǀ ǁ ǃ - ǂ - - - - -
-               ɓ - ɗ - - - ʄ ɠ ʛ - - -
-       }]],
-       [6 => [qw{
-               i y  ɨ ʉ  ɯ u
-               - ɪ  ʏ -  ʊ -
-               e ø  ɘ ɵ  ɤ o
-               - -  ə -  - -
-               ɛ œ  ɜ ɞ  ʌ ɔ
-               æ -  ɐ -  - -
-               a ɶ  - -  ɑ ɒ
-       }]],
+       [
+               12 => [qw{
+                       . p  p̪  >  >  t  ʈ  c  k  q  =  ʡ  ʔ
+                       . b  b̪  >  >  d  ɖ  ɟ  ɡ  ɢ  =  -  =
+                       . m  ɱ  >  >  n  ɳ  ɲ  ŋ  ɴ  =  =  =
+                       . ʙ  -  >  >  r  -  -  =  ʀ  =  -я =
+                       . -  ⱱ  >  >  ɾ  ɽ  -  =  ɢ̆  =  -  =
+                       . ɸ  f  θ  s  ʃ  ʂ  ç  x  χ  ħ  ʜ  h
+                       . β  v  ð  z  ʒ  ʐ  ʝ  ɣ  ʁ  ʕ  ʢ  ɦ
+                       . =  =  >  >  ɬ  -  -  -  -  =  =  =
+                       . =  =  >  >  ɮ  -  -  -  -  =  =  =
+                       . -  ʋ  >  >  ɹ  ɻ  j  ɰ  -  -  -  =
+                       . =  =  >  >  l  ɭ  ʎ  ʟ  -  =  =  =
+                       . ʘ  -  ǀ  ǁ  ǃ  -‼ ǂ  -  -  =  =  =
+                       . ɓ  ɗ̪  >  >  ɗ  -ᶑ ʄ  ɠ  ʛ  =  =  =
+               }],
+               [
+                       'Plosive',
+                       'Voiced plosive',
+                       'Nasal',
+                       'Trill',
+                       'Tap/flap',
+                       'Fricative',
+                       'Voiced fricative',
+                       'Lateral fricative',
+                       'Voiced lateral fricative',
+                       'Approximant',
+                       'Lateral approximant',
+                       'Click',
+                       'Implosive',
+               ],
+               [
+                       qw'BiL:Bilabial LD:Labiodental D:Dental Alv:Alveolar PA:Postalveolar Rf:Retroflex Pal:Palatal Vel:Velar Uv:Uvular Ph:Pharyngeal EG:Epiglottal Gl:Glottal',
+               ],
+       ],
+       [
+               6 => [qw{
+                       . 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>