X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/f7ced5dbac0054134afbf8c174ffc5542ef9dbdc..17e692e15f94c64b89ec740856aa0b42087a675b:/keyboard/altgr/index.inc.plp

diff --git a/keyboard/altgr/index.inc.plp b/keyboard/altgr/index.inc.plp
index 36b50c3..e4ed3d8 100644
--- a/keyboard/altgr/index.inc.plp
+++ b/keyboard/altgr/index.inc.plp
@@ -34,12 +34,17 @@ img {
 with AltGr or similar modifier keys.</p>
 
 <section class="gallery"><:
-for my $inc (@incs) {
-	$inc =~ s/\Q.inc.pl\E$//;
+my %idx = map {s/\Q.inc.pl\E$//; ($_ => eval{ Data($_) })} @incs;
+for my $inc (sort {
+	$idx{$a}{category} cmp $idx{$b}{category} || $a cmp $b
+} keys %idx) {
 	print '<figure>';
 	printf '<a href="/%s">', $inc =~ s/\.eng$//r;
-	if (my $table = eval { Data($inc) }) {
-		printf '<img src="/%s" />', $_ for $table->{image} || ();
+	if ($table = $idx{$inc}) {
+		if (my $img = $table->{image}) {
+			EscapeHTML $name = $table->{imagealt} // $img =~ m{.*/([^/.]*)};
+			print qq{<img src="/$img" alt="$name" />};
+		}
 		$inc = $table->{title};
 	}
 	printf '<figcaption>%s</figcaption>', $inc;