unicode: reorder popular tables
[sheet.git] / unicode.plp
index d5e01450b3258ddbadbad49c49a803fbe243d113..fb5ee03672068556ab492ffac406f10bb490c8fd 100644 (file)
-<:
-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';
-
-$header{content_type} = 'text/html; charset=utf-8';
-
-:><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-<html>
-
-<head>
-<title>digraph cheat sheet</title>
-<meta http-equiv="content-type" content="utf-8">
-<link rel="stylesheet" type="text/css" media="all" href="/digraphs.css">
-</head>
-
-<body>
-<h1>Common uncommon Unicode</h1>
-
-<p>i^k in <a href="/">Vim</a>.
-Also see the <a href="/digraphs">complete digraphs table</a>.</p>
+<(common.inc.plp)><:
+
+Html({
+       title => 'unicode glyph cheat sheet',
+       version => 'v1.0',
+       description => [
+               "Common Unicode characters with digraph or code point, layed out for quick location.",
+               "Includes general symbols, arrows, drawing characters, and IPA letters.",
+       ],
+       keywords => [qw'
+               unicode glyph char character reference common ipa symbol sign mark table digraph
+       '],
+       stylesheet => [qw'light dark red'],
+});
+
+:>
+<h1>Common Unicode</h1>
+
+<p>
+Glyphs are followed by
+<a href="/digraphs">digraph</a> or <a href="/charset">code point</a>,
+i^k or i^vu respectively in <a href="/vi">Vim</a>.
+</p>
 
 <div class="diinfo">
 
 <:
-my $diinfo = do 'digraphs.inc.pl';
-my %di = map { $diinfo->{$_}->[0] => $_ } grep { ref $diinfo->{$_} }
-       keys %$diinfo;
-
-sub quote {
-       local $_ = shift;
-       s/"/&quot;/g;
-       s/</&lt;/g;
-       s/>/&gt;/g;
-       return $_;
-}
-
-sub table {
-       my ($width, $digraphs, $rowheads, $colheads) = @_;
-
-       my @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';
+use Shiar_Sheet::FormatChar;
+my $glyphs = Shiar_Sheet::FormatChar->new;
+
+sub print_glyph_tables {
+       while (@_) {
+               printf '<div class="section"><h2>%s</h2>'."\n\n", shift;
+               while (ref $_[0] and $_ = shift) {
+                       print $glyphs->table($_);
                }
-               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
+               print '</div>';
        }
-
-       return sprintf qq{<table class="glyphs dilabel">\n%s</table>\n},
-               join '', map {"<tr>$_\n"} @rows;
 }
 
-print "<div>\n", "<h2>Popular</h2>\n\n";
-print table(@$_) for (
-       [ 3 => [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚}]],
-       [ 3 => [qw{. † ‡ • . § ¶ # . © ® ™ . − × ÷ . ± ² √}]],
-       [ 3 => [qw{. å ä ö ü ß . Å æ ø ű ſ}]],
-       [ 3 => [qw{. ¿ ç ñ é ê è}]],
-);
-print "</div>\n\n";
-
-print "<div>\n", "<h2>Arrows</h2>\n\n";
-print table(@$_) for (
-       [ 4 => [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}]],
-       [ 4 => [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇙ ⇓ ⇘ -}]],
-       [ 3 => [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢}]],
-       [ 3 => [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿}]],
-);
-print "</div>\n\n";
-
-print "<div>\n", "<h2>Line drawing</h2>\n\n";
-print table(@$_) for (
-       [ 4 => [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}]],
-       [ 4 => [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}]],
-       [ 3 => [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}]],
-       [ 3 => [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}]],
-       [ 4 => [qw{
+our $verbose = exists $get{v};
+
+print_glyph_tables(
+       'Popular',
+       [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚ . ‟ ‛}],
+       [qw{. † ‡ • . § ¶ # . © ® ™ . ° ′ ″ . − × ÷ . ± ² √}],
+       [qw{. ⚋ ⚊ . ⚐ ⚑ . ☺ ☹ . ✓ ✗ . ✔ ✘ }, $verbose ? () : qw{. ◄ ►}],
+       [qw{. å ä ö ü ß . ā æ ø ű ſ}],
+       [qw{
+               . á è õ û ç . ą ı ơ ů þ
+       }],
+       $verbose ? [qw{
+               .>Englisc   æ ð ē ȝ œ þ ƿ
+               .>Sámi      á č đ ŋ š ŧ ž
+               .>Slavic    ą ě ł ů ź ż ž
+               .>Türkçe    ç ğ ı İ ö ş ü
+               .>Esperanto ĉ ĝ ĥ ĵ ŝ ŭ
+       }] : (),
+       [qw{. α β}],
+       [qw{. ¿ … 〃 ‐ – . ‽ · ※ ‒ — }],
+
+       'Symbols',
+       [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ฿ ₫ ₭ ₦ ₱ ₮ ₩ ₪}],
+       [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}],
+       [qw{. ☮ ☯ ☻ ♪ ♲ ♿ }],
+       [qw{. ✂ ✉ ℻ ☎ ☏}, $verbose ? qw{. 🔞 🔾 🔰 🔮 🕀 } : ()], # communication
+       [qw{. ✊ ✋ ✌ }, $verbose ? qw{. 🖹 🐜 👼 } : ()], # 3-way (RockPaperScissors, TerranProtossZerg)
+       [qw{. ⚠ ☡ ☠}],
+       'Signs',
+       [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}],  # solar
+       [qw{
+               . ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
+       }, !$verbose ? () : qw{
+               . 寅 卯 辰 巳 午 未 申 酉 戌 亥 子 丑
+               . 虎 兔 龍 蛇 馬 羊 猴 雞 狗 豬 鼠 牛
+               . 🐅 🐇 🐉 🐍 🐎 🐐 🐒 🐓 🐕 🐖 🐀 🐂
+       }], # zodiac
+
+       'Key commands',
+       [qw{. ⇥ ⇤ . ␣ ⌫ }], # common spacing
+       [qw{. ⎀ ⇱ ⇞ . ⌦ ⇲ ⇟ }], # edit block
+       [qw{. ⇪ ⇯ ⇭ . ⇧ ⇮ № }], # modifier
+       [qw{. ⎈ ⌥ ⌘ ⎄ }], [qw{. ↵ ⎋ ⎉ ⎊ }], # command
+$verbose ? (
+       [qw{. ► ⏩ ⏭ ◼ ⚫ . ◄ ⏪ ⏮ ⏏ -❚❚ }], # player ui
+) : (),
+
+       'Arrows',
+       [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}],
+       [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇙ ⇓ ⇘ -}],
+       [qw{. ⬁ ⇧ ⬀ ⬄ . ⇦ - ⇨ ⇳ . ⬃ ⇩ ⬂ -}],
+       [qw{. ⬉ ⬆ ⬈ ⬌ . ⬅ - ➡ ⬍ . ⬋ ⬇ ⬊ -}],
+       [qw{. ◩ ⬒ ⬔   . ◧ □ ◨   . ⬕ ⬓ ◪  }],
+       [qw{. ◤ ▲ ◥   . ◀ ◆ ▶   . ◣ ▼ ◢  }],
+       [qw{. ◸ △ ◹   . ◁ ◇ ▷   . ◺ ▽ ◿  }],
+$verbose ? (
+       [qw{.    .  -  .    }],
+       [qw{.    .  -  .    }],
+) : (),
+
+       'Line drawing',
+       [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }],
+       [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }],
+       [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }],
+       [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}],
+       [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}],
+       [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}],
+       [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}],
+       [qw{
                . ╴ ─ ╌ ┄ ┈ ╶ ╾
                . ╸ ━ ╍ ┅ ┉ ╺ ╼
                . ╵ │ ╎ ┆ ┊ ╷ ╿
                . ╹ ┃ ╏ ┇ ┋ ╻ ╽
-       }]],
-       [ 1 => [qw{. ╱ ╳ ╲ }]],
-       [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
-       [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
-       [ 3 => [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }]],
-);
-print "</div>\n\n";
-
-print "<div>\n", "<h2>Blocks</h2>\n\n";
-print table(@$_) for (
-       [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ }]],
-       [ 3 => [qw{. ░ . ▒ . ▓ }]],
-       [ 2 => [qw{. ▛ ▚ ▟ . ▙ ▞ ▜ }]],
-       [ 2 => [qw{. ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▔ . ▏ ▎ ▍ ▌ ▋ ▊ ▉ ▕ }]],
-       [ 3 => [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}]],
-);
-print "</div>\n\n";
-
-print "<div>\n", "<h2>Signs</h2>\n\n";
-print table(@$_) for (
-       [ 8 => [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
-       [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
-       [ 5 => [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]],  # solar
-       [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]],  # zodiac
+       }],
+       [qw{. ╭ ╮ . ╰ ╯ }],
+       [qw{. ╱ ╳ ╲ }],
+       # ┞┟┡┢┦┧┩┪┭┮┱┲┵┶┹┺┽┾╀╁╃╄╅╆╇╈╉╊
+
+       'Blocks',
+       [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}],
+       [qw{. ░ . ▒ . ▓ }],
+       [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ }],
+       [qw{. ▛ ▚ ▟ . ▙ ▞ ▜ }],
+       [qw{. ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▔ . ▏ ▎ ▍ ▌ ▋ ▊ ▉ ▕ }],
+
+       'IPA',
+       [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
+               .>Plosive                   p  -ȹ >  >  t  ʈ  c  k  q  =  ʡ  ʔ
+               .>Voiced_Plosive            b  -ȸ >  >  d  ɖ  ɟ  ɡ  ɢ  =  -  =
+               .>Nasal                     m  ɱ  >  >  n  ɳ  ɲ  ŋ  ɴ  =  =  =
+               .>Trill                     ʙ  -  >  >  r  -  -  =  ʀ  =  -я =
+               .>Tap/flap                  -  ⱱ  >  >  ɾ  ɽ  -  =  ɢ̆  =  -  =
+               .>Fricative                 ɸ  f  θ  s  ʃ  ʂ  ç  x  χ  ħ  ʜ  h
+               .>Voiced_fricative          β  v  ð  z  ʒ  ʐ  ʝ  ɣ  ʁ  ʕ  ʢ  ɦ
+               .>Lateral_fricative         =  =  >  >  ɬ  -  -  -  -  =  =  =
+               .>Voiced_lateral_fricative  =  =  >  >  ɮ  -  -  -  -  =  =  =
+               .>Approximant               -  ʋ  >  >  ɹ  ɻ  j  ɰ  -  -  -  =
+               .>Lateral_approximant       =  =  >  >  l  ɭ  ʎ  ʟ  -  =  =  =
+               .>Click                     ʘ  -  ǀ  ǁ  ǃ  -‼ ǂ  -  -  =  =  =
+               .>Implosive                 ɓ  ɗ̪  >  >  ɗ  -ᶑ ʄ  ɠ  ʛ  =  =  =
+       }],
+       [qw{
+               - co:coarticulated .>sç ɕ .>zʝ ʑ .>ʃx ɧ .>jʷ ɥ .>hw̥ ʍ .>ɰʷ w
+       }],
+       [(
+               '-',
+               map { substr($_, 0, 1).':'.$_, substr($_, 0, 1)." r:$_ rounded" }
+               qw{Front Central Back}
+       ), qw{
+               .>Close      i y  ɨ ʉ  ɯ u
+               .>Near-close ɪ ʏ  - -  - ʊ
+               .>Close-mid  e ø  ɘ ɵ  ɤ o
+               .>Mid        - -  ə -  - -
+               .>Open-mid   ɛ œ  ɜ ɞ  ʌ ɔ
+               .>Near-open  æ -  ɐ -  - -
+               .>Open       a ɶ  - -  ɑ ɒ
+       }],
+
+$verbose ? (
+       'Japanese',
+       [qw{
+                 - A  I  U  E  O  _
+               .>  あ い う え お =
+               .>K か き く け こ =
+               .>S さ し す せ そ =
+               .>T た ち つ て と =
+               .>N な に ぬ ね の ん
+               .>H は ひ ふ へ ほ =
+               .>M ま み む め も =
+               .>Y や =  ゆ =  よ =
+               .>R ら り る れ ろ =
+               .>W わ -ゐ = -ゑ を =
+       }],
+       [qw{
+                 - A  I  U  E  O
+               .>G が ぎ ぐ げ ご
+               .>Z ざ じ ず ぜ ぞ
+               .>D だ ぢ づ で ど
+               .>B ば び ぶ べ ぼ
+               .>P ぱ ぴ ぷ ぺ ぽ
+       }],
+       [qw{
+                 - A  I  U  E  O  _
+               .>  ア イ ウ エ オ ー
+               .>K カ キ ク ケ コ =
+               .>S サ シ ス セ ソ =
+               .>T タ チ ツ テ ト =
+               .>N ナ ニ ヌ ネ ノ ン
+               .>H ハ ヒ フ ヘ ホ =
+               .>M マ ミ ム メ モ =
+               .>Y ヤ -  ユ -  ヨ =
+               .>R ラ リ ル レ ロ =
+               .>W ワ ヰ -  ヱ ヲ =
+       }],
+       [qw{
+                 - A  I  U  E  O
+               .>G ガ ギ グ ゲ ゴ
+               .>Z ザ ジ ズ ゼ ゾ
+               .>D ダ ヂ ヅ デ ド
+               .>B バ ビ ブ ベ ボ
+               .>P パ ピ プ ペ ポ
+               .>V ヷ ヸ ヴ ヹ ヺ
+       }],
+) : (),
 );
-print "</div>\n\n";
-
-print "<div>\n", "<h2>IPA</h2>\n\n";
-print table(@$_) for (
-       [
-               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 "</div>\n\n";
-
-print "<div>\n", "<h2>Alphabetics</h2>\n\n";
-print table(1,
-       [ map { ('.', split //, $_->[1]) } @$_ ],
-       [ map {                 $_->[0]  } @$_ ],
-) for [
-       [Latin    => 'aīıęôɳŋṡšđðƷ'],
-       [Cyrillic => 'аійэёнњшщчьЯ'],
-       [Greek    => 'αίϊηϋπψσςθξΩ'],
-       [Hebrew   => 'אײיעונןסשטצץ'],
-];
-print "</div>\n\n";
-
-print "<div>\n", "<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}],
-       ],
-);
-print "</div>\n\n";
 
 :></div>
 
-<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>
+<div class="legend">
+       <table class="glyphs"><tr>
+       <td class="X di-a">ascii
+       <td class="X di-d">digraph
+       <td class="X di-prop">proposed
+       <td class="X di-b">other unicode
+       <td class="X di-rare">discouraged
+       </table>
+</div>
 
-</html>