From: Mischa POSLAWSKY <perl@shiar.org>
Date: Sat, 23 Nov 2019 15:06:41 +0000 (+0100)
Subject: dieren: hidden images as easter eggs
X-Git-Tag: v1.12~21
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/49f25a80a01717e058638d70f0888031a81f67cf

dieren: hidden images as easter eggs
---

diff --git a/dieren.plp b/dieren.plp
index cb20391..42ca5ec 100644
--- a/dieren.plp
+++ b/dieren.plp
@@ -21,6 +21,15 @@ img {
 	vertical-align: bottom;
 	width: 100%;
 }
+img[hidden] {
+	transition: opacity 1s 0s;
+	display: inline;
+	opacity: 0;
+}
+img[hidden]:hover {
+	opacity: 1;
+	transition-delay: 2s;
+}
 </style>
 EOT
 });
@@ -60,11 +69,16 @@ for my $name (@table) {
 		next;
 	}
 	print qq{<td title="$name">};
+	my $hidden = $name =~ s/\?$//;
 	if (-e (my $img = "data/dieren/$name.jpg")) {
 		printf '<img src="/%s"', $img;
 		printf ' alt="%s"', -l $img ? readlink($img) =~ s/\.jpg$//r : $name;
+		print ' hidden' if $hidden;
 		print ' />';
 	}
+	elsif (!$hidden) {
+		print $name;
+	}
 	print '</td>';
 }
 say '</tr></table>';