Skip to content

Commit

Permalink
gap-analysis, rationalise styling
Browse files Browse the repository at this point in the history
  • Loading branch information
@r12a
r12a committed Aug 29, 2017
1 parent bf78c84 commit 2ae9c58
Show file tree
Hide file tree
Showing 4 changed files with 50 additions and 102 deletions.
47 changes: 13 additions & 34 deletions gap-analysis/cher.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,37 +8,7 @@
<meta content="Allows you to find articles, tutorials, tests, etc at the W3C Internationalization subsite using lists of tasks." name="description" />
<link rel="stylesheet" type="text/css" href="https://www.w3.org/International/style/level2.css" />
<link rel="stylesheet" type="text/css" href="https://www.w3.org/International/techniques/techniques-v2.css" />
<style>
body { font-size: 16px; }
#toc { background-color: white; }
h2 { margin-left: 0; margin-top: 4em; }
h3 { margin-top: 3em; }
h3 a { color: #006; }
h3 a:link { color: #006; }
h3 a:active { color: #006; }
h3 a:visited { color: #006; }
h4 { margin-left: 0; }
#toclocation .toc1 { padding-left: 0.5em; margin-top: 2em; }
#toclocation .toc2 { padding-left: 2em; }
.toc2 a { color: #697FB1; }
#toclocation ol { padding: 0; margin: 0; }

.flexContainer { vertical-align: top; display: flex; flex-flow: row nowrap; }
.flexContainer h3 { margin:0 1em 0 0; flex: 2; }
.flexContainer > p { flex: 3; }
.flexContainer > div { flex: 3; }
.flexContainer p a { font-style: italic; }
.threads { font-size: 90%; font-style: italic; }

.prompt { font-style: italic;}
.details { color: gray; padding-left: 3em; }

.ok, .na { border-left: 20px solid green; padding-left: 2em;}
.advanced { border-left: 20px solid #0f0; padding-left: 2em;}
.basic { border-left: 20px solid orange; padding-left: 2em;}
.broken { border-left: 20px solid red;padding-left: 2em; }
.status { color: gray; font-weight: normal; font-size: 80%; }
</style>
<link rel="stylesheet" type="text/css" href="local.css" />
<!--script type="text/javascript" src="https://www.w3.org/International/javascript/toc_2016.js"></script-->
<script type="text/javascript" src="http://localhost/International/javascript/toc_2016.js"></script>
</head>
Expand Down Expand Up @@ -78,7 +48,7 @@ <h1>Gap analysis checklist<br>
<li>na (not applicable)</li>
<li>advanced (work needed to support advanced applications, such as fine quality book production)</li>
<li>basic (work needed to support basic styling for basic web page use)</li>
<li>broken (work needed to enable interoperable semantic basics on the Web).</li>
<li>broken (work needed to enable interoperable semantics, or basic display on the Web).</li>
</ul>
</section>

Expand All @@ -96,6 +66,7 @@ <h3 id="encoding"><a href="#encoding">Encoding considerations</a></h3>
<p class="prompt">Are there any character repertoire issues preventing use of this script on the Web? Do variation selectors need attention?</p>
</section>
<section class="details">
<p>Unicode recently introduced case for Cherokee, so character coverage is ok.</p>
</section>
</section>

Expand All @@ -106,6 +77,7 @@ <h3 id="overview_fonts"><a href="#overview_fonts">Font styles</a></h3>
<p class="prompt">Do the standard fallback fonts used in browsers match expectations? Are special font features needed for this script that are not available? Do italic fonts lean in the right direction? <a href="index#fonts">See available information</a> or <a href="https://github.com/w3c/i18n-activity/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3Afonts%20label%3Atype-info-request">check for currently needed data</a>.</p>
</section>
<section class="details">
<p>Assumed same as for Latin.</p>
</section>
</section>

Expand All @@ -118,6 +90,7 @@ <h3 id="glyph_control"><a href="#glyph_control">Glyph control</a></h3>
<p class="prompt">Does this script require additional work to support altering the position or shape of glyphs, for example adjusting the distance between the base text and diacritics, or changing the glyphs used in a systematic way? <a href="index#fonts">See available information</a> or <a href="https://github.com/w3c/i18n-activity/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3Afonts%20label%3Atype-info-request">check for currently needed data</a>.</p>
</section>
<section class="details">
<p>No diacritics or special glyph issues.</p>
</section>
</section>

Expand All @@ -143,6 +116,7 @@ <h3 id="graphemes"><a href="#graphemes">Text boundaries and selection</a></h3>
<a href="index#graphemes">See available information</a>.</p>
</section>
<section class="details">
<p>Assumed same as for Latin.</p>
</section>
</section>

Expand All @@ -155,6 +129,7 @@ <h3 id="quotations"><a href="#quotations">Quotations</a></h3>
<a href="index#quotations">See available information</a> or <a href="https://github.com/w3c/i18n-activity/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3Aquotations%20label%3Atype-info-request">check for currently needed data</a>.</p>
</section>
<section class="details">
<p>Assumed same as for Latin.</p>
</section>
</section>

Expand All @@ -178,7 +153,11 @@ <h3 id="transforming_characters"><a href="#transforming_characters">Transforming
<a href="index#transforming_characters">See available information</a> or <a href="https://github.com/w3c/i18n-activity/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aopen%20label%3Atext-transform%20label%3Atype-info-request">check for currently needed data</a>.</p>
</section>
<section class="details">
<p>CSS text transforms (uppercase, lowercase, capitalize) don't work on Safari or Edge.</p>
<p>CSS text transforms (uppercase, lowercase, capitalize) don't work on Safari or Edge. See the tests:</p>
<ul>
<li><a href="https://www.w3.org/International/tests/repo/results/text-transform#cherokee_ul">upper/lowercase transforms</a></li>
<li><a href="https://www.w3.org/International/tests/repo/results/text-transform#cherokee_cap">capitalization</a></li>
</ul>
</section>
</section>

Expand Down Expand Up @@ -475,7 +454,7 @@ <h3 id="what_else"><a href="#what_else">What else?</a></h3>
<section>
<div class="smallprint">
<p>If you have comments about this page, send them to ishida@w3.org.</p>
<p id="version">Content last changed <span id="version-info"><!-- #BeginDate format:IS1m -->2017-08-25 16:30<!-- #EndDate --></span> GMT</p>
<p id="version">Content last changed <span id="version-info"><!-- #BeginDate format:IS1m -->2017-08-29 12:09<!-- #EndDate --></span> GMT</p>
<p class="copyright"><a rel="Copyright" href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2015 <a href="/"><abbr
title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.org/"><abbr
Expand Down
38 changes: 3 additions & 35 deletions gap-analysis/ethi.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,39 +8,7 @@
<meta content="Allows you to find articles, tutorials, tests, etc at the W3C Internationalization subsite using lists of tasks." name="description" />
<link rel="stylesheet" type="text/css" href="https://www.w3.org/International/style/level2.css" />
<link rel="stylesheet" type="text/css" href="https://www.w3.org/International/techniques/techniques-v2.css" />
<style>
body { font-size: 16px; }
#toc { background-color: white; }
h2 { margin-left: 0; margin-top: 4em; }
h3 { margin-top: 3em; }
h3 a { color: #006; }
h3 a:link { color: #006; }
h3 a:active { color: #006; }
h3 a:visited { color: #006; }
h4 { margin-left: 0; }
#toclocation .toc1 { padding-left: 0.5em; margin-top: 2em; }
#toclocation .toc2 { padding-left: 2em; }
.toc2 a { color: #697FB1; }
#toclocation ol { padding: 0; margin: 0; }

.flexContainer { vertical-align: top; display: flex; flex-flow: row nowrap; }
.flexContainer h3 { margin:0 1em 0 0; flex: 2; }
.flexContainer > p { flex: 3; }
.flexContainer > div { flex: 3; }
.flexContainer p a { font-style: italic; }
.threads { font-size: 90%; font-style: italic; }

.topic { border: 1px solid #ddd; margin: 8px; }
.prompt { font-style: italic; color: #aaa; }
.details { color: black; padding-left: 0; font-size: 120%; font-weight: 400; margin-bottom: 2em; }
.details p { margin: 1em; }

.ok, .na { border-left: 20px solid green; padding-left: 2em;}
.advanced { border-left: 20px solid #0f0; padding-left: 2em;}
.basic { border-left: 20px solid orange; padding-left: 2em;}
.broken { border-left: 20px solid red;padding-left: 2em; }
.status { color: gray; font-weight: normal; font-size: 80%; }
</style>
<link rel="stylesheet" type="text/css" href="local.css" />
<!--script type="text/javascript" src="https://www.w3.org/International/javascript/toc_2016.js"></script-->
<script type="text/javascript" src="http://localhost/International/javascript/toc_2016.js"></script>
</head>
Expand Down Expand Up @@ -80,7 +48,7 @@ <h1>Gap analysis checklist<br>
<li>na (not applicable)</li>
<li>advanced (work needed to support advanced applications, such as fine quality book production)</li>
<li>basic (work needed to support basic styling for basic web page use)</li>
<li>broken (work needed to enable interoperable semantic basics on the Web).</li>
<li>broken (work needed to enable interoperable semantics, or basic display on the Web).</li>
</ul>
</section>

Expand Down Expand Up @@ -494,7 +462,7 @@ <h3 id="what_else"><a href="#what_else">What else?</a></h3>
<section>
<div class="smallprint">
<p>If you have comments about this page, send them to ishida@w3.org.</p>
<p id="version">Content last changed <span id="version-info"><!-- #BeginDate format:IS1m -->2017-08-29 11:30<!-- #EndDate --></span> GMT</p>
<p id="version">Content last changed <span id="version-info"><!-- #BeginDate format:IS1m -->2017-08-29 12:09<!-- #EndDate --></span> GMT</p>
<p class="copyright"><a rel="Copyright" href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2015 <a href="/"><abbr
title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.org/"><abbr
Expand Down
36 changes: 3 additions & 33 deletions gap-analysis/jv-java.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,37 +8,7 @@
<meta content="Allows you to find articles, tutorials, tests, etc at the W3C Internationalization subsite using lists of tasks." name="description" />
<link rel="stylesheet" type="text/css" href="https://www.w3.org/International/style/level2.css" />
<link rel="stylesheet" type="text/css" href="https://www.w3.org/International/techniques/techniques-v2.css" />
<style>
body { font-size: 16px; }
#toc { background-color: white; }
h2 { margin-left: 0; margin-top: 4em; }
h3 { margin-top: 3em; }
h3 a { color: #006; }
h3 a:link { color: #006; }
h3 a:active { color: #006; }
h3 a:visited { color: #006; }
h4 { margin-left: 0; }
#toclocation .toc1 { padding-left: 0.5em; margin-top: 2em; }
#toclocation .toc2 { padding-left: 2em; }
.toc2 a { color: #697FB1; }
#toclocation ol { padding: 0; margin: 0; }

.flexContainer { vertical-align: top; display: flex; flex-flow: row nowrap; }
.flexContainer h3 { margin:0 1em 0 0; flex: 2; }
.flexContainer > p { flex: 3; }
.flexContainer > div { flex: 3; }
.flexContainer p a { font-style: italic; }
.threads { font-size: 90%; font-style: italic; }

.prompt { font-style: italic;}
.details { color: gray; padding-left: 3em; }

.ok, .na { border-left: 20px solid green; padding-left: 2em;}
.advanced { border-left: 20px solid #0f0; padding-left: 2em;}
.basic { border-left: 20px solid orange; padding-left: 2em;}
.broken { border-left: 20px solid red;padding-left: 2em; }
.status { color: gray; font-weight: normal; font-size: 80%; }
</style>
<link rel="stylesheet" type="text/css" href="local.css" />
<!--script type="text/javascript" src="https://www.w3.org/International/javascript/toc_2016.js"></script-->
<script type="text/javascript" src="http://localhost/International/javascript/toc_2016.js"></script>
</head>
Expand Down Expand Up @@ -78,7 +48,7 @@ <h1>Gap analysis checklist<br>
<li>na (not applicable)</li>
<li>advanced (work needed to support advanced applications, such as fine quality book production)</li>
<li>basic (work needed to support basic styling for basic web page use)</li>
<li>broken (work needed to enable interoperable semantic basics on the Web).</li>
<li>broken (work needed to enable interoperable semantics, or basic display on the Web).</li>
</ul>
</section>

Expand Down Expand Up @@ -479,7 +449,7 @@ <h3 id="what_else"><a href="#what_else">What else?</a></h3>
<section>
<div class="smallprint">
<p>If you have comments about this page, send them to ishida@w3.org.</p>
<p id="version">Content last changed <span id="version-info"><!-- #BeginDate format:IS1m -->2017-08-25 16:30<!-- #EndDate --></span> GMT</p>
<p id="version">Content last changed <span id="version-info"><!-- #BeginDate format:IS1m -->2017-08-29 12:09<!-- #EndDate --></span> GMT</p>
<p class="copyright"><a rel="Copyright" href="/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2015 <a href="/"><abbr
title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr
title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.org/"><abbr
Expand Down
31 changes: 31 additions & 0 deletions gap-analysis/local.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
body { font-size: 16px; }
#toc { background-color: white; }
h2 { margin-left: 0; margin-top: 4em; }
h3 { margin-top: 3em; }
h3 a { color: #006; }
h3 a:link { color: #006; }
h3 a:active { color: #006; }
h3 a:visited { color: #006; }
h4 { margin-left: 0; }
#toclocation .toc1 { padding-left: 0.5em; margin-top: 2em; }
#toclocation .toc2 { padding-left: 2em; }
.toc2 a { color: #697FB1; }
#toclocation ol { padding: 0; margin: 0; }

.flexContainer { vertical-align: top; display: flex; flex-flow: row nowrap; }
.flexContainer h3 { margin:0 1em 0 0; flex: 2; }
.flexContainer > p { flex: 3; }
.flexContainer > div { flex: 3; }
.flexContainer p a { font-style: italic; }
.threads { font-size: 90%; font-style: italic; }

.topic { border: 1px solid #ddd; margin: 8px; }
.prompt { font-style: italic; color: #aaa; }
.details { color: black; padding-left: 0; font-size: 120%; font-weight: 400; margin-bottom: 2em; }
.details p { margin: 1em; }

.ok, .na { border-left: 20px solid green; padding-left: 2em;}
.advanced { border-left: 20px solid #0f0; padding-left: 2em;}
.basic { border-left: 20px solid orange; padding-left: 2em;}
.broken { border-left: 20px solid red;padding-left: 2em; }
.status { color: gray; font-weight: normal; font-size: 80%; }

0 comments on commit 2ae9c58

Please sign in to comment.