6 sprintf('<small style="line-height:2ex">%s</small> ',
8 join "<br>\n", '•' x $2, '•' x $3,
13 my %C = qw(red #EC1C24 blue #3953A3 yellow #F9EC31 black #231F20);
16 'Uppercase' => [qw{ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z }],
17 'Lowercase' => [qw{ a b c d e f g h i j k l m n o p q r s t u v w x y z }],
18 'Sütterlin' => [qw{ a b c d e f g h i j k l m n o p q r ſ s t u v w x y z }],
19 '<abbr title="American Sign Lanugage">ASL</abbr>' => [
20 # American manual alphabet in Sutton (U+1D800+) notation
21 map { pack 'W*', map { hex "1D$_" } unpack '(A3)*', $_ } qw{
22 8F7a9c 847a9c 86Da9c 801a9c 84Aa9c
23 8CEa9c 8F0 815aa2 892a9c 892a9c9A2aac
25 819a9c 876a9c 840a9caA1 8F0a9caA1 81Aa9c
26 903a9c 8FBa9c 815a9c 80Ea9c 887a9c
27 806a9c 89Aa9c 800a9c945aaa
29 'Braille' => [qw{ ⠁ ⠃ ⠉ ⠙ ⠑ ⠋ ⠛ ⠓ ⠊ ⠚ ⠅ ⠇ ⠍ ⠝ ⠕ ⠏ ⠟ ⠗ ⠎ ⠞ ⠥ ⠧ ⠺ ⠭ ⠽ ⠵ }],
30 'Morse' => [map {tr/.-/‧‑/r} qw{
31 .- -... -.-. -.. . ..-. --. .... .. .--- -.- .-.. --
32 -. --- .--. --.- .-. ... - ..- ...- .-- -..- -.-- --..
34 'Tap code' => [disptap(qw{
35 11 12 13 14 15 21 22 23 24 -24 25 31 32
36 33 34 35 41 42 43 44 45 51 52 53 54 55
38 'Tap simplified' => [disptap(qw{
39 11 12 13 14 21 22 23 24 31 -31 -13 32 33
40 34 41 42 -13 43 44 15 51 52 53 -25 -31 54
43 # International Code of Signals, SVG fills
44 map { '<svg width="20" height="20" viewBox="0 0 30 30">'.$_.'</svg>' }
46 <path fill="$C{blue}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
47 <path fill="white" d="M0,0 h15 v30 h-15"/>
49 <path fill="$C{red}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
51 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
52 <path fill="white" d="M0,6 h30 v18 h-30" />
53 <path fill="$C{red}" d="M0,12 h30 v6 h-30" />
55 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
56 <path fill="$C{blue}" d="M0,6 h30 v18 h-30"/>
58 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
59 <path fill="$C{blue}" d="M0,0 h30 v15 h-30"/>
61 <path fill="white" d="M0,0 h30v30 h-30z"/>
62 <path fill="$C{red}" d="M15,0 l15,15 -15,15 -15,-15"/>
64 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
65 <path fill="$C{yellow}" d="M 0,0 h5 v30 h-5"/>
66 <path fill="$C{yellow}" d="M10,0 h5 v30 h-5"/>
67 <path fill="$C{yellow}" d="M20,0 h5 v30 h-5"/>
69 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
70 <path fill="white" d="M0,0 h15 v30 h-15"/>
72 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
73 <circle fill="black" r="7.5" cx="15" cy="15"/>
75 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
76 <path fill="white" d="M0,10 h30 v10 h-30"/>
78 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
79 <path fill="$C{yellow}" d="M0,0 h15 v30 h-15"/>
81 <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
82 <path fill="$C{yellow}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
84 <path fill="white" d="M0,0 h30v30 h-30z"/>
85 <path fill="$C{blue}" d="M4,0h22l-11,11 M4,30h22l-11,-11 M0,4v22l11,-11 M30,4v22l-11,-11"/>
86 <!--path fill="$C{blue}" d="M3,0h24l-12,12 M3,30h24l-12,-12 M0,3v24l12,-12 M30,3v24l-12,-12"/-->
88 <path fill="white" d="M0,0 h30v30 h-30z"/>
89 <path fill="$C{blue}" d="
90 M0,0 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
91 m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
92 m7.5,-30 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
93 m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
96 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
97 <path fill="$C{red}" d="M0,0 h30 v30"/>
99 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
100 <path fill="white" d="M10,10 h10 v10 h-10"/>
102 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
104 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
105 <path fill="$C{yellow}" d="M12.5,0 v30 h5 v-30"/>
106 <path fill="$C{yellow}" d="M0,12.5 h30 v5 h-30"/>
108 <path fill="white" d="M0,0 h30v30 h-30z"/>
109 <path fill="$C{blue}" d="M10,10 h10 v10 h-10"/>
111 <path fill="white" d="M0,0 h30v30 h-30z"/>
112 <path fill="$C{red}" d="M0,0 h10 v30 h-10"/>
113 <path fill="$C{blue}" d="M20,0 h10 v30 h-10"/>
115 <path fill="white" d="M0,0 h30v30 h-30z"/>
116 <path fill="$C{red}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
118 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
119 <path fill="white" d="M4,0h22l-11,11 M4,30h22l-11,-11 M0,4v22l11,-11 M30,4v22l-11,-11"/>
121 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
122 <path fill="white" d="M5,5 h20 v20 h-20"/>
123 <path fill="$C{red}" d="M10,10 h10 v10 h-10"/>
125 <path fill="white" d="M0,0 h30v30 h-30z"/>
126 <path fill="$C{blue}" d="M12.5,0 v30 h5 v-30"/>
127 <path fill="$C{blue}" d="M0,12.5 h30 v5 h-30"/>
129 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
130 <path fill="$C{yellow}" d="M0,0h6l-6,6 M12,0h6l-18,18v-6 M24,0h6l-30,30v-6
131 M30,6v6l-18,18h-6 M30,18v6l-6,6h-6"/>
133 <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
134 <path fill="$C{blue}" d="M30,0 v31 l-15,-15"/>
135 <path fill="$C{yellow}" d="M0,0 h31 l-15,15"/>
136 <path fill="$C{red}" d="M0,30 h31 l-15,-15"/>
139 'Flag semaphore' => [
142 s/[1-4]\K(?=[4-9])/ /;
144 s{(.)(?=.)}{<span style="position:absolute">$1</span>}
145 or s/^/<span>/ and $_ .= '</span>';
149 1 2 3 4 5 6 7 21 31 46 14 15 16 17 23
150 24 25 26 27 34 35 47 56 57 36 67
153 'Chappe semaphore' => [
155 my ($r, $pr, $pl) = split //, $_;
158 '<svg width="20" height="20" viewBox="0 0 10 15">',
159 '<path stroke="black" d="M5,6 v7"/>',
160 '<path stroke="black" fill="none" d="M0,%s h10 %s" transform="rotate(%d 5 6)"/>',
163 ['6', '3v3', '9v-3']->[$pl],
164 [ '', 'v3', 'v-3']->[$pr],
168 # 360° rotation (0-7) and position state (0-2) of left and right bars
170 021 121 221 321 421 521 621 721
171 022 022 122 222 322 011 111 211 311
172 001 101 201 301 401 501 601 701 020
175 'Prussian semaphore' => [
176 map { !$_ ? '-' : sprintf
178 '<svg width="20" height="20" viewBox="0 0 8 18">',
179 '<path stroke="black" d="M4,1 v18"/>',
181 qq(<path stroke="black" d="M0 $_ h4" transform="rotate(%d 4 $_)"/>),
182 qq(<path stroke="black" d="M4 $_ h4" transform="rotate(-%d 4 $_)"/>),
186 map { ($_ - 2) * 45 % 360 } split //, $_
188 # rotation state (0-3) for left and right bar of 3 rows
190 003000 000200 203300 000030 033030 000130 000330 032330 031330 031330
191 022020 130120 001320 233010 030210 022310 203001 233001
192 131001 231301 000202 023302 230003 032003 201003 101003
197 map { tr/012/ ❘❙/r } qw(
198 211012 121012 221011 112012 212011 122011 111022 211021 121021 112021
199 211102 121102 221101 112102 212101 122101 111202 211201 121201 112201
200 201112 102112 202111 101212 201211 102211
203 '<abbr title="Royal Mail 4-State Customer Code">RM4SCC</abbr>' => [
205 '<svg width="20" height="20" viewBox="0 0 8 6">'
206 . '<path stroke="black" d="M1%s"/></svg>',
208 map { sprintf ',%dv%dm0,-%d',
209 ($_ & 1 ? 0 : 2), 2 + ($_ & 2) + ($_ & 1) * 2,
210 ($_ & 1 ? 0 : 2) + 2 + ($_ & 2) + ($_ & 1) * 2,
216 0132 0312 0330 2112 2130 2310
217 1023 1203 1221 3003 3021 3201
218 1032 1212 1230 3012 3030 3210
219 1122 1302 1320 3102 3120 3300
222 'Pigpen' => [qw( ᒧ ᑌ ᒪ ᑐ □ ᑕ ᒣ ᑎ ᒥ ᒲ ᕫ ᒷ ᕭ 🞔 ᕮ ᒬ ᕬ ᒯ ᐯ ᐳ ᐸ ᐱ ᐁ ᐅ ᐊ ᐃ )],
223 'Wingdings' => [qw{ ✌ 👌 👍 👎 ☜ ☞ ☝ ☟ ✋ ☺ 😐 ☹ 💣 ☠ ⚐ 🏱 ✈ ☼ 💧 ❄ 🕆 ✞ 🕈 ✠ ✡ ☪ }],
225 # Colour Alphabet by Paul Green-Armytage (2010)
226 map { sprintf '<span style="background:#%s" title="%s">%s</span>', split(/:/, $_), chr(8195) }
228 F0A3FF:Amethyst 0075DC:Blue 993F00:Caramel 4C005C:Damson 191919:Ebony
229 005C31:Forest 2BCE48:Green FFCC99:Honeydew 808080:Iron 94FFB5:Jade
230 8F7C00:Khaki 9DCC00:Lime C20088:Mallow
231 003380:Navy FFA405:Orpiment FFA8BB:Pink 426600:Quagmire FF0010:Red
232 5EF1F2:Sky 00998F:Turquoise E0FF66:Uranium 740AFF:Violet 990000:Wine
233 FFFF80:Xanthin FFFF00:Yellow FF5005:Zinnia