-<:
-use utf8;
-use strict;
-use warnings;
-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">
-<style>
-table {
- margin: 1ex 1ex 2ex;
- float: left;
- table-layout: auto;
-}
-thead td {
- width: auto;
-}
-tbody {
- border-width: 0;
-}
-h2, h3 {
- clear: both;
-}
-
-th {
- text-align: left;
- font-size: 50%;
- background: #888;
- color: #FFF;
- padding: 0 0.2em;
-}
-thead td {
- border: 0;
-}
-
-td {
- background: transparent;
- vertical-align: top;
- margin: 0;
- padding: 0;
-}
-small {
- font-size: 50%;
- display: block;
- width: 3.2em;
- background: #888;
- color: #FFF;
-}
+<(common.inc.plp)><:
-td.empty {
- background: #DDD;
-}
-td.reserved {
- background: #BBB;
-}
-</style>
-</head>
+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'],
+});
-<body>
-<h1>Common Digraphs</h1>
+:>
+<h1>Common Unicode</h1>
-<p>i^k in <a href="/">Vim</a>.
+<p>i^k in <a href="/vi">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->{$_} }
- keys %$diinfo;
-
-sub quote {
- local $_ = shift;
- s/"/"/g;
- s/</</g;
- s/>/>/g;
- return $_;
-}
+ sort { length $a <=> length $b } keys %$diinfo;
-sub table {
- my ($width, $digraphs, $rowheads, $colheads) = @_;
-
- my @cells;
- push @cells, sprintf '<td title="%s"%s>%s%s',
- $di{ord $_} && $diinfo->{$di{ord $_}}->[1],
- $_ eq '-' ? ' class="empty"' : $_ eq '=' ? ' class="reserved"' : '',
- $_ eq '-' || $_ eq '=' ? ' ' : quote($_),
- $di{ord $_} && sprintf(' <small>%s</small>', $di{ord $_})
- for @$digraphs;
-
- if ($rowheads) {
- splice @cells, $_ * $width, 0, '<th>'.($rowheads->[$_] || ' ')
- for reverse 0 .. $#cells / $width;
- $width++;
- }
+sub glyph_table {
+ my ($digraphs) = @_;
my @rows;
- push @rows, sprintf '<tr>%s', join '', splice @cells, 0, $width, ()
- while @cells;
- if ($colheads) {
- unshift @rows, sprintf '<thead><tr><td>%s<tbody>', join '',
- map { sprintf '<th title="%2$s">%s', split(/:/, $colheads->[$_], 2) }
- 0 .. $width-2;
+ my @colheads;
+ while ($digraphs->[0] !~ /^\./) {
+ my $cell = shift @$digraphs or last;
+ push @colheads, sprintf(
+ '<%s%s>%s',
+ $cell =~ s/^-// ? 'td' : 'th',
+ $cell =~ s/:(.*)// ? qq{ title="$1"} : '',
+ $cell eq '_' ? ' ' : $cell
+ );
+ }
+ push @rows, sprintf '<thead><tr>%s<tbody>', join '', @colheads if @colheads;
+
+ my $colspan = 1;
+ for my $cell (@$digraphs) {
+ if ($cell =~ s/^\.//) {
+ # dot indicates start of a new row
+ push @rows, '';
+ if ($cell =~ s/^>//) {
+ # header cell text follows
+ $cell =~ s/_/ /g; # underscores may be used instead of whitespace (for qw//ability)
+ $rows[-1] .= '<th>'.($cell || ' ');
+ }
+ next;
+ }
+ elsif ($cell eq '>') {
+ # merge this cell to the next column
+ $colspan++;
+ next;
+ }
+
+ my ($code, $name);
+
+ # determine display class
+ my @class;
+ if ($cell eq '-') {
+ $cell = '';
+ }
+ elsif ($cell eq '=') {
+ push @class, 'di-invalid';
+ $cell = '';
+ }
+ else {
+ push @class, 'X';
+
+ if ($cell =~ s/^-//) {
+ push @class, 'di-rare'; # discouraged
+ }
+
+ $code = join '', map { $di{ord $_} || '' } split //, $cell;
+ $name = $diinfo->{$code}->[1];
+ length $code == 2 or undef $code;
+
+ if (defined $code) {
+ push @class, 'di-d'; # digraph
+ push @class, 'di-prop' # unofficial
+ if $diinfo->{$code}->[2] =~ /\bXz\b/;
+ }
+
+ if ($cell =~ /[ -~]/) {
+ push @class, 'di-a'; # ascii
+ }
+ else {
+ push @class, 'di-b'; # basic unicode
+ }
+ }
+
+ # add cell html
+ $rows[-1] .= sprintf('<td%s%s%s>%s%s',
+ defined $name ? qq{ title="$name"} : '',
+ @class ? sprintf(' class="%s"', join ' ', @class) : '',
+ $colspan > 1 && qq{ colspan="$colspan"},
+ $cell eq '' ? ' ' : EscapeHTML($cell),
+ defined $code ? sprintf(' <small class="digraph">%s</small>', EscapeHTML($code))
+ : length($cell) == 1 && $cell !~ /[a-z]/
+ ? sprintf(' <small class="%s">%04X</small>', 'value', ord $cell)
+ : '',
+ );
+
+ $colspan = 1;
}
- return sprintf "<table>%s</table>\n", join '', @rows;
+ return sprintf qq{<table class="glyphs dilabel">\n%s</table>\n},
+ join '', map {"<tr>$_\n"} @rows;
}
-print "<h2>Arrows</h2>\n\n";
-print table(@$_) for (
- [ 4 => [qw{↖ ↑ ↗ ↔ ← - → ↕ ↙ ↓ ↘ -}]],
- [ 4 => [qw{⇖ ⇑ ⇗ ⇔ ⇐ - ⇒ ⇕ ⇘ ⇓ ⇙ -}]],
- [ 3 => [qw{◤ ▲ ◥ ◀ ◆ ▶ ◣ ▼ ◢}]],
- [ 3 => [qw{◸ △ ◹ ◁ ◇ ▷ ◺ ▽ ◿}]],
-);
+sub print_glyph_tables {
+ while (@_) {
+ printf '<div class="section"><h2>%s</h2>'."\n\n", shift;
+ while (ref $_[0] and $_ = shift) {
+ print glyph_table($_);
+ }
+ print '</div>';
+ }
+}
-print "<h2>Line drawing</h2>\n\n";
-print table(@$_) for (
- [ 4 => [qw{┌ ┬ ┐ ─ ├ ┼ ┤ │ └ ┴ ┘ -}]],
- [ 4 => [qw{┏ ┳ ┓ ━ ┣ ╋ ┫ ┃ ┗ ┻ ┛ -}]],
- [ 3 => [qw{┍ ┯ ┑ ┝ ┿ ┥ ┕ ┷ ┙}]],
- [ 3 => [qw{┎ ┰ ┒ ┠ ╂ ┨ ┖ ┸ ┚}]],
-# [ 4 => [qw{╔ ╦ ╗ ═ ╠ ╬ ╣ ║ ╚ ╩ ╝ -}]],
-# [ 3 => [qw{╒ ╤ ╕ ╞ ╪ ╡ ╘ ╧ ╛}]],
-# [ 3 => [qw{╓ ╥ ╖ ╟ ╫ ╢ ╙ ╨ ╜}]],
-);
+our $verbose = exists $get{v};
-print "<h2>Signs</h2>\n\n";
-print table(@$_) for (
- [ 3 => [qw{▘ ▀ ▝ ▌ █ ▐ ▖ ▄ ▗ ░ ▒ ▓}]],
- [ 3 => [qw{□ ▣ ■ ▤ ▦ ▥ ▧ ▩ ▨}]],
- [ 4 => [qw{♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧}]],
- [10 => [qw{☼ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]], # solar
-# [12 => [qw{♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]], # zodiac
- [ 8 => [qw{¤ ¢ ₥ € £ ₨ $ ¥ ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
-);
+print_glyph_tables(
+ 'Popular',
+ [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚ . ‟ ‛}],
+ [qw{. † ‡ • . § ¶ # . © ® ™ . ° ′ ″ . − × ÷ . ± ² √}],
+ [qw{. ⚋ ⚊ . ⚐ ⚑ . ☺ ☹ . ✓ ✗ . ✔ ✘ }],
+ [qw{. å ä ö ü ß . ā æ ø ű ſ}],
+ [qw{. ¿ ç ñ é ê è}],
+ [qw{. α β}], [qw{. א}],
-print "<h2>IPA</h2>\n\n";
-print table(@$_) for (
- [
- 12 => [qw{
- p t - ʈ - c k q - = ʡ ʔ
- 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}]
- ],
+ 'Symbols',
+ [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}],
+ [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}],
+ [qw{. ☮ ☯ ☻ ♪ ♲ ♿ }],
+ [qw{. ✂ ✉ ☎ }], [qw{. ⚠ ☡ ☠}],
+ 'Signs',
+ [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}], # solar
+ [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}], # zodiac
+
+ 'Key commands',
+ [qw{. ⇥ ⇤ . ␣ ⌫ }], # common spacing
+ [qw{. ⎀ ⇱ ⇞ . ⌦ ⇲ ⇟ }], # edit block
+ [qw{. ⇪ ⇯ ⇭ . ⇧ ⇮ № }], # modifier
+ [qw{. ⎈ ⌥ ⌘ ⎄ }], [qw{. ↵ ⎋ ⎉ ⎊ }], # command
+ [qw{. ► ⏩ ⏭ ◼ ⚫ . ◄ ⏪ ⏮ ⏏ -❚❚ }], # player ui
+
+ 'Arrows',
+ [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}],
+ [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇙ ⇓ ⇘ -}],
+ [qw{. ⬁ ⇧ ⬀ ⬄ . ⇦ - ⇨ ⇳ . ⬃ ⇩ ⬂ -}],
+ [qw{. ⬉ ⬆ ⬈ ⬌ . ⬅ - ➡ ⬍ . ⬋ ⬇ ⬊ -}],
+ [qw{. ◩ ⬒ ⬔ . ◧ □ ◨ . ⬕ ⬓ ◪ }],
+ [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢ }],
+ [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿ }],
+$verbose ? (
+ [qw{. . - . }],
+ [qw{. . - . }],
+) : (),
+
+ 'Line drawing',
+ [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }],
+ [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }],
+ [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }],
+ [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}],
+ [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}],
+ [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}],
+ [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}],
+ [qw{
+ . ╴ ─ ╌ ┄ ┈ ╶ ╾
+ . ╸ ━ ╍ ┅ ┉ ╺ ╼
+ . ╵ │ ╎ ┆ ┊ ╷ ╿
+ . ╹ ┃ ╏ ┇ ┋ ╻ ╽
+ }],
+ [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 . ɕ . ʑ . ɧ . ɥ . ʍ . 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 ヷ ヸ ヴ ヹ ヺ
+ }],
+) : (),
);
+:></div>
+
+<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>
+
git.shiar.nl / sheet.git / blobdiff