browser: automatic retrieval of caniuse data
[sheet.git] / emoji.plp
index 60aaf0d7491aea0713fd852b7fa749b28f983f78..00e75066478c640432a6d0bdad741bc11d330806 100644 (file)
--- a/emoji.plp
+++ b/emoji.plp
@@ -18,7 +18,7 @@ Html({
 <h1>IM emoticons</h1>
 
 <:
-print "<ul>\n";
+print '<div class="section">'."\n";
 
 for my $system (qw'gmail msn yahoo') {
        my @info = do "emoji-$system.inc.pl";
@@ -27,7 +27,7 @@ for my $system (qw'gmail msn yahoo') {
        my $title = $meta->{name} // $system;
        $title = qq{<a href="$_">$title</a>} for $meta->{source} || ();
 
-       printf '<div class="section"><h3>%s</h3>'."\n\n", $meta->{name} // $system;
+       printf '<div class="section"><h2>%s</h2>'."\n\n", $meta->{name} // $system;
        print '<table><tbody>'."\n";
        for (my $i = 0; $i <= $#info; $i++) {
                my $name = $info[$i];
@@ -37,7 +37,8 @@ for my $system (qw'gmail msn yahoo') {
                }
                my ($input, $flags, $char, $desc) = @{ $info[++$i] };
                printf('<tr><th><img src="%s" alt="%s"><td><kbd>%s</kbd><td>%s%s'."\n",
-                       sprintf($meta->{icon} // '%s', $name), EscapeHTML($name),
+                       sprintf($meta->{ $flags =~ /\bext\b/ ? 'iconext' : 'icon' } // '%s', $name),
+                       EscapeHTML($name),
                        EscapeHTML($input),
                        $desc // $name,
                        $char ? '<td>'.chr($char) : '',
@@ -46,5 +47,5 @@ for my $system (qw'gmail msn yahoo') {
        print "</table></div>\n\n";
 }
 
-print "</ul><hr>\n\n";
+print "</div><hr>\n\n";