unicode: body container
[sheet.git] / unicode.plp
index 242253bd6481630101f09c2a31f1da36040a6887..81e54a3f5593f2b4c57acb924ffa5715a081aea1 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';
@@ -17,6 +18,10 @@ $header{content_type} = 'text/html; charset=utf-8';
 <meta http-equiv="content-type" content="utf-8">
 <link rel="stylesheet" type="text/css" media="all" href="/digraphs.css">
 <style>
+#list-common {
+       overflow: hidden;
+}
+
 table {
        margin: 1ex 1ex 2ex;
        float: left;
@@ -31,20 +36,33 @@ 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;
@@ -57,27 +75,30 @@ small {
 small.digraph {
        background: #888;
        color: #FFF;
+
+       background: #000;
+       color: #FFF;
+       opacity: 0.3;
 }
 small.value {
        background: #CCC;
        color: #666;
-}
 
-td.empty {
-       background: #DDD;
-}
-td.reserved {
-       background: #BBB;
+       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>
 
+<div id="list-common">
+
 <:
 my $diinfo = do 'digraphs.inc.pl';
 my %di = map { $diinfo->{$_}->[0] => $_ } grep { ref $diinfo->{$_} }
@@ -108,16 +129,29 @@ sub table {
                        $colspan++;
                        next;
                }
-               elsif ($cell =~ s/^-//) {
-                       $class = 'empty';
+
+               my $code = join '', map { $di{ord $_} || '' } split //, $cell;
+               my $name = $diinfo->{$code}->[1];
+
+               if ($cell =~ s/^-//) {
+#                      $class = 'Empty';
                }
                elsif ($cell eq '=') {
-                       $class = 'reserved';
+                       $class = 'Reserved';
                        $cell = '';
                }
-
-               my $code = join '', map { $di{ord $_} || '' } split //, $cell;
-               my $name = $diinfo->{$code}->[1];
+               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"}  : '',
@@ -135,7 +169,7 @@ sub table {
 
        if ($colheads) {
                unshift @rows, sprintf '<thead><tr><td>%s<tbody>', join '',
-                       map { sprintf '<th title="%2$s">%s', split(/:/, $_, 2) }
+                       map { sprintf '<th title="%2$s">%s', split(/:/, $_, 2), '', '' }
                        @$colheads
        }
 
@@ -153,30 +187,44 @@ print table(@$_) for (
 print "<h2>Arrows</h2>\n\n";
 print table(@$_) for (
        [ 4 => [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}]],
-       [ 4 => [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . �� ⇓ ⇙ -}]],
+       [ 4 => [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . �� ⇓ ⇘ -}]],
        [ 3 => [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢}]],
        [ 3 => [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿}]],
 );
 
 print "<h2>Line drawing</h2>\n\n";
 print table(@$_) for (
-       [ 4 => [qw{. ┌ ┬ ┐ ─ . ├ ┼ ┤ │ . └ ┴ ┘ -}]],
-       [ 4 => [qw{. ┏ ┳ ┓ ━ . ┣ ╋ ┫ ┃ . ┗ ┻ ┛ -}]],
+       [ 4 => [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}]],
+       [ 4 => [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}]],
        [ 3 => [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}]],
        [ 3 => [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}]],
-#      [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ -}]],
-#      [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛}]],
-#      [ 3 => [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜}]],
+       [ 4 => [qw{
+               . ╴ ─ ╌ ┄ ┈ ╶ ╾
+               . ╸ ━ ╍ ┅ ┉ ╺ ╼
+               . ╵ │ ╎ ┆ ┊ ╷ ╿
+               . ╹ ┃ ╏ ┇ ┋ ╻ ╽
+       }]],
+       [ 1 => [qw{. ╱ ╳ ╲ }]],
+       [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
+       [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
+       [ 3 => [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }]],
 );
 
-print "<h2>Signs</h2>\n\n";
+print "<h2>Blocks</h2>\n\n";
 print table(@$_) for (
-       [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ . ░ ▒ ▓}]],
+       [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ }]],
+       [ 3 => [qw{. ░ . ▒ . ▓ }]],
+       [ 2 => [qw{. ▛ ▚ ▟ . ▙ ▞ ▜ }]],
+       [ 2 => [qw{. ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▔ . ▏ ▎ ▍ ▌ ▋ ▊ ▉ ▕ }]],
        [ 3 => [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}]],
-       [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
-       [ 5 => [qw{. ☼ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]],  # solar
-#      [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]],  # zodiac
+);
+
+print "<h2>Signs</h2>\n\n";
+print table(@$_) for (
        [ 8 => [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
+       [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
+       [ 5 => [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]],  # solar
+       [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]],  # zodiac
 );
 
 print "<h2>IPA</h2>\n\n";
@@ -231,6 +279,17 @@ print table(@$_) for (
        ],
 );
 
+print "<h2>Alphabetics</h2>\n\n";
+print table(1,
+       [ map { ('.', split //, $_->[1]) } @$_ ],
+       [ map {                 $_->[0]  } @$_ ],
+) for [
+       [Latin    => 'aīıęôɳŋṡšđðƷ'],
+       [Cyrillic => 'аійэёнњшщчьЯ'],
+       [Greek    => 'αίϊηϋπψσςθξΩ'],
+       [Hebrew   => 'אײיעונןסשטצץ'],
+];
+
 print "<h2>Japanese</h2>\n\n";
 print table(@$_) for (
        [
@@ -289,3 +348,19 @@ print table(@$_) for (
                [qw{A I U E O}],
        ],
 );
+
+:></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>
+
+</html>