mutt: page, key classes, various updates
[sheet.git] / digraphs.plp
index 93dfd75b698b115a5a44898c1bc4f5b8e4b07dea..487b59f2f9cef2ec385665a4ac734bf494cca11e 100644 (file)
@@ -2,11 +2,10 @@
 use utf8;
 use strict;
 use warnings;
+no  warnings 'qw';  # to quote or not to quote, that is the question
 use open IO => ':utf8';
 
-use Unicode::UCD qw(charinfo);
-
-our $VERSION = '1.0';
+our $VERSION = 'v1.0';
 
 $header{content_type} = 'text/html; charset=utf-8';
 
@@ -15,84 +14,26 @@ $header{content_type} = 'text/html; charset=utf-8';
 <html>
 
 <head>
+<meta http-equiv="content-type" content="<:= $header{content_type} :>">
 <title>digraph cheat sheet</title>
-<meta http-equiv="content-type" content="utf-8">
-<style>
-h1 {
-       text-align: center;
-       margin: 0 auto 0.2em;
-}
-table {
-       border-collapse: collapse;
-       table-layout: fixed; /* prevent resizing, notably in msie6 */
-}
-#legend {
-       margin-top: 1em;
-}
-#legend table {
-       width: 100%;
-       table-layout: auto;
-#}
-#legend td {
-       padding: 0 0.2em;
-}
-thead th, td {
-       width: 1.2em; /* msie only looks at the first row */
-       min-width: 1em; /* prevents gecko from restricting to page width */
-}
-th, td {
-       text-align: center;
-}
-td {
-       border: 1px solid #888;
-       background: #DDD;
-}
-td.X {
-       background: #FFF;
-}
-
-td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background:red} /* unknown */
-
-/* letters */
-td.Greek    {background: #FFE0CF}
-td.Cyrillic {background: #FFDDA8}
-td.Latin    {background: #FFB}
-td.Hebrew   {background: #FFD}
-td.Arabic   {background: #EFE}
-td.Hiragana {background: #DFC}
-td.Katakana {background: #DFA}
-td.Bopomofo {background: #BFC}
-
-td.Nd, td.Nl,
-td.No {background: #FBB} /* number */
-td.Sc {background: #FCD} /* currency */
-td.Sm {background: #ECE} /* math */
-td.So {background: #DDCCFF} /* symbol */
-td.Cf, td.Pd,
-td.Po {background: #CDF} /* punctuation */
-td.Ps, td.Pe, td.Pi,
-td.Pf {background: #BEF} /* quote */
-td.Lm,
-td.Sk {background: #CEE} /* spacing modifier */
-td.Mn {background: #ACC} /* modifier */
-td.Cc {background: #BBB; color: #666} /* control */
-td.Zs {background: #ACB} /* space */
-td.Zs span {background: #EEE}
-
-td.Xa {color: #040} /* ascii */
-td.Xl {color: #080} /* latin1 */
-td.Co {color: #800} /* private */
-td.Xz {color: #F00} /* proposed */
-
-tr:hover td {
-       background: #FF8;
-}
-</style>
+<link rel="stylesheet" type="text/css" media="all" href="/base.css"><:
+       my %styles = map {$_ => $_} qw(dark circus mono red terse);
+       our $style = exists $get{style} && $styles{$get{style}} || 'light';
+       printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
+               $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_
+       ) for keys %styles;
+:>
 </head>
 
-<body>
+<body id="digraphs">
 <h1>RFC-1345 Digraphs</h1>
 
+<p>i^k in <a href="/">Vim</a>.
+Also see <a href="/unicode">common digraphs</a>.</p>
+
+<p class="aside">Unofficial <span class="Xz">proposals</span>
+are available as <a href="/digraphs.vim">ex commands</a>.</p>
+
 <:
 my $di = do 'digraphs.inc.pl';
 
@@ -104,48 +45,56 @@ sub quote {
        return $_;
 }
 
-my @chars = ((map {chr} ord '!' .. ord 'Z'), 'a'..'z');
-splice @chars, $_, 1, () for 2, 3-1, 5-2, 31-3;  # remove character exceptions # $ & @
-my @chars2 = (@chars, '_');  # trailing character (extended set)
-
-print '<table>';
+my @chars = (
+       [qw{! " % ' ( ) * + , - . /}],
+       ['0'..'9'], [qw{: ; < = > ?}],
+       ['A'..'M'], ['N'..'Z'],
+       ['a'..'m'], ['n'..'z'],
+);
+my @chars2 = (['_'], @chars);  # trailing character (extended set)
+
+print '<table class="glyphs dimap"><col>';
+print qq'<colgroup span="$_">' for map {scalar @$_} @chars2;
+print "</colgroup><col>\n";
 for my $section (qw{thead tfoot}) {
-       print "<$section><tr><th>&nbsp;";
-       print "<th>$_" for @chars2;
+       print "<$section><tr><th>↳";
+       print '<th>', quote($_) for map {@$_} @chars2;
+       print "<th>&nbsp;\n";
 }
-print '<tbody>';
-for my $c1 (@chars) {
-       print "<tr><th>$c1";
-       for my $c2 (@chars2) {
-               my $mnem = $c1 . $c2;
-               if (not defined $di->{$mnem}) {
-                       print '<td>';
-                       next;
+for my $c1group (@chars) {
+       print '<tbody>';
+       for my $c1 (@$c1group) {
+               print '<tr><th>', quote($c1);
+               for my $c2 (map {@$_} @chars2) {
+                       my $mnem = $c1 . $c2;
+                       if (not defined $di->{$mnem}) {
+                               print '<td>';
+                               next;
+                       }
+                       if (ref $di->{$mnem} ne 'ARRAY') {
+                               printf '<td class="X Xr" title="%s">', quote($mnem);
+                               next;
+                       }
+                       my ($codepoint, $name, $prop, $script, $string) = @{ $di->{$mnem} };
+
+                       my $glyph = $string || chr $codepoint;
+                       utf8::upgrade($glyph);  # prevent latin1 output
+                       my $desc = $mnem . ($name && " ($name)");
+                       my @class = ('X', grep {$_} $prop, $script);
+
+                       $glyph = quote($glyph);
+                       $glyph = "<span>$glyph</span>" if $prop eq 'Zs';
+
+                       printf "\n".'<td class="%s" title="%s">%s',
+                               join(' ', @class), quote($desc), $glyph;
                }
-               my $chr = $di->{$mnem};
-               my $glyph = chr $chr;
-               utf8::upgrade($glyph);  # prevent latin1 output
-               my $info = charinfo($chr);
-
-               my $desc = $mnem;
-               $desc .= " ($_)" for $info->{name} || ();
-
-               my @class = 'X';
-               push @class, $_ for $info->{category} || ();
-               push @class, $_ for $info->{script} || ();
-
-               $glyph = quote($glyph);
-               $glyph = "<span>$glyph</span>" if $info->{category} eq 'Zs';
-
-               printf "\n".'<td class="%s" title="%s">%s',
-                       join(' ', @class), quote($desc), $glyph;
+               print "\n<th>", quote($c1), "\n";
        }
-       print "\n<th>$c1\n";
 }
 print "</table>\n";
 :>
-<div id="legend">
-       <table><tr>
+<div class="legend">
+       <table class="glyphs"><tr>
        <td class="X Cc">control
        <td class="X Zs"><span>spacing</span>
        <td class="X Mn">modifier
@@ -161,17 +110,25 @@ print "</table>\n";
        <td class="X Latin">latin
        <td class="X Hebrew">hebrew
        <td class="X Arabic">arabic
+       <td class="X Hangul">korean
        <td class="X Hiragana">japanese
        <td class="X Bopomofo">chinese
        </table>
 
-       <table><tr>
+       <table class="glyphs"><tr>
        <td class="X">unicode
-       <td class="X Xa">ascii
        <td class="X Xl">latin1
-       <td class="X Co">private
+       <td class="X Xa">ascii
        <td class="X Xz">proposed
        </table>
 </div>
 
+<p class="footer">
+       <a href="/" rel="home">sheet.shiar.nl</a>/digraphs
+       <a href="git://git.shiar.nl/sheet" rel="vcs-git" title="Git repository"><:= $VERSION :></a>
+       created by <a href="http://shiar.nl/" rel="author">Shiar</a> •
+       <a title="Licensed under the GNU Affero General Public License, version 3" rel="copyright"
+          href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPLv3</a>
+</p>
+
 </html>