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 use List::Util qw( pairs );
53 my @table = Data('writing-latn');
57 for my $row (pairs @table) {
58 my ($id, $info) = @{$row};
59 my $style = $info->{style} or next;
60 ref $style or $style = [$style];
61 say "\t", !/^@/ && "#$id ", $_ for @{$style};
65 my %VOWELCOLS = (map { ($_ => 1) } 0, 4, 8, 14, 20, 24);
66 say '<table class="glyphs">';
67 say '<thead><tr><th># <small>ASCII − 64</small>';
68 print '<td>', $_ for 1 .. 26;
71 for my $row (pairs @table) {
72 my ($id, $info) = @{$row};
74 printf '<tr id="%s">', $id;
76 $th .= sprintf ' title="%s"', $_ for $info->{title} || ();
77 say "<$th>", $info->{name} // ucfirst $id;
81 for (@{ $info->{list} }) {
88 push @class ,'l0' if $VOWELCOLS{$col - $colspan};
89 push @class, $_ ? 'ex' : 'u-invalid' if s/^-//;
93 # special character for sample generation
94 print ' hidden'; # sample only
97 print ' title=', chr($col + ord('A') - $colspan);
100 print " colspan=$colspan";
103 printf ' class="%s"', "@class" if @class;
108 say "</table></div>";
112 <script type="text/javascript" src="/latinsample.js"></script>
113 <script type="text/javascript"><!--
114 prependinput(document.getElementById('intro'));