latin: left-align samples; flag margins
[sheet.git] / writing-latn.inc.pl
1 use utf8;
2 use List::Util qw( pairs );
3
4 sub disptap {
5         return map {
6                 !m/\A(-?)(\d)(\d)/ ? $_ :
7                 $1.join(' ',
8                         '·' x $2, '·' x $3,
9                 );
10         } @_;
11 }
12
13 my %C = qw(red #EC1C24  blue #3953A3  yellow #F9EC31  black #231F20);
14 my $U = 0;  # optional unicode alternatives
15
16 (
17 '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 }],
18 '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 }],
19 '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 }],
20 'Old Roman Cursive' => [
21         map { m/^(-?)(\w.*)/ ? $1.'<svg width="20" height="20" viewBox="0 0 12 20"><path d="'.$2.'"/></svg>' : $_ }
22         "m2,4 c1,2 8,9 8,9 M2,15 6,9",
23         "m2,4 c0,0 3,-2 4,1 1,2 0,9 3,9 1,-0 2,-1 2,-1 m-6,-2 c-5,4 -0,6 1,3",
24         "m4,7 4,-2 m-4,4 c0,0 -2,7 3,6",
25         "m3,2 c0,0 7,10 7,12 m-2,-4 c-5,2 -4,9 1,3",
26         "m3,10 4,0 m2,-7 c0,0 -7,1 -5,16",
27         "m4,11 5,-2 m-3,-4 7,-4 M0,18 c0,0 4,3 5,-3 2,-6 2,-10 2,-10",
28         "m3,6 7,-2 m-7,4 c-2,5 4,9 6,6 l1,3",
29         "m7,9 4,-0 m-8,0 c4,0 6,-1 5,6 M1,3 c2,-0 2,12 2,12",
30         '>', # i = j
31         "m6,8 -0,7",
32         "-m9,5 -5,4 4,4 m-4,-10 -1,13",
33         "m3,2 c0,0 -1,9 1,10 5,2 6,2 6,2",
34         "m0,16 3,-10 4,6 2,-5 5,4",
35         "m2,16 1,-9 5,8 2,-9",
36         "m5,8 c-2,0 -2,6 1,5 4,-2 1,-5 1,-5",
37         "m5,8 c0,0 -1,8 2,6 m-3,-7 5,3",
38         "m3,6 9,12 m-9,-11 c-4,1 -3,4 -3,4 0,0 2,2 6,-1",
39         "m0,6 c3,-1 3,-1 6,0 2,1 3,3 6,1 m-7,-1 -2,11",
40         "m13,3 c0,0 -5,2 -8,4 -2,3 -1,5 -2,9 -1,1 -4,2 -4,2",
41         "m2,7 8,0 m-4,1 c0,0 -1,8 3,5",
42         '>', # u = v
43         "m2,5 c0,0 3,5 6,3 3,-2 2,-3 2,-3",
44         '-',
45         "m3,19 c-1,-6 6,-17 6,-17 M1,8 c0,0 10,1 10,1",
46         "-m0,7 c2,-3 5,-2 5,1 l0,11 c0,0 -0,-4 -0,-10 -0,-4 4,-4 6,-3",
47         "-m3,6 c4,-1 3,3 3,3 -1,3 -2,5 -1,5 1,1 3,0 3,0",
48 ],
49 'Sutton <abbr title="American Sign Lanugage">ASL</abbr>' => [
50         # American manual alphabet in Sutton (U+1D800+) notation
51         map { pack 'W*', map { hex "1D$_" } unpack '(A3)*', $_ } qw{
52         8F7a9c    847a9c    86Da9c    801a9c    84Aa9c
53         8CEa9c    8F0       815aa2    892a9c    892a9c9A2aac
54         840a9c    8DCa9c    88Da9c
55         819a9c    876a9c    840a9caA1 8F0a9caA1 81Aa9c
56         903a9c    8FBa9c    815a9c    80Ea9c    887a9c
57         806a9c    89Aa9c    800a9c945aaa
58 }],
59 '<abbr title="International Telegraph Alphabet">ITA</abbr>2' => [
60         map { tr/01/○●/r =~ s/..\K/ /r } qw(
61         11000 10011 01110 10010 10000 10110 01011 00101 01100 11010 11110 01001 00111
62         00110 00011 01101 11101 01010 10100 00001 11100 01111 11001 10111 10101 10001
63         00100
64 )],
65 'Braille' => [qw{ ⠁ ⠃ ⠉ ⠙ ⠑ ⠋ ⠛ ⠓ ⠊ ⠚ ⠅ ⠇ ⠍ ⠝ ⠕ ⠏ ⠟ ⠗ ⠎ ⠞ ⠥ ⠧ ⠺ ⠭ ⠽ ⠵ }],
66 '5-point Tactile' => [
67         map { '<svg width="9" height="12" viewBox="0 0 18 24">'.$_.'</svg>' }
68         map {
69                 join '', map { sprintf '<circle cx="%d" cy="%d" r="4"/>',
70                         !$_ ?  9 : $_ & 1 ? 4 : 14,
71                         !$_ ? 12 : $_ < 3 ? 4 : 20,
72                 } split //
73         }
74         qw{
75                 4 234 012 14 0 014 023 12
76                 02 024 0134 23 013 03 01 123
77                 0124 13 04 1 34 0123 134 0234
78                 034 124
79         }
80 ],
81 'Morse' => [map {tr/.-/‧‑/r} qw{
82         .- -... -.-. -.. . ..-. --. .... .. .--- -.- .-.. --
83         -. --- .--. --.- .-. ... - ..- ...- .-- -..- -.-- --..
84 }],
85 'Tap code' => [disptap(qw{
86         11 12 13 14 15 21 22 23  > 24 25 31 32
87         33 34 35 41 42 43 44 45 51 52 53 54 55
88 })],
89 'Tap simplified' => [disptap(qw{
90         11 12 13 14 21 22 23 20 > 31 -13 32 33
91         30 41 42 -13 43 40 10 51 52 53 50 -31 -40
92 })],
93 'Cards' => [(
94         map { chr(0x1F0A0 + $_), sprintf('<b>%s</b>', chr(0x1F0B0 + $_)) }  # spades, hearts
95         1 .. 11, 13, 14  # A 2-10 J Q K
96 ), '', chr(0x1F0CF), chr(0x1F0DF) ],
97 'Maritime flags' => [
98         # International Code of Signals, SVG fills
99         map { !!$_ && '<svg width="20" height="20" viewBox="0 0 30 30">'.s/\n?\t+//gr.'</svg>' }
100         split /\n\n/, qq{
101                 <path fill="$C{blue}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
102                 <path fill="white" d="M0,0 h15 v30 h-15"/>
103
104                 <path fill="$C{red}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
105
106                 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
107                 <path fill="white" d="M0,6  h30 v18 h-30" />
108                 <path fill="$C{red}" d="M0,12 h30 v6  h-30" />
109
110                 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
111                 <path fill="$C{blue}" d="M0,6 h30 v18 h-30"/>
112
113                 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
114                 <path fill="$C{blue}" d="M0,0 h30 v15 h-30"/>
115
116                 <path fill="white" d="M0,0 h30v30 h-30z"/>
117                 <path fill="$C{red}" d="M15,0 l15,15 -15,15 -15,-15"/>
118
119                 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
120                 <path fill="$C{yellow}" d="M 0,0 h5 v30 h-5"/>
121                 <path fill="$C{yellow}" d="M10,0 h5 v30 h-5"/>
122                 <path fill="$C{yellow}" d="M20,0 h5 v30 h-5"/>
123
124                 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
125                 <path fill="white" d="M0,0 h15 v30 h-15"/>
126
127                 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
128                 <circle fill="$C{black}" r="7.5" cx="15" cy="15"/>
129
130                 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
131                 <path fill="white" d="M0,10 h30 v10 h-30"/>
132
133                 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
134                 <path fill="$C{yellow}" d="M0,0 h15 v30 h-15"/>
135
136                 <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
137                 <path fill="$C{yellow}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
138
139                 <path fill="white" d="M0,0 h30v30 h-30z"/>
140                 <path fill="$C{blue}" d="M4,0h22l-11,11 M4,30h22l-11,-11 M0,4v22l11,-11 M30,4v22l-11,-11"/>
141
142                 <path fill="white" d="M0,0 h30v30 h-30z"/>
143                 <path fill="$C{blue}" d="
144                         M0,0     h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
145                         m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
146                         m7.5,-30 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
147                         m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
148                 "/>
149
150                 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
151                 <path fill="$C{red}" d="M0,0 h30 v30"/>
152
153                 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
154                 <path fill="white" d="M10,10 h10 v10 h-10"/>
155
156                 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
157
158                 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
159                 <path fill="$C{yellow}" d="M12.5,0 v30 h5 v-30"/>
160                 <path fill="$C{yellow}" d="M0,12.5 h30 v5 h-30"/>
161
162                 <path fill="white" d="M0,0 h30v30 h-30z"/>
163                 <path fill="$C{blue}" d="M10,10 h10 v10 h-10"/>
164
165                 <path fill="white" d="M0,0 h30v30 h-30z"/>
166                 <path fill="$C{red}" d="M0,0 h10 v30 h-10"/>
167                 <path fill="$C{blue}" d="M20,0 h10 v30 h-10"/>
168
169                 <path fill="white" d="M0,0 h30v30 h-30z"/>
170                 <path fill="$C{red}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
171
172                 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
173                 <path fill="white" d="M4,0h22l-11,11 M4,30h22l-11,-11 M0,4v22l11,-11 M30,4v22l-11,-11"/>
174
175                 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
176                 <path fill="white" d="M5,5 h20 v20 h-20"/>
177                 <path fill="$C{red}" d="M10,10 h10 v10 h-10"/>
178
179                 <path fill="white" d="M0,0 h30v30 h-30z"/>
180                 <path fill="$C{blue}" d="M12.5,0 v30 h5 v-30"/>
181                 <path fill="$C{blue}" d="M0,12.5 h30 v5 h-30"/>
182
183                 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
184                 <path fill="$C{yellow}" d="M0,0h6l-6,6 M12,0h6l-18,18v-6 M24,0h6l-30,30v-6
185                         M30,6v6l-18,18h-6 M30,18v6l-6,6h-6"/>
186
187                 <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
188                 <path fill="$C{blue}" d="M30,0 v31 l-15,-15"/>
189                 <path fill="$C{yellow}" d="M0,0  h31 l-15,15"/>
190                 <path fill="$C{red}" d="M0,30 h31 l-15,-15"/>
191
192
193
194                 <path fill="$C{blue}" d="M0,5 30,15 0,25"/>
195                 <path fill="$C{yellow}" d="M0,9 20,15 0,21"/>
196
197                 <path fill="$C{blue}" d="M0,5 30,15 0,25"/>
198                 <path fill="white" d="M15,10 30,15 15,20"/>
199         },
200 ],
201 'Flag semaphore' => [
202         map {
203                 local $_ = $_;
204                 s/[1-4]\K(?=[4-9])/ /; # prevent unwanted vertical crossing
205                 tr/1-9/↙←↖↑↗→↘↓/;
206                 s{(\S)(?=.)}{<span style="position:absolute">$1</span>};
207                 $_
208         }
209         qw(
210                 1 2 3 4 5  6 7 21 31 46  14 51 16 17 23
211                 24 25 26 27 34  35 47 56 57 36  67
212         )
213 ],
214 'Chappe semaphore' => [
215         map {
216                 my ($r, $pr, $pl) = split //, $_;
217                 /^\D$/ ? $_ : sprintf(
218                         join('',
219                                 '<svg width="16" height="20" viewBox="0 0 10 15">',
220                                 '<path d="M5,6 v7"/>',
221                                 '<path d="M0,%s h10 %s" transform="rotate(%d 5 6)"/>',
222                                 '</svg>',
223                         ),
224                         ['6', '3v3', '9v-3']->[$pl],
225                         [ '',  'v3',  'v-3']->[$pr],
226                         $r * 45,
227                 );
228         }
229         # 360° rotation (0-7) and position state (0-2) of left and right bars
230         qw(
231           021 121 221 321 421 521 621 721
232           > 022 122 222 322 011 111 211 311
233           001 101 201 301 401 501 601 701 020
234         )
235 ],
236 'Prussian semaphore' => [
237         map { /^\D+$/ ? $_ : sprintf
238                 join('',
239                         '<svg width="10" height="20" viewBox="0 0 8 18">',
240                         '<path d="M4,1 v18"/>',
241                         (map {(
242                                 qq(<path d="M0 $_ h4" transform="rotate(%d 4 $_)"/>),
243                                 qq(<path d="M4 $_ h4" transform="rotate(-%d 4 $_)"/>),
244                         )} 3, 7, 14),
245                         '</svg>',
246                 ),
247                 map { ($_ - 2) * 45 % 360 } split //, $_
248         }
249         # rotation state (0-3) for left and right bar of 3 rows
250         qw(
251                 003000 000200 203300 000030 033030 000130 000330 032330 > 031330
252                 022020 130120 001320 233010 030210 022310 203001 233001
253                 131001 231301 000202 023302 230003 032003 201003 101003
254         )
255 ],
256 'Code 39' => [
257         # ISO/IEC 16388
258         map { tr/012/ ❘❙/r } qw(
259                 211012 121012 221011 112012 212011 122011 111022 211021 121021 112021
260                 211102 121102 221101 112102 212101 122101 111202 211201 121201 112201
261                 201112 102112 202111 101212 201211 102211                      102121
262         )
263 ],
264 'Code 93' => [
265         map {
266                 sprintf
267                 '<svg width="18" height="14" viewBox="-.5 0 9 7"><path d="M0,0 %s"/></svg>',
268                 join ' ',
269                 map {
270                         join('m1,-7', ('v7') x $_->[0]),  # line per bar width
271                         (map { sprintf 'm%d,-7', $_ + 1 } $_->[1] || ()),  # space forward
272                 }
273                 pairs split //
274         }
275         # bar and space widths (1-3)
276         qw(
277                 21111 21121 21131 22111 22121 23111 11211 11221 11231
278                 12211 13211 11112 11122 11132 12112 13112 21211 21221
279                 21112 21122 22112 22211 11212 11222 12212 12311 31121
280         )
281 ],
282 'Code 128' => [
283         map { $U ? tr/1-3-/❘❙❚ /r : sprintf
284                 '<svg width="22" height="14" viewBox="-.5 0 11 7"><path d="M0,0 %s"/></svg>',
285                 join ' ',
286                 map {
287                         $_ eq '' ? 'm2,-7' :
288                         $_ eq '.' ? 'm3,-7' :
289                         $_ eq ':' ? 'm4,-7' :
290                         join 'm1,-7', ('v7') x $_
291                 }
292                 split /([.:])?/  # each bar [123] and space [ .:]
293         }
294         # bar widths (1-3) followed by space of width 1 (implied), 2 (.) or 3 (:)
295         qw(
296                 11:2 1:12 1:1:2 12:1 1:21 1:2:1 21:1 2:11 2:1:1 123  12:3 1:23 132
297                 13:2 1:32 332   21:3 2:13 231   23:1 233  312   31:2 3:12 321  32:1 22.2
298         )
299 ],
300 '<abbr title="Royal Mail 4-State Customer Code">RM4SCC</abbr>' => [
301         map { sprintf
302                 '<svg width="20" height="20" viewBox="0 0 8 6">'
303                 . '<path d="M1%s"/></svg>',
304                 join ' m2',
305                 map { sprintf ',%dv%dm0,-%d',
306                         ($_ & 1 ? 0 : 2),  2 + ($_ & 2) + ($_ & 1) * 2,
307                         ($_ & 1 ? 0 : 2) + 2 + ($_ & 2) + ($_ & 1) * 2,
308                 }
309                 split //
310         }
311         qw(
312                                     2121 2301
313                 0132 0312 0330 2112 2130 2310
314                 1023 1203 1221 3003 3021 3201
315                 1032 1212 1230 3012 3030 3210
316                 1122 1302 1320 3102 3120 3300
317                 0033
318         ) # 0 for space
319 ],
320 'Pigpen' => [
321         map {
322                 qq(<svg width="12" height="12" viewBox="-.5 -.5 7 7">$_</svg>)
323         }
324         map {
325                 local $_ = $_;
326                 s/^H/mX,0/ or s/^V/m0,X/ or s/^/m0,0/;
327                 s/[hv]\K|X/6/g;
328                 s/(?:v|,[^0]).*?v\K/-/;
329                 s/(?:h|m[^0]).*?h\K/-/;
330                 m/h/ or s/v/l3,/g;
331                 m/v/ or s/h([^h]*)/l$1,3/g;
332                 my $dot = s/\.// && qq(<circle cx="3" cy="3" r="1"/>);
333                 qq(<path d="$_"/>$dot)
334         }
335         qw(
336                 Hvh  vhv  vh  hvh  vhvh  Hhvh  hv  Vvhv  Hhv
337                 Hvh. vhv. vh. hvh. vhvh. Hhvh. hv. Vvhv. Hhv.
338                 vv  hh  Hhh  Vvv
339                 vv. hh. Hhh. Vvv.
340         ),
341 ],
342 'Nyctographs' => [
343         map { s/M[\d,\hM]+(?=[M"])//gr }  # clean up superfluous moves
344         map { sprintf
345                 '<svg width="14" height="14" viewBox="-.5 -.5 5 5">'
346                 . '<path d="M0,0%s %s4,0 %s4,4 %s0,4 %s0,0"/></svg>',
347                 'h.5v.5h-.5v-.5',  # start anchor
348                 map { ['M', 'h0M', 'L']->[$_] }
349                 split //
350         }
351         # draw style (0=empty, 1=dot, 2=line connect) to right, down, left, up
352         qw(
353                 0010 0112 2022 2220 2000 2012 0122 0202 0020 0220 0012 0022 2202
354                 0222 2222 0102 0200 2201 2002 2200 0100 0110 0120 2001 2010 2020 0
355         ),
356 ],
357 'Chromacons' => [
358         # Colour Alphabet by Paul Green-Armytage (2010)
359         map {
360                 sprintf !$_ ? '<span>%2$s</span>' : '<span style="background:#%s" title="%s">%s</span>',
361                         split(/:/), chr(8195);
362         }
363         qw{
364                 F0A3FF:Amethyst 0075DC:Blue      993F00:Caramel  4C005C:Damson   191919:Ebony
365                 005C31:Forest   2BCE48:Green     FFCC99:Honeydew 808080:Iron     94FFB5:Jade
366                 8F7C00:Khaki    9DCC00:Lime      C20088:Mallow
367                 003380:Navy     FFA405:Orpiment  FFA8BB:Pink     426600:Quagmire FF0010:Red
368                 5EF1F2:Sky      00998F:Turquoise E0FF66:Uranium  740AFF:Violet   990000:Wine
369                 FFFF80:Xanthin  FFFF00:Yellow    FF5005:Zinnia   0
370         }
371 ],
372 );