Html({
title => 'browser compatibility cheat sheet',
- version => 'v1.1',
+ version => 'v1.2',
description => [
"Compatibility table of new web features (HTML5, CSS3, SVG, Javascript)",
"comparing support and usage share for all popular browser versions.",
return $rank;
}
+sub formatnotes {
+ my @html = @_;
+ for (@html) {
+ s/\h* $//gmx; # trailing whitespace
+ s/(?<= [^.\n]) $/./gmx; # consistently end each line by a period
+ Entity($_);
+ s{ ` ([^`]*) ` }{<code>$1</code>}gx;
+ s{ \[ ([^]]*) \] \( ([^)]*) \) }{<a href="$2">$1</a>}gx;
+ }
+ return @html;
+}
+
sub saytitlecol {
my ($id) = @_;
my $row = $caniuse->{data}->{$id};
);
} $row->{title};
print '<div class=aside>';
- s/\.?$/./, print "<p>$_</p>" for map { ref $_ ? @$_ : $_ || () }
- Entity($row->{description}),
- map { s/\s*\n/\n<br>/g; $_ } $row->{notes};
+ print "<p>$_</p>"
+ for formatnotes($row->{description}, $row->{notes} || ());
+ if (my %notes = %{ $row->{notes_by_num} }) {
+ say '<p>Browser-specific notes:';
+ say "<br>#$_: ", formatnotes($notes{$_}) for sort keys %notes;
+ say '</p>';
+ }
printf 'Resources: %s.', join(', ', map {
sprintf '<a href="%s">%s</a>', EscapeHTML($_->{url}), $_->{title}
} @$_) for grep { @$_ } $row->{links} // ();