git.shiar.nl / sheet.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
unicode: remove obsolete $width parameter to table()
[sheet.git] / unicode.plp
diff --git a/unicode.plp b/unicode.plp
index ca822ac0e40ff6c2bde4f174d61de2081710eafa..15651eb12e3f080e9cf5aff58c89023096541216 100644 (file)
--- a/unicode.plp
+++ b/unicode.plp
@@ -17,74 +17,6 @@ $header{content_type} = 'text/html; charset=utf-8';
 <title>digraph cheat sheet</title>
 <meta http-equiv="content-type" content="utf-8">
 <link rel="stylesheet" type="text/css" media="all" href="/digraphs.css">
-<style>
-table {
-       margin: 1ex 1ex 2ex;
-       float: left;
-       table-layout: auto;
-}
-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;
-}
-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>
@@ -93,6 +25,8 @@ small.value {
 <p>i^k in <a href="/">Vim</a>.
 Also see the <a href="/digraphs">complete digraphs table</a>.</p>
 
+<div class="diinfo">
+
 <:
 my $diinfo = do 'digraphs.inc.pl';
 my %di = map { $diinfo->{$_}->[0] => $_ } grep { ref $diinfo->{$_} }
@@ -106,8 +40,8 @@ sub quote {
        return $_;
 }
 
-sub table {
-       my ($width, $digraphs, $rowheads, $colheads) = @_;
+sub glyph_table {
+       my ($digraphs, $rowheads, $colheads) = @_;
 
        my @rows;
 
@@ -167,64 +101,70 @@ sub table {
                        @$colheads
        }
 
-       return sprintf "<table>\n%s</table>\n", join '', map {"<tr>$_\n"} @rows;
+       return sprintf qq{<table class="glyphs dilabel">\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 "<div>\n", "<h2>Popular</h2>\n\n";
+print glyph_table(@$_) for (
+       [ [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚}]],
+       [ [qw{. † ‡ • . § ¶ # . © ® ™ . − × ÷ . ± ² √}]],
+       [ [qw{. å ä ö ü ß . Å æ ø ű ſ}]],
+       [ [qw{. ¿ ç ñ é ê è}]],
 );
+print "</div>\n\n";
 
-print "<h2>Arrows</h2>\n\n";
-print table(@$_) for (
-       [ 4 => [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}]],
-       [ 4 => [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇙ ⇓ ⇘ -}]],
-       [ 3 => [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢}]],
-       [ 3 => [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿}]],
+print "<div>\n", "<h2>Arrows</h2>\n\n";
+print glyph_table(@$_) for (
+       [ [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}]],
+       [ [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇙ ⇓ ⇘ -}]],
+       [ [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢}]],
+       [ [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿}]],
 );
+print "</div>\n\n";
 
-print "<h2>Line drawing</h2>\n\n";
-print table(@$_) for (
-       [ 4 => [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}]],
-       [ 4 => [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}]],
-       [ 3 => [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}]],
-       [ 3 => [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}]],
-       [ 4 => [qw{
+print "<div>\n", "<h2>Line drawing</h2>\n\n";
+print glyph_table(@$_) for (
+       [ [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}]],
+       [ [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}]],
+       [ [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}]],
+       [ [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}]],
+       [ [qw{
                . ╴ ─ ╌ ┄ ┈ ╶ ╾
                . ╸ ━ ╍ ┅ ┉ ╺ ╼
                . ╵ │ ╎ ┆ ┊ ╷ ╿
                . ╹ ┃ ╏ ┇ ┋ ╻ ╽
        }]],
-       [ 1 => [qw{. ╱ ╳ ╲ }]],
-       [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
-       [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
-       [ 3 => [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }]],
+       [ [qw{. ╱ ╳ ╲ }]],
+       [ [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
+       [ [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
+       [ [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }]],
 );
+print "</div>\n\n";
 
-print "<h2>Blocks</h2>\n\n";
-print table(@$_) for (
-       [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ }]],
-       [ 3 => [qw{. ░ . ▒ . ▓ }]],
-       [ 2 => [qw{. ▛ ▚ ▟ . ▙ ▞ ▜ }]],
-       [ 2 => [qw{. ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▔ . ▏ ▎ ▍ ▌ ▋ ▊ ▉ ▕ }]],
-       [ 3 => [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}]],
+print "<div>\n", "<h2>Blocks</h2>\n\n";
+print glyph_table(@$_) for (
+       [ [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ }]],
+       [ [qw{. ░ . ▒ . ▓ }]],
+       [ [qw{. ▛ ▚ ▟ . ▙ ▞ ▜ }]],
+       [ [qw{. ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▔ . ▏ ▎ ▍ ▌ ▋ ▊ ▉ ▕ }]],
+       [ [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}]],
 );
