termcol: 256-colour tables (like 88)

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

index 3fd9eceacf2ade51d94c0d3f532f851bb62446c1..c7c74bfb754f3811edd29e7a44b98aa7d6e10930 100644 (file)
--- a/termcol.plp
+++ b/termcol.plp
@@ -19,10 +19,10 @@ $header{content_type} = 'text/html; charset=utf-8';
  <link rel="stylesheet" type="text/css" media="all" href="/base.css">
  </head>
  
  <link rel="stylesheet" type="text/css" media="all" href="/base.css">
  </head>
  
-<body>
+<body id="colour">
  <h1>Terminal colours</h1>
  
  <h1>Terminal colours</h1>
  
-<table>
+<ul>
  <:
  sub luminance {
         # perceived brightness (using ITU-R recommendation 601 luma co-efficients)
  <:
  sub luminance {
         # perceived brightness (using ITU-R recommendation 601 luma co-efficients)
@@ -38,7 +38,7 @@ sub colcell {
         my $rgb48 = '';
         $rgb48 .= sprintf '%02X', $_ for @rgb[0..2];
         my $inverse = sprintf('%X', luminance(@rgb)/255 < .3 ? 12 : 0) x 3;
         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',
+       return sprintf '<td style="%s; padding:0 1ex">%s<td style="%s">%s<td style="%s">%s'."\n",
                 "background:#$rgb48; color:#$inverse",
                 $id,
                 "background:#000; color:#$rgb48",
                 "background:#$rgb48; color:#$inverse",
                 $id,
                 "background:#000; color:#$rgb48",
@@ -76,31 +76,57 @@ my %col = (
         ],
  );
  
         ],
  );
  
-my @termlist = qw(html cga xterm tango);
-print '<tr>', (map {'<th colspan="3">'.$_} @termlist), "</tr>\n";
-for my $num (0 .. 15) {
-       printf('<tr>%s</tr>'."\n",
-               join('', map {
-                       my $rgb = $col{$_}[$num + 2];
-                       colcell($_ eq 'html' ? $col{-name}[$num] : $num, $rgb, $col{$_}[0])
-               } @termlist ),
-       );
+for my $term (qw/html cga xterm tango/) {
+       print '<li>', "\n";
+       print '<table>', "\n";
+       print "<caption>$term</caption>\n";
+       for my $num (0 .. 15) {
+               my $rgb = $col{$term}[$num + 2];
+               print '<tr>',
+                       colcell($term eq 'html' ? $col{-name}[$num] : $num, $rgb, $col{$term}[0]);
+       }
+       print "</table></li>\n\n";
  }
  }
-:></table>
+:></ul>
  
  
-<h2>88-colour space</h2>
-<table>
+<hr>
+<h2>88-colour space</h2><ul>
  <:
  for my $r (0 .. 3) {
  <:
  for my $r (0 .. 3) {
-       print '<tr>';
+       print '<li><table>';
         for my $g (0 .. 3) {
         for my $g (0 .. 3) {
+               print '<tr>';
                 for my $b (0 .. 3) {
                         print colcell($r*4*4 + $g*4 + $b + 16, map {(0, 139, 205, 255)[$_]} $r, $g, $b);
                 }
         }
                 for my $b (0 .. 3) {
                         print colcell($r*4*4 + $g*4 + $b + 16, map {(0, 139, 205, 255)[$_]} $r, $g, $b);
                 }
         }
-       print "\n";
+       print "</table>\n";
+}
+print "\n";
+
+print '<li><table><tr>', map { colcell(80, ($_) x 3) } 46, 92, 115, 139, 162, 185, 208, 231;
+print "</table>\n\n";
+:></li>
+</ul>
+
+<hr>
+<h2>256-colour space</h2><ul>
+<:
+for my $r (0 .. 5) {
+       print '<li><table>';
+       for my $g (0 .. 5) {
+               print '<tr>';
+               for my $b (0 .. 5) {
+                       print colcell($r*6*6 + $g*6 + $b + 16, map { $_ && $_*40 + 55 } $r, $g, $b);
+               }
+       }
+       print "</table>\n";
  }
  print "\n";
  }
  print "\n";
-print '<tr>', map { colcell(80, ($_) x 3) } 46, 92, 115, 139, 162, 185, 208, 231;
-:></table>
+
+print '<li><table><tr>', (map { colcell(232+$_, ($_*10 + 8) x 3) } $_ .. $_+11), "</table>\n"
+       for 0, 12;
+print "\n";
+:></li>
+</ul>