#sütterlin td { font-family: Suetterlin }
#ita2 td,
#tap-code td,
- #tap-simplified td {
+ #short-tap td {
white-space: normal;
word-spacing: 5em; /* force line break between words */
}
#tap-code td,
- #tap-simplified td {
+ #short-tap td {
line-height: 1ex;
}
#ita2 td {
td {
white-space: nowrap;
}
+ th {
+ width: auto !important;
+ }
.sample {
vertical-align: middle;
margin-right: -10px;
}
#tap-code .sample,
- #tap-simplified .sample {
+ #short-tap .sample {
font-size: 80%;
}
#ita2 .sample,
#tap-code .sample,
- #tap-simplified .sample {
+ #short-tap .sample {
word-spacing: 0;
}
#ita2 .sample span,
#tap-code .sample span,
- #tap-simplified .sample span {
+ #short-tap .sample span {
margin-right: 1ex;
white-space: nowrap;
}
padding: 0.1em;
margin-right: 0.2em;
}
+ #unistrokes svg path {
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ }
svg path:not([fill]) {
stroke: currentColor;
td {
vertical-align: top;
}
- td > svg {
+ td svg {
vertical-align: middle;
}
</style>
else {
my %VOWELCOLS = (map { ($_ => 1) } 0, 4, 8, 14, 20, 24);
say '<table class="glyphs">';
+ say '<thead><tr><th># <small>ASCII − 64</small>';
+ print '<td>', $_ for 1 .. 26;
+ say '</thead>';
+
for my $row (pairs @table) {
- my ($title, $cells) = @{$row};
+ my ($title, $info) = @{$row};
printf '<tr id="%s">', (lc $title) =~ s/<[^>]+>//gr =~ s/\s+/-/gr;
say '<th>', $title;
my $colspan = 1;
my $col = 0;
- for (@{$cells}) {
+ for (@{ $info->{list} }) {
$col++;
if ($_ eq '>') {
$colspan++;