+print "</div>\n\n";
 
-print "<h2>Signs</h2>\n\n";
-print table(@$_) for (
-       [ 8 => [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
-       [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
-       [ 5 => [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]],  # solar
-       [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]],  # zodiac
+print "<div>\n", "<h2>Signs</h2>\n\n";
+print glyph_table(@$_) for (
+       [ [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
+       [ [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
+       [ [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]],  # solar
+       [ [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]],  # zodiac
 );
+print "</div>\n\n";
 
-print "<h2>IPA</h2>\n\n";
-print table(@$_) for (
+print "<div>\n", "<h2>IPA</h2>\n\n";
+print glyph_table(@$_) for (
        [
-               12 => [qw{
+               [qw{
                        . p  p̪  >  >  t  ʈ  c  k  q  =  ʡ  ʔ
                        . b  b̪  >  >  d  ɖ  ɟ  ɡ  ɢ  =  -  =
                        . m  ɱ  >  >  n  ɳ  ɲ  ŋ  ɴ  =  =  =
@@ -259,7 +199,7 @@ print table(@$_) for (
                ],
        ],
        [
-               6 => [qw{
+               [qw{
                        . i y  ɨ ʉ  ɯ u
                        . - ɪ  ʏ -  ʊ -
                        . e ø  ɘ ɵ  ɤ o
@@ -272,9 +212,10 @@ print table(@$_) for (
                [map {substr($_, 0, 1).':'.$_, substr($_, 0, 1)." r:$_ rounded"} qw{Front Central Back}]
        ],
 );
+print "</div>\n\n";
 
-print "<h2>Alphabetics</h2>\n\n";
-print table(1,
+print "<div>\n", "<h2>Alphabetics</h2>\n\n";
+print glyph_table(
        [ map { ('.', split //, $_->[1]) } @$_ ],
        [ map {                 $_->[0]  } @$_ ],
 ) for [
@@ -283,11 +224,12 @@ print table(1,
        [Greek    => 'αίϊηϋπψσςθξΩ'],
        [Hebrew   => 'אײיעונןסשטצץ'],
 ];
+print "</div>\n\n";
 
-print "<h2>Japanese</h2>\n\n";
-print table(@$_) for (
+print "<div>\n", "<h2>Japanese</h2>\n\n";
+print glyph_table(@$_) for (
        [
-               1 => [qw{
+               [qw{
                        . あ い う え お =
                        . か き く け こ =
                        . さ し す せ そ =
@@ -303,7 +245,7 @@ print table(@$_) for (
                [qw{A I U E O}, ''],
        ],
        [
-               1 => [qw{
+               [qw{
                        . が ぎ ぐ げ ご
                        . ざ じ ず ぜ ぞ
                        . だ ぢ づ で ど
@@ -314,7 +256,7 @@ print table(@$_) for (
                [qw{A I U E O}],
        ],
        [
-               1 => [qw{
+               [qw{
                        . ア イ ウ エ オ ー
                        . カ キ ク ケ コ =
                        . サ シ ス セ ソ =
@@ -330,7 +272,7 @@ print table(@$_) for (
                [qw{A I U E O}, ''],
        ],
        [
-               1 => [qw{
+               [qw{
                        . ガ ギ グ ゲ ゴ
                        . ザ ジ ズ ゼ ゾ
                        . ダ ヂ ヅ デ ド
@@ -342,8 +284,11 @@ print table(@$_) for (
                [qw{A I U E O}],
        ],
 );
+print "</div>\n\n";
+
+:></div>
 
-:><p id="footer">
+<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 •
sheet.shiar.nl - software cheat sheets