X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/de5881cb3b9ffd4349986cb6653fc903ff737ada..HEAD:/apl.plp

diff --git a/apl.plp b/apl.plp
index 478533f..302a55d 100644
--- a/apl.plp
+++ b/apl.plp
@@ -2,26 +2,38 @@
 
 Html({
 	title => 'APL',
-	version => 'v1.0',
+	version => '1.0',
 	description => [
 	],
 	keywords => [qw'
 	'],
 	stylesheet => [qw'light circus dark red'],
 	data => [qw'apl.inc.pl'],
+	raw => <<'EOT',
+<style>
+	.target tbody td:nth-child(4) ~ td,
+	:target tbody td:nth-child(4) ~ td {
+		text-align: left;
+	}
+	.target tbody td[title]::after,
+	:target tbody td[title]::after {
+		content: ': ' attr(title);
+		font-size: 75%;
+		opacity: .7;
+	}
+</style>
+EOT
 });
 
 use Shiar_Sheet::FormatChar;
 my $glyphs = Shiar_Sheet::FormatChar->new;
-
-my @ops = do 'apl.inc.pl';
-@ops > 1 or die "cannot open operator include: $@\n";
+my $ops = Data('apl');
 
 :>
 <h1>APL Symbols</h1>
 
 <div class="section">
-<table class="mapped">
+<table class="mapped" onclick="this.classList.toggle('target')">
 	<col><colgroup span=3><colgroup span=2>
 <thead><tr>
 	<td rowspan=2>op
@@ -32,45 +44,40 @@ my @ops = do 'apl.inc.pl';
 	<td><a href="/digraphs" title="digraph">di</a><td>html
 	<td title="…B">monadic
 	<td title="A…B">dyadic
-</thead>
+<tbody>
 
 <:
-for my $op (@ops) {
+for my $op (@{$ops}) {
+	$op or do {
+		say '<tbody>';
+		next;
+	};
+
 	my ($chr, $dyad, $monad) = @{$op};
 	($chr, my $altkey) = split /\n/, $chr;
 	my $codepoint = ord $chr;
 	my $ascii = $codepoint <= 127;
 	my $info = $glyphs->glyph_info($codepoint);
-	my ($class, $name, $mnem, $html, $string) = @{$info};
+	my ($class, $name, $mnem, $entity, $string) = @{$info};
 
 	printf '<tr><th title="%2$s">%s', $chr, EscapeHTML($name || '?'), $class;
 	printf '<td class="%s">%s', @{$_} for (
 		[$ascii ? 'l5' : defined $altkey ? 'l4' : 'l3', $altkey],
 		[defined $mnem ? $class =~ /\bu-di\b/ ? 'l4' : 'l3' : $ascii ? 'l5' : 'l1',
 			EscapeHTML($mnem) // sprintf('%s%0*X', $codepoint < 256 ? (x => 2) : (u => 4), $codepoint)],
-		[defined $html ? 'l4' : $ascii ? 'l5' : 'l1', $html // "#$codepoint"],
+		[defined $entity ? 'l4' : $ascii ? 'l5' : 'l1', $entity // "#$codepoint"],
 	);
 	printf(
-		defined $_ ? '<td%s>%s' : '<td class=Xi>',
-		map { !!$_->[1] && qq( title="$_->[1]"), $_->[0] }
-		[map { EscapeHTML($_) } split /\n/, $_, 2]
+		'<td%s>%s',
+		map { defined ? (!!$_->[1] && qq( title="$_->[1]"), $_->[0]) : (' class=Xi', '') }
+		$_ && [map { EscapeHTML($_) } split /\n/, $_, 2]
 	) for $monad, $dyad;
-	print "\n";
+	say '</td>';
 }
 
 :></table>
 </div>
 
-<hr>
-
-<div class="legend">
-	<table class="glyphs"><tr>
-	<td class="X l5">unicode 1.1
-	<td class="X l4">20th century
-	<td class="X l3">in 6.0 (2010)
-	<td class="X l2">recent assignments
-	<td class="X l1">proposed
-	<td class="ex">irregular
-	</table>
-</div>
+<:
+say for '<hr/>', $glyphs->legend;