Skip to content

Commit

Permalink
language-matrix: set writing-mode on col heads so it works in Chrome;…
Browse files Browse the repository at this point in the history 
… add links to Arabic & Persian reports
  • Loading branch information
@r12a
r12a committed Aug 31, 2017
1 parent f6df504 commit 656cd3d
Showing 1 changed file with 32 additions and 27 deletions.
59 changes: 32 additions & 27 deletions notes/language-matrix.html
View file
Expand Up @@ -63,6 +63,11 @@
text-align: right;
vertical-align: bottom;
}
thead td div {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
height: 15em;
}
.sum {
border-right: 5px solid #0623ED;
width: 3em;
Expand All @@ -86,7 +91,7 @@ <h2>Key:</h2>
<span class="l0"> ■</span> Something prevents interoperable or effective use in webpages (0)</p>
<p>* next to a language name indicates a tentative score, pending validation by experts</p>
</div>
<div id="results">
<div id="resultsSummary">
<h2>Results:</h2>
<p>Out of a possible score of <strong><span id="totalScore"></span></strong></p>
<p><span class="l3"> ■</span> <strong><span id="level3"></span></strong> Ok</p>
Expand All @@ -104,36 +109,36 @@ <h2>Results:</h2>
<td>language</td>
<td>Level</td>
<td><abbr title="interoperable plain text">Encoding</abbr></td>
<td><a href="http://w3c.github.io/typography/#font-style"><abbr title="font styling">Font styles</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#glyphs_diacritics"><abbr title="glyph controls">Glyph control</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#cursive"><abbr title="cursive text">Cursive text</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#graphemes"><abbr title="boundary selection">Boundaries &amp; selection</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#numbers"><abbr title="native numbers">Quotation</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#numbers"><abbr title="native numbers">Numbers &amp; digits</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#transforming_characters"><abbr title="transforming characters">Char transforms</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#letter_spacing"><abbr title="inline spacing">Inter-char spacing</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#ruby_annotation"><abbr title="ruby annotation">Ruby</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#text_decoration"><abbr title="text decoration">Text decoration</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#emphasis"><abbr title="emphasis">Emphasis &amp; highlight</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#initial_letter"><abbr title="initial letter styling">Inline notes, etc</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#bidirectional_text_direction"><abbr title="bidirectional text">Bidi text</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#line_breaking"><abbr title="line breaking">Line breaking</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#hyphenation"><abbr title="hyphenation">Hyphenation</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#justification"><abbr title="justification and alignment">Justification &amp; alignment</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#counters"><abbr title="lists, counters, etc">Lists, counters</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#initial_letter"><abbr title="initial letter styling">Initial letter style</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#baselines_inline_alignment"><abbr title="baselines &amp; inline alignment">Baselines, inline align</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#other_para_features"><abbr title="other paragraph features">Other paragraph</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#vertical_text"><abbr title="vertical text">Vertical text</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#notes_footnotes"><abbr title="notes, footnotes, etc">Notes, footnotes</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#page_numbering_running_headers"><abbr title="page numbering & running headers, etc">Page numbers, running heads</abbr></a></td>
<td><a href="http://w3c.github.io/typography/#more_page_layout_and_pagination"><abbr title="other page layout">Other pagination</abbr></a></td>
<td><div><a href="http://w3c.github.io/typography/#font-style"><abbr title="font styling">Font styles</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#glyphs_diacritics"><abbr title="glyph controls">Glyph control</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#cursive"><abbr title="cursive text">Cursive text</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#graphemes"><abbr title="boundary selection">Boundaries &amp; selection</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#numbers"><abbr title="native numbers">Quotation</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#numbers"><abbr title="native numbers">Numbers &amp; digits</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#transforming_characters"><abbr title="transforming characters">Char transforms</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#letter_spacing"><abbr title="inline spacing">Inter-char spacing</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#ruby_annotation"><abbr title="ruby annotation">Ruby</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#text_decoration"><abbr title="text decoration">Text decoration</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#emphasis"><abbr title="emphasis">Emphasis &amp; highlight</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#initial_letter"><abbr title="initial letter styling">Inline notes, etc</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#bidirectional_text_direction"><abbr title="bidirectional text">Bidi text</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#line_breaking"><abbr title="line breaking">Line breaking</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#hyphenation"><abbr title="hyphenation">Hyphenation</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#justification"><abbr title="justification and alignment">Justification &amp; alignment</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#counters"><abbr title="lists, counters, etc">Lists, counters</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#initial_letter"><abbr title="initial letter styling">Initial letter style</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#baselines_inline_alignment"><abbr title="baselines &amp; inline alignment">Baselines, inline align</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#other_para_features"><abbr title="other paragraph features">Other paragraph</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#vertical_text"><abbr title="vertical text">Vertical text</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#notes_footnotes"><abbr title="notes, footnotes, etc">Notes, footnotes</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#page_numbering_running_headers"><abbr title="page numbering & running headers, etc">Page numbers, running heads</abbr></a></div></td>
<td><div><a href="http://w3c.github.io/typography/#more_page_layout_and_pagination"><abbr title="other page layout">Other pagination</abbr></a></div></td>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Arab</th>
<td class="language tentative">Arabic</td>
<td class="language tentative"><a href="../../typography/gap-analysis/arab-ar-fa">Arabic</a></td>
<td class="sum">&nbsp;</td>
<td>3</td>
<td>&nbsp;</td>
Expand Down Expand Up @@ -193,7 +198,7 @@ <h2>Results:</h2>
</tr>
<tr>
<th scope="row">&nbsp;</th>
<td class="language tentative">Persian</td>
<td class="language tentative"><a href="../../typography/gap-analysis/arab-ar-fa">Persian</a></td>
<td class="sum">&nbsp;</td>
<td>3</td>
<td>&nbsp;</td>
Expand Down

0 comments on commit 656cd3d

Please sign in to comment.