<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>
-<h1>Common Digraphs</h1>
+<h1>Common uncommon Unicode</h1>
<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->{$_} }
return $_;
}
-sub table {
- my ($width, $digraphs, $rowheads, $colheads) = @_;
+sub glyph_table {
+ my ($digraphs, $rowheads, $colheads) = @_;
my @rows;
@$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 ɳ ɲ ŋ ɴ = = =
],
],
[
- 6 => [qw{
+ [qw{
. i y ɨ ʉ ɯ u
. - ɪ ʏ - ʊ -
. e ø ɘ ɵ ɤ o
[map {substr($_, 0, 1).':'.$_, substr($_, 0, 1)." r:$_ rounded"} qw{Front Central Back}]
],
);
+print "</div>\n\n";
+
+print "<div>\n", "<h2>Alphabetics</h2>\n\n";
+print glyph_table(
+ [ map { ('.', split //, $_->[1]) } @$_ ],
+ [ map { $_->[0] } @$_ ],
+) for [
+ [Latin => 'aīıęôɳŋṡšđðƷ'],
+ [Cyrillic => 'аійэёнњшщчьЯ'],
+ [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{
. あ い う え お =
. か き く け こ =
. さ し す せ そ =
[qw{A I U E O}, ''],
],
[
- 1 => [qw{
+ [qw{
. が ぎ ぐ げ ご
. ざ じ ず ぜ ぞ
. だ ぢ づ で ど
[qw{A I U E O}],
],
[
- 1 => [qw{
+ [qw{
. ア イ ウ エ オ ー
. カ キ ク ケ コ =
. サ シ ス セ ソ =
[qw{A I U E O}, ''],
],
[
- 1 => [qw{
+ [qw{
. ガ ギ グ ゲ ゴ
. ザ ジ ズ ゼ ゾ
. ダ ヂ ヅ デ ド
[qw{A I U E O}],
],
);
+print "</div>\n\n";
+
+:></div>
+
+<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 •
+ <a title="Licensed under the GNU Affero General Public License, version 3"
+ href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPLv3</a> •
+ last update <:
+ use Time::Format qw(time_format);
+ print time_format('yyyy-mm-dd', (stat $ENV{SCRIPT_FILENAME})[9]);
+ :>
+</p>
+
+</html>