use html5 elements (section, footer)

[sheet.git] / termcol.plp
diff --git a/termcol.plp b/termcol.plp

index 321ea63ab4828999f8b24af5951094fb11abe18f..ad6ae77836764c05b34f21c3241e2cf38c93fbe9 100644 (file)
--- a/termcol.plp
+++ b/termcol.plp
@@ -1,22 +1,24 @@
  <(common.inc.plp)><:
-       use List::Util 'min';
  
-       our $VERSION = 'v1.0';
-
-:><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-<html>
+Html({
+       title => 'terminal colour cheat sheet',
+       version => 'v1.0',
+       description => [
+               "Index of all terminal/console colour codes,",
+               "with an example result of various environments.",
+       ],
+       keywords => [qw'
+               color code terminal console escape table xterm rxvt
+       '],
+       stylesheet => [qw'light dark'],
+});
  
-<head>
-<title>terminal colour cheat sheet</title>
-<meta http-equiv="content-type" content="utf-8">
-<:= stylesheet(qw'light') :>
-</head>
+use List::Util 'min';
  
-<body id="colour">
+:>
  <h1>Terminal colours</h1>
  
-<div class="section">
+<section>
  <:
  sub luminance {
         # perceived brightness (using ITU-R recommendation 601 luma co-efficients)
@@ -32,8 +34,9 @@ sub colcell {
         my $rgb48 = '';
         $rgb48 .= sprintf '%02X', $_ for @rgb[0..2];
         my $inverse = sprintf('%X', luminance(@rgb)/255 < .3 ? 12 : 0) x 3;
-       return sprintf '<td style="%s; padding:0 1ex">%s<td style="%s">%s<td style="%s">%s'."\n",
-               "background:#$rgb48; color:#$inverse",
+       return sprintf '<td title="%s" style="%s">%s<td style="%s">%s<td style="%s">%s'."\n",
+               join(',', map { int } @rgb[0..2]),
+               "background:#$rgb48; color:#$inverse; padding:0 1ex",
                 $id,
                 "background:#000; color:#$rgb48",
                 $rgb24,
@@ -80,11 +83,11 @@ for my $term (qw/html cga xterm tango/) {
         }
         print "</table>\n\n";
  }
-:></div>
+:></section>
  
  <hr>
  
-<div class="section">
+<section>
  <h2>88-colour space</h2>
  <:
  for my $r (0 .. 3) {
@@ -101,13 +104,14 @@ for my $r (0 .. 3) {
  print "\n";
  
  print '<table><tr>';
-print colcell(80, ($_) x 3) for 46, 92, 115, 139, 162, 185, 208, 231;
+print colcell(80+$_, (($_ + 2 + ($_>0)) * 255/11) x 3) for 0 .. 7;
  print "</table>\n\n";
-:></div>
  
+:></section>
+<: if ($ENV{PATH_INFO} =~ /256/) { :>
  <hr>
  
-<div class="section">
+<section>
  <h2>256-colour space</h2>
  <:
  for my $r (0 .. 5) {
@@ -129,18 +133,8 @@ for my $row (0, 12) {
         print "</table>\n";
  }
  print "\n";
-:></div>
  
+:></section>
+<: } :>
  <hr>
  
-<p class="footer">
-       <a href="/" rel="home">sheet.shiar.nl</a>/termcol.<a href="/source/termcol.plp"
-        rel="code" title="Written in Perl">plp</a>
-       <a href="http://git.shiar.nl/sheet.git/history/HEAD:/termcol.plp"
-        rel="vcs-git" title="Git repository"><:= $VERSION :></a>
-       created by <a href="http://shiar.nl/" rel="author">Shiar</a> •
-       <a href="http://www.fsf.org/licensing/licenses/agpl-3.0.html" rel="copyright"
-        title="Licensed under the GNU Affero General Public License, version 3">AGPLv3</a>
-</p>
-
-</html>