4 title => 'latin alphabet cheat sheet',
9 latin roman alphabet script letter unicode font glyph abc
10 code encoding spelling symbol writing comparison character
11 secret cursive fraktur blind braille morse deaf asl hand
12 barcode bar color semaphore flag
14 stylesheet => [qw( light dark red mono )],
15 data => ['writing-latn.inc.pl'],
21 vertical-align: middle;
23 svg path:not([fill]) {
27 svg circle:not([fill]) {
39 white-space: nowrap; /* prevent resize by sample */
43 <h1>Latin alphabet</h1>
45 <p id=intro>Variant encodings of the common ASCII (latin, roman,
46 or <span title="fuck yeah!">'mercan</span>) letters A–Z.
47 Also see <a href="/writing">related alphabets</a>
48 and <a href="/chars/abc">font comparison</a>.</p>
51 my $table = Data('writing-latn');
55 while (my ($id, $info) = each %$table) {
56 ref $info eq 'HASH' or next;
57 my $style = $info->{style} or next;
58 ref $style or $style = [$style];
59 say "\t", !/^@/ && "#$id ", $_ for @{$style};
64 my %VOWELCOLS = (map { ($_ => 1) } 0, 4, 8, 14, 20, 24);
65 say '<table class="glyphs">';
74 my $info = $table->{$id};
76 if (ref $info eq 'ARRAY') {
81 printf '<tr id="%s">', $id;
83 $th .= sprintf ' title="%s"', $_ for $info->{title} || ();
84 say "<$th>", $info->{name} // ucfirst $id;
88 for (@{ $info->{list} }) {
95 push @class ,'l0' if $VOWELCOLS{$col - $colspan};
96 push @class, $_ ? 'ex' : 'u-invalid' if s/^-//;
100 # special character for sample generation
101 print ' hidden'; # sample only
104 print ' title=', chr($col + ord('A') - $colspan);
107 print " colspan=$colspan";
110 printf ' class="%s"', "@class" if @class;
118 <script type="text/javascript" src="/latinsample.js"></script>
119 <script type="text/javascript"><!--
120 prependinput(document.getElementById('intro'));