'p j' => 'l2',
'j' => 'l2',
'p' => 'l2',
- 'u' => 'ex',
+ 'u' => 'l9',
);
my %CSTATUS = (
- unoff => 'ex', # unofficial
- wd => 'l0', # draft
- pr => 'l2', # proposed
- cr => 'l4', # candidate
- rec => 'l5', # recommendation
+ unoff => 'l0', # unofficial
+ wd => 'l4', # draft
+ cr => 'l5', # candidate
+ pr => 'l5', # proposed
+ rec => 'l6', # recommendation
ietf => 'l6', # standard
);
my @browsers = qw(trident gecko webkit_saf webkit_chr presto);
printf '<td class="%s" colspan="%d" title="%.1f%%">%s',
join(' ',
X => $CSTATS{ $data->{$browser}->{$prev} },
- sprintf('opacity%.0f', $usage / $scorediv),
+ !$usage ? ('p0') : ('p',
+ sprintf('p%01d', $usage / 10),
+ sprintf('p%02d', $usage),
+ ),
+ sprintf('pp%02d', $usage / $scorediv),
),
scalar @span,
$usage,
:>
<script>
-var classmatch = /\bopacity(\d+)/;
+var classmatch = / p(\d{2})/;
Array.forEach(document.getElementsByTagName('TD'), function(val) {
var opacity;
if (opacity = classmatch.exec(val.className)) {
val.style.textShadow = c+' 1px 1px 2px, ' + c+' -1px -1px 2px';
}
});
-alert(t);
</script>
<hr>
<td class="X l0">missing
</table>
+ <div>
+ Usage percentage:
+ <span class=" p0">0</span> -
+ <span class="p p0 p00">.01</span> -
+ <span class="p p0 p05">1-9</span> -
+ <span class="p p1">10</span> -
+ <span class="p p2">20</span> -
+ <span class="p p5">majority</span>
+ </div>
+
<div class="right">
<ul class="legend legend-set">
<li>default <strong>style</strong> is