-<:
-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;
- width: 1.6em;
-}
-small {
- font-size: 50%;
- display: block;
-}
-small.digraph {
- background: #888;
- color: #FFF;
-}
-small.value {
- background: #CCC;
- color: #666;
-}
+<(common.inc.plp)><:
+
+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 mono circus red'],
+ data => [qw'digraphs.inc.pl'],
+});
-td.empty {
- background: #DDD;
-}
-td.reserved {
- background: #BBB;
-}
-</style>
-</head>
+:>
+<h1>Common Unicode</h1>
-<body>
-<h1>Common Digraphs</h1>
+<p>
+Glyphs are followed by
+<a href="/digraphs">digraph</a> or <a href="/charset">code point</a>,
+i^k or i^vu respectively in <a href="/vi">Vim</a>.
+</p>
-<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->{$_} }
- keys %$diinfo;
+use Shiar_Sheet::FormatChar;
+my $glyphs = Shiar_Sheet::FormatChar->new;
-sub quote {
- local $_ = shift;
- s/"/"/g;
- s/</</g;
- s/>/>/g;
- return $_;
+if (exists $get{di}) {
+ $glyphs->{digraph} = defined $get{di} ? ! !$get{di} : 1;
+ $glyphs->{unicode} = 1;
}
-
-sub table {
- my ($width, $digraphs, $rowheads, $colheads) = @_;
-
- my @rows;
-
- my $colspan = 1;
- for my $cell (@$digraphs) {
- my $class;
- if ($cell eq '.') {
- push @rows, '';
- $rows[-1] .= '<th>'.(shift @$rowheads || ' ') if $rowheads;
- next;
- }
- elsif ($cell eq '>') {
- $colspan++;
- next;
- }
- elsif ($cell =~ s/^-//) {
- $class = 'empty';
- }
- elsif ($cell eq '=') {
- $class = 'reserved';
- $cell = '';
- }
-
- my $code = join '', map { $di{ord $_} || '' } split //, $cell;
- my $name = $diinfo->{$code}->[1];
-
- $rows[-1] .= sprintf('<td%s%s%s>%s%s',
- defined $name ? qq{ title="$name"} : '',
- defined $class ? qq{ class="$class"} : '',
- $colspan > 1 && qq{ colspan="$colspan"},
- $cell eq '' ? ' ' : quote($cell),
- $code ne '' ? sprintf(' <small class="digraph">%s</small>', quote($code))
- : length($cell) == 1 && $cell !~ /[a-z]/
- ? sprintf(' <small class="%s">%04X</small>', 'value', ord $cell)
- : '',
- );
-
- $colspan = 1;
- }
-
- if ($colheads) {
- unshift @rows, sprintf '<thead><tr><td>%s<tbody>', join '',
- map { sprintf '<th title="%2$s">%s', split(/:/, $_, 2) }
- @$colheads
- }
-
- return sprintf "<table>\n%s</table>\n", join '', map {"<tr>$_\n"} @rows;
+if (exists $get{q}) {
+ $glyphs->{unicode} = -1;
+ $glyphs->{digraph}--;
}
-print "<h2>Common</h2>\n\n";
-print table(@$_) for (
- [ 3 => [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚}]],
- [ 3 => [qw{. † ‡ • . § ¶ # . © ® ™ . − × ÷ . ± ² √}]],
- [ 3 => [qw{. å ä ö ü ß . Å æ ø ű ſ}]],
- [ 3 => [qw{. ¿ ç ñ é ê è}]],
-);
-
-print "<h2>Arrows</h2>\n\n";
-print table(@$_) for (
- [ 4 => [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}]],
- [ 4 => [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇘ ⇓ ⇙ -}]],
- [ 3 => [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢}]],
- [ 3 => [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿}]],
-);
-
-print "<h2>Line drawing</h2>\n\n";
-print table(@$_) for (
- [ 4 => [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}]],
- [ 4 => [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}]],
- [ 3 => [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}]],
- [ 3 => [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}]],
- [ 4 => [qw{
+our $verbose = exists $get{v};
+
+$glyphs->print(
+ 'Popular',
+ [qw{. « » . ‹ › . ‘ ’ . “ ” . „ ‚ . ‟ ‛}],
+ [qw{. † ‡ • . § ¶ # . © ® ™ . ° ′ ″ . − × ÷ . ± ² √}],
+ [qw{. ⚋ ⚊ . ⚐ ⚑ . ☺ ☹ . ✓ ✗ . ✔ ✘ }, $verbose ? () : qw{. ◄ ►}],
+ [qw{. å ä ö ü ß . ā æ ø ű ſ}],
+ [qw{
+ . á è õ û ç . ą ı ơ ů þ
+ }],
+ $verbose ? [qw{
+ .>Englisc æ ð ē ȝ œ þ ƿ
+ .>Sámi á č đ ŋ š ŧ ž
+ .>Slavic ą ě ł ů ź ż ž
+ .>Türkçe ç ğ ı İ ö ş ü
+ .>Esperanto ĉ ĝ ĥ ĵ ŝ ŭ
+ }] : (),
+ [qw{. α β}],
+ [qw{. ¿ … 〃 ‐ – . ‽ · ※ ‒ — }],
+
+ 'Symbols',
+ [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ฿ ₫ ₭ ₦ ₱ ₮ ₩ ₪}],
+ [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}],
+ [qw{. ☮ ☯ ☻ ♪ ♲ ♿ }],
+ [qw{. ✂ ✉ ℻ ☎ ☏}, $verbose ? qw{. 🔞 🔾 🔰 🔮 🕀 } : ()], # communication
+ [qw{. ✊ ✋ ✌ }, $verbose ? qw{. 🖹 🐜 👼 } : ()], # 3-way (RockPaperScissors, TerranProtossZerg)
+ [qw{. ⚠ ☡ ☠}],
+ 'Signs',
+ [qw{. ☉ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}], # solar
+ [qw{
+ . ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
+ }, !$verbose ? () : qw{
+ . 寅 卯 辰 巳 午 未 申 酉 戌 亥 子 丑
+ . 虎 兔 龍 蛇 馬 羊 猴 雞 狗 豬 鼠 牛
+ . 🐅 🐇 🐉 🐍 🐎 🐐 🐒 🐓 🐕 🐖 🐀 🐂
+ }], # zodiac
+
+ 'Key commands',
+ [qw{. ⇥ ⇤ . ␣ ⌫ }], # common spacing
+ [qw{. ⎀ ⇱ ⇞ . ⌦ ⇲ ⇟ }], # edit block
+ [qw{. ⇪ ⇯ ⇭ . ⇧ ⇮ № }], # modifier
+ [qw{. ⎈ ⌥ ⌘ ⎄ }], [qw{. ↵ ⎋ ⎉ ⎊ }], # command
+$verbose ? (
+ [qw{. ► ⏩ ⏭ ◼ ⚫ . ◄ ⏪ ⏮ ⏏ -❚❚ }], # player ui
+) : (),
+
+ 'Arrows',
+ [qw{. ↖ ↑ ↗ ↔ . ← - → ↕ . ↙ ↓ ↘ -}],
+ [qw{. ⇖ ⇑ ⇗ ⇔ . ⇐ - ⇒ ⇕ . ⇙ ⇓ ⇘ -}],
+ [qw{. ⬁ ⇧ ⬀ ⬄ . ⇦ - ⇨ ⇳ . ⬃ ⇩ ⬂ -}],
+ [qw{. ⬉ ⬆ ⬈ ⬌ . ⬅ - ➡ ⬍ . ⬋ ⬇ ⬊ -}],
+ [qw{. ◩ ⬒ ⬔ . ◧ □ ◨ . ⬕ ⬓ ◪ }],
+ [qw{. ◤ ▲ ◥ . ◀ ◆ ▶ . ◣ ▼ ◢ }],
+ [qw{. ◸ △ ◹ . ◁ ◇ ▷ . ◺ ▽ ◿ }],
+$verbose ? (
+ [qw{. . - . }],
+ [qw{. . - . }],
+) : (),
+
+ 'Line drawing',
+ [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }],
+ [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }],
+ [qw{. ╓ ╥ ╖ . ╟ ╫ ╢ . ╙ ╨ ╜ }],
+ [qw{. ┌ ┬ ┐ . ├ ┼ ┤ . └ ┴ ┘}],
+ [qw{. ┏ ┳ ┓ . ┣ ╋ ┫ . ┗ ┻ ┛}],
+ [qw{. ┍ ┯ ┑ . ┝ ┿ ┥ . ┕ ┷ ┙}],
+ [qw{. ┎ ┰ ┒ . ┠ ╂ ┨ . ┖ ┸ ┚}],
+ [qw{
. ╴ ─ ╌ ┄ ┈ ╶ ╾
. ╸ ━ ╍ ┅ ┉ ╺ ╼
. ╵ │ ╎ ┆ ┊ ╷ ╿
. ╹ ┃ ╏ ┇ ┋ ╻ ╽
- }]],
- [ 1 => [qw{. ╱ ╳ ╲ }]],
- [ 4 => [qw{. ╔ ╦ ╗ ═ . ╠ ╬ ╣ ║ . ╚ ╩ ╝ - }]],
- [ 3 => [qw{. ╒ ╤ ╕ . ╞ ╪ ╡ . ╘ ╧ ╛ }]],
- [ 3 => [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:coarticulated .>sç ɕ .>zʝ ʑ .>ʃx ɧ .>jʷ ɥ .>hw̥ ʍ .>ɰʷ 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 ヷ ヸ ヴ ヹ ヺ
+ }],
+) : (),
);
-print "<h2>Signs</h2>\n\n";
-print table(@$_) for (
- [ 3 => [qw{. ▘ ▀ ▝ . ▌ █ ▐ . ▖ ▄ ▗ . ░ ▒ ▓}]],
- [ 3 => [qw{. □ ▣ ■ . ▤ ▦ ▥ . ▧ ▩ ▨}]],
- [ 4 => [qw{. ♠ ♡ ♢ ♣ . ♤ ♥ ♦ ♧}]],
- [ 5 => [qw{. ☼ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇}]], # solar
-# [12 => [qw{. ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓}]], # zodiac
- [ 8 => [qw{. ¤ ¢ ₥ € £ ₨ $ ¥ . ₫ ₭ ₦ ₱ ₧ ₮ ₩ ₪}]],
-);
+:></div>
-print "<h2>IPA</h2>\n\n";
-print table(@$_) for (
- [
- 12 => [qw{
- . p p̪ > > t ʈ c k q = ʡ ʔ
- . b 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}]
- ],
-);
+<div class="legend">
+ <table class="glyphs"><tr>
+ <td class="X l4">ascii
+ <td class="X l3"><:= $glyphs->{digraph} ? 'digraph' : 'latin1' :>
+ <td class="X l2"><:= $glyphs->{digraph} ? 'proposed' : 'BMP' :>
+ <td class="X l1">other unicode
+ <td class="X ex">discouraged
+ </table>
+</div>
+
+<script type="text/javascript" src="/clipboard.js"></script>
-print "<h2>Japanese</h2>\n\n";
-print table(@$_) for (
- [
- 1 => [qw{
- . あ い う え お =
- . か き く け こ =
- . さ し す せ そ =
- . た ち つ て と =
- . な に ぬ ね の ん
- . は ひ ふ へ ほ =
- . ま み む め も =
- . や = ゆ = よ =
- . ら り る れ ろ =
- . わ ゐ = ゑ を =
- }],
- ['', qw{K S T N H M Y R W}],
- [qw{A I U E O}, ''],
- ],
- [
- 1 => [qw{
- . が ぎ ぐ げ ご
- . ざ じ ず ぜ ぞ
- . だ ぢ づ で ど
- . ば び ぶ べ ぼ
- . ぱ ぴ ぷ ぺ ぽ
- }],
- [qw{G Z D B P}],
- [qw{A I U E O}],
- ],
- [
- 1 => [qw{
- . ア イ ウ エ オ ー
- . カ キ ク ケ コ =
- . サ シ ス セ ソ =
- . タ チ ツ テ ト =
- . ナ ニ ヌ ネ ノ ン
- . ハ ヒ フ ヘ ホ =
- . マ ミ ム メ モ =
- . ヤ - ユ - ヨ =
- . ラ リ ル レ ロ =
- . ワ ヰ - ヱ ヲ =
- }],
- ['', qw{K S T N H M Y R W}],
- [qw{A I U E O}, ''],
- ],
- [
- 1 => [qw{
- . ガ ギ グ ゲ ゴ
- . ザ ジ ズ ゼ ゾ
- . ダ ヂ ヅ デ ド
- . バ ビ ブ ベ ボ
- . パ ピ プ ペ ポ
- . ヷ ヸ ヴ ヹ ヺ
- }],
- [qw{G Z D B P V}],
- [qw{A I U E O}],
- ],
-);