+(
+uppercase => {
+ list => [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 }],
+},
+lowercase => {
+ list => [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 }],
+},
+suetterlin => {
+ name => 'Sütterlin',
+ style => [
+ '@font-face {
+ font-family: Suetterlin; /* R. G. Arens */
+ src: url("/suetterlin.ttf");
+ }',
+ 'td { font-family: Suetterlin }',
+ ],
+ list => [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 }],
+},
+roman => {
+ name => 'Old Roman Cursive',
+ style => [
+ 'svg path { stroke-linecap: round; stroke-linejoin: round }',
+ '.sample span { margin-right: -10px }',
+ ],
+ list => [
+ map {
+ s{\A-?\K(\w.+)}
+ {<svg width="20" height="20" viewBox="0 0 12 20"><path d="$1"/></svg>}r
+ }
+ "m2,4 c1,2 8,9 8,9 M2,15 6,9",
+ "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",
+ "m4,7 4,-2 m-4,4 c0,0 -2,7 3,6",
+ "m3,2 c0,0 7,10 7,12 m-2,-4 c-5,2 -4,9 1,3",
+ "m3,10 4,0 m2,-7 c0,0 -7,1 -5,16",
+ "m4,11 5,-2 m-3,-4 7,-4 M0,18 c0,0 4,3 5,-3 2,-6 2,-10 2,-10",
+ "m3,6 7,-2 m-7,4 c-2,5 4,9 6,6 l1,3",
+ "m7,9 4,-0 m-8,0 c4,0 6,-1 5,6 M1,3 c2,-0 2,12 2,12",
+ '>', # i = j
+ "m6,8 -0,7",
+ "-m9,5 -5,4 4,4 m-4,-10 -1,13",
+ "m3,2 c0,0 -1,9 1,10 5,2 6,2 6,2",
+ "m0,16 3,-10 4,6 2,-5 5,4",
+ "m2,16 1,-9 5,8 2,-9",
+ "m5,8 c-2,0 -2,6 1,5 4,-2 1,-5 1,-5",
+ "m5,8 c0,0 -1,8 2,6 m-3,-7 5,3",
+ "m3,6 9,12 m-9,-11 c-4,1 -3,4 -3,4 0,0 2,2 6,-1",
+ "m0,6 c3,-1 3,-1 6,0 2,1 3,3 6,1 m-7,-1 -2,11",
+ "m13,3 c0,0 -5,2 -8,4 -2,3 -1,5 -2,9 -1,1 -4,2 -4,2",
+ "m2,7 8,0 m-4,1 c0,0 -1,8 3,5",
+ '>', # u = v
+ "m2,5 c0,0 3,5 6,3 3,-2 2,-3 2,-3",
+ '-',
+ "m3,19 c-1,-6 6,-17 6,-17 M1,8 c0,0 10,1 10,1",
+ "-m0,7 c2,-3 5,-2 5,1 l0,11 c0,0 -0,-4 -0,-10 -0,-4 4,-4 6,-3",
+ "-m3,6 c4,-1 3,3 3,3 -1,3 -2,5 -1,5 1,1 3,0 3,0",
+ ],
+},
+sutton => {
+ name => 'Sutton <abbr title="American Sign Lanugage">ASL</abbr>',
+ style => $spacestyle,
+ list => [
+ # American manual alphabet in Sutton (U+1D800+) notation
+ map { !!$_ && pack 'W*', map { hex "1D$_" } unpack '(A3)*', $_ } qw{
+ 8F7a9c 847a9c 86Da9c 801a9c 84Aa9c
+ 8CEa9c 8F0 815aa2 892a9c 892a9c9A2aac
+ 840a9c 8DCa9c 88Da9c
+ 819a9c 876a9c 840a9caA1 8F0a9caA1 81Aa9c
+ 903a9c 8FBa9c 815a9c 80Ea9c 887a9c
+ 806a9c 89Aa9c 800a9c945aaa
+ 0 965aa6
+ }],
+},
+unistrokes => {
+ name => 'Unistrokes',
+ url => 'https://www.google.com/patents/US5596656', # by Xerox
+ style => 'svg path { stroke-linecap: round; stroke-linejoin: round }',
+ list => [
+ map { '<svg width="14" height="16" viewBox="-1 -1 8 10">'.$_.'</svg>' }
+ map {
+ sprintf('<circle cx="%s" cy="%s" r="1"/>', m/\AM(\d+),(\d+)(.?)/) . # start point
+ (!!$3 && qq(<path d="$_"/>))
+ }
+ 'M3,8 V0',
+ 'M0,0 6,4 0,8',
+ 'M6,0 0,4 6,8',
+ 'M6,0 0,4 6,8',
+ 'M6,4 H0',
+ 'M6,0 0,0 0,8',
+ 'M0,8 6,8 6,0',
+ 'M0,0 6,0 6,8',
+ 'M3,0 V8',
+ 'M6,0 6,8 0,8',
+ 'M0,8 6,0',
+ 'M0,0 0,8 6,8',
+ 'M6,8 3,0 0,8',
+ 'M0,8 3,0 6,8',
+ 'M6,0 Q0,6 3,8 6,6 0,0',
+ 'M0,0 Q4,8 6,4 4,0 0,8',
+ 'M6,0 Q2,8 0,4 2,0 6,8',
+ 'M0,0 6,8',
+ 'M6,0 0,0 6,8 0,8',
+ 'M0,4 H6',
+ 'M6,0 3,8 0,0',
+ 'M0,0 3,8 6,0',
+ 'M0,0 0,8 6,0 6,8',
+ 'M0,0 Q6,6 3,8 0,6 6,0',
+ 'M6,0 0,8',
+ 'M0,0 6,0 0,8 6,8',
+ 'M3,4',
+ ],
+},
+edgewrite => {
+ name => 'EdgeWrite',
+ url => 'http://depts.washington.edu/ewrite/', # patented US7729542
+ style => 'svg path { stroke-linecap: round; stroke-linejoin: round }',
+ list => [
+ map { '<svg width="14" height="14" viewBox="-1 -1 10 10">'.$_.'</svg>' }
+ map {
+ my @route = split //;
+ my @coords = map { $_ % 2 << 3, $_ >> 1 << 3 } @route; # x,y,
+ sprintf('<circle cx="%s" cy="%s" r="1"/><path d="M%s"/>',
+ @coords[0, 1], # start point
+ join(' ', map {
+ my $pos = join(',', @coords[$_*2, $_*2 + 1]);
+ $_ > 1 && $route[$_] == $route[$_ - 2] # curve back
+ ? 'Q4,4 '.$pos.'L' : $pos
+ } 0 .. $#route),
+ )
+ }
+ # corners (0..3) clockwise from top-left in order
+ qw(
+ 213 0232 1023 1323 103 102 10132 0213 02 132 02123 023 20313 2031
+ 10231 0102 10131 201 1032 013 0231 021 02131 0312 0313 0123 01
+ )
+ ],
+},
+#graffiti => {
+# name => 'Palm Graffiti',
+#},
+ita2 => {
+ name => '<abbr title="International Telegraph Alphabet">ITA</abbr>2',
+ style => [@wrapstyle, 'td { font-size: 50% }'],
+ list => [map { tr/01/○●/r =~ s/..\K/ /r } qw(
+ 11000 10011 01110 10010 10000 10110 01011 00101 01100 11010 11110 01001 00111
+ 00110 00011 01101 11101 01010 10100 00001 11100 01111 11001 10111 10101 10001
+ 00100
+ )],
+},
+moon => {
+ list => [
+ map { qq(<svg width="14" height="14" viewBox="-.5 -.5 7 7"><path d="$_"/></svg>) }
+ 'M0,6 3,0 6,6',
+ 'M1,0 V4 A2,2 0,0,0 5,4',
+ 'M5,0 A4.5,3 0,0,0 5,6',
+ 'M1,0 A4.5,3 0,0,1 1,6',
+ 'M0,6 V0 H6',
+ 'M1,6 V2 A2,2 0,0,1 5,2',
+ 'M5,6 V2 A2,2 0,1,0 1,2',
+ 'M1.5,3 A1.5,1.5 0,0,0 4.5,3 1.5,1.5 0,0,0 1.5,3 M3,1.5 A1,1.5 0,0,0 3,4.5',
+ 'M3,0 V6',
+ 'M5,0 V4 A2,2 0,0,1 1,4',
+ 'M6,0 0,3 6,6',
+ 'M0,0 V6 H6',
+ 'M0,0 H6 V6',
+ 'M0,6 V2 L6,6 V0',
+ 'M0,3 A3,3 0,0,0 6,3 3,3 0,0,0 0,3',
+ 'M6,4 H2 A2,1 0,0,1 2,2',
+ 'M0,4 H4 A2,1 0,0,0 4,2',
+ 'M0,0 6,6',
+ 'M0,6 6,0',
+ 'M0,3 H6',
+ 'M0,0 V3 A3,3 0,0,0 6,3 V0',
+ 'M0,0 3,6 6,0',
+ 'M0,6 V3 A3,3 0,0,1 6,3 V6',
+ 'M0,0 6,3 0,6',
+ 'M6,0 V6 H0',
+ 'M0,0 H6 L2,6 H6',
+ ],
+ style => 'svg path { stroke-linecap: round; stroke-linejoin: round }',
+},
+braille => {
+ list => [qw{ ⠁ ⠃ ⠉ ⠙ ⠑ ⠋ ⠛ ⠓ ⠊ ⠚ ⠅ ⠇ ⠍ ⠝ ⠕ ⠏ ⠟ ⠗ ⠎ ⠞ ⠥ ⠧ ⠺ ⠭ ⠽ ⠵ }],
+},
+tactile => {
+ name => '5-point Tactile',
+ list => [
+ map { '<svg width="9" height="12" viewBox="0 0 18 24">'.$_.'</svg>' }
+ map {
+ join '', map { sprintf '<circle cx="%d" cy="%d" r="4"/>',
+ !$_ ? 9 : $_ & 1 ? 4 : 14,
+ !$_ ? 12 : $_ < 3 ? 4 : 20,
+ } split //
+ }
+ qw{
+ 4 234 012 14 0 014 023 12
+ 02 024 0134 23 013 03 01 123
+ 0124 13 04 1 34 0123 134 0234
+ 034 124
+ }
+ ],
+},
+morse => {
+ style => $spacestyle,
+ list => [map {tr/.-/‧‑/r} qw{
+ .- -... -.-. -.. . ..-. --. .... .. .--- -.- .-.. --
+ -. --- .--. --.- .-. ... - ..- ...- .-- -..- -.-- --..
+ }],
+},
+tap => {
+ name => 'Tap code',
+ style => \@tapstyle,
+ list => [map { disptap($_) } qw{
+ 11 12 13 14 15 21 22 23 > 24 25 31 32
+ 33 34 35 41 42 43 44 45 51 52 53 54 55
+ }],
+},
+shorttap => {
+ name => 'Short Tap',
+ style => \@tapstyle,
+ list => [map { disptap($_) } qw{
+ 11 12 13 14 21 22 23 20 > 31 -13 32 33
+ 30 41 42 -13 43 40 10 51 52 53 50 -31 -40
+ }],
+},
+cards => {
+ style => 'td { font-family: Symbola, "DejaVu Sans", serif, sans }',
+ list => [(
+ map { chr(0x1F0A0 + $_), sprintf('<b>%s</b>', chr(0x1F0B0 + $_)) } # spades, hearts
+ 1 .. 11, 13, 14 # A 2-10 J Q K
+ ), '', chr(0x1F0CF), chr(0x1F0DF) ],
+},
+maritime => {
+ name => 'Maritime flags',
+ style => $spacestyle,
+ list => [
+ # International Code of Signals, SVG fills
+ map { !!$_ && '<svg width="20" height="20" viewBox="0 0 30 30">'.s/\n?\t+//gr.'</svg>' }
+ split /\n\n/, qq{
+ <path fill="$C{blue}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
+ <path fill="white" d="M0,0 h15 v30 h-15"/>
+
+ <path fill="$C{red}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
+
+ <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
+ <path fill="white" d="M0,6 h30 v18 h-30" />
+ <path fill="$C{red}" d="M0,12 h30 v6 h-30" />
+
+ <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="M0,6 h30 v18 h-30"/>
+
+ <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="M0,0 h30 v15 h-30"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{red}" d="M15,0 l15,15 -15,15 -15,-15"/>
+
+ <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{yellow}" d="M 0,0 h5 v30 h-5"/>
+ <path fill="$C{yellow}" d="M10,0 h5 v30 h-5"/>
+ <path fill="$C{yellow}" d="M20,0 h5 v30 h-5"/>
+
+ <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
+ <path fill="white" d="M0,0 h15 v30 h-15"/>
+
+ <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
+ <circle fill="$C{black}" r="7.5" cx="15" cy="15"/>
+
+ <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
+ <path fill="white" d="M0,10 h30 v10 h-30"/>
+
+ <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{yellow}" d="M0,0 h15 v30 h-15"/>
+
+ <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{yellow}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="M4,0h22l-11,11 M4,30h22l-11,-11
+ M0,4v22l11,-11 M30,4v22l-11,-11"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="
+ M0,0 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
+ m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
+ m7.5,-30 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
+ m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
+ "/>
+
+ <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{red}" d="M0,0 h30 v30"/>
+
+ <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
+ <path fill="white" d="M10,10 h10 v10 h-10"/>
+
+ <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
+
+ <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{yellow}" d="M12.5,0 v30 h5 v-30"/>
+ <path fill="$C{yellow}" d="M0,12.5 h30 v5 h-30"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="M10,10 h10 v10 h-10"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{red}" d="M0,0 h10 v30 h-10"/>
+ <path fill="$C{blue}" d="M20,0 h10 v30 h-10"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{red}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
+
+ <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
+ <path fill="white" d="M4,0h22l-11,11 M4,30h22l-11,-11
+ M0,4v22l11,-11 M30,4v22l-11,-11"/>
+
+ <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
+ <path fill="white" d="M5,5 h20 v20 h-20"/>
+ <path fill="$C{red}" d="M10,10 h10 v10 h-10"/>
+
+ <path fill="white" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="M12.5,0 v30 h5 v-30"/>
+ <path fill="$C{blue}" d="M0,12.5 h30 v5 h-30"/>
+
+ <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{yellow}" d="M0,0h6l-6,6 M12,0h6l-18,18v-6
+ M24,0h6l-30,30v-6 M30,6v6l-18,18h-6 M30,18v6l-6,6h-6"/>
+
+ <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
+ <path fill="$C{blue}" d="M30,0 v31 l-15,-15"/>
+ <path fill="$C{yellow}" d="M0,0 h31 l-15,15"/>
+ <path fill="$C{red}" d="M0,30 h31 l-15,-15"/>
+
+
+
+ <path fill="$C{blue}" d="M0,5 30,15 0,25"/>
+ <path fill="$C{yellow}" d="M0,9 20,15 0,21"/>