-<:
-use utf8;
-use strict;
-use warnings;
-use open IO => ':utf8';
+<(common.inc.plp)><:
-our $VERSION = '1.0';
+Html({
+ title => 'digraph cheat sheet',
+ version => 'v1.0',
+ description => [
+ "Complete table of digraph characters from RFC-1345.",
+ ],
+ keywords => [qw'
+ digraph compose character char glyph table unicode vim
+ '],
+ stylesheet => [qw'light'],
+});
-$header{content_type} = 'text/html; charset=utf-8';
+:>
+<h1>RFC-1345 Digraphs</h1>
-:><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-<html>
+<p>i^k in <a href="/vi">Vim</a>.
+Also see <a href="/unicode">common digraphs</a>.</p>
-<head>
-<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 */
-}
-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.any {
- background: #FFF;
-}
-</style>
-</head>
+<p class="aside">Unofficial <span class="Xz">proposals</span>
+are available as <a href="/digraphs.vim">ex commands</a>.</p>
-<body>
-<h1>RFC-1345 Digraphs</h1>
<:
my $di = do 'digraphs.inc.pl';
-sub quote {
- local $_ = shift;
- s/"/"/g;
- s/</</g;
- s/>/>/g;
- return $_;
+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>↳";
+ print '<th>', EscapeHTML($_) for map {@$_} @chars2;
+ print "<th> \n";
}
+for my $c1group (@chars) {
+ print '<tbody>';
+ for my $c1 (@$c1group) {
+ print '<tr><th>', EscapeHTML($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">', EscapeHTML($mnem);
+ next;
+ }
+ my ($codepoint, $name, $prop, $script, $string) = @{ $di->{$mnem} };
-my @chars = ((map {chr} ord '!' .. ord 'Z'), 'a'..'z');
-splice @chars, $_, 1, () for 2, 3-1, 5-2, 31-3; # remove character exceptions # $ & @
-print '<table>';
-print '<thead><tr><th> ';
-print "<th>$_" for @chars, '_';
-print '<tbody>';
-for my $c1 (@chars) {
- print "<tr><th>$c1";
- for my $c2 (@chars, '_') {
- my $mnem = $c1 . $c2;
- if (not defined $di->{$mnem}) {
- print '<td>';
- next;
- }
- my $chr = $di->{$mnem};
- my $glyph = chr $chr;
- utf8::upgrade($glyph); # prevent latin1 output
+ my $glyph = $string || chr $codepoint;
+ utf8::upgrade($glyph); # prevent latin1 output
+ my $desc = $mnem . ($name && " ($name)");
+ my @class = ('X', grep {$_} $prop, $script);
- my @class = 'any';
+ $glyph = EscapeHTML($glyph);
+ $glyph = "<span>$glyph</span>" if $prop eq 'Zs';
- printf '<td class="%s" title="%s">%s',
- join(' ', @class), quote($mnem), quote($glyph);
+ printf "\n".'<td class="%s" title="%s">%s',
+ join(' ', @class), EscapeHTML($desc), $glyph;
+ }
+ print "\n<th>", EscapeHTML($c1), "\n";
}
- print "\n";
}
print "</table>\n";
+:>
+<div class="legend">
+ <table class="glyphs"><tr>
+ <td class="X Cc">control
+ <td class="X Zs"><span>spacing</span>
+ <td class="X Mn">modifier
+ <td class="X Sk">spacing modifier
+ <td class="X Pf">quote
+ <td class="X Po">punctuation
+ <td class="X So">symbol
+ <td class="X Sm">math
+ <td class="X Sc">currency
+ <td class="X No">numeric
+ <td class="X Greek">greek
+ <td class="X Cyrillic">cyrillic
+ <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 class="glyphs"><tr>
+ <td class="X">unicode
+ <td class="X Xl">latin1
+ <td class="X Xa">ascii
+ <td class="X Xz">proposed
+ </table>
+</div>