From: Mischa POSLAWSKY <perl@shiar.org>
Date: Fri, 27 Oct 2023 20:56:43 +0000 (+0200)
Subject: dieren: preview image montage of the first 3x3 cells
X-Git-Tag: v1.15~31
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/ef5bd0c3333851ac3406112a75b8f39cc4495c1f

dieren: preview image montage of the first 3x3 cells
---

diff --git a/dieren.jpg b/dieren.jpg
new file mode 100644
index 0000000..a4d0104
Binary files /dev/null and b/dieren.jpg differ
diff --git a/dieren.plp b/dieren.plp
index d9833b2..f7935fe 100644
--- a/dieren.plp
+++ b/dieren.plp
@@ -32,6 +32,9 @@ $Request ||= 'standaard';
 my $pageinfo = $subpages{$Request}
 	or Html(), Abort("Onbekende dierenpagina <q>$Request</q>", '404 request not found');
 
+my $proto = sprintf('http%s://', !!$ENV{HTTPS} && 's');
+my $preview = "$proto$ENV{HTTP_HOST}/dieren.jpg";
+
 Html({
 	title => $pageinfo->{title}.' cheat sheet',
 	version => '1.1',
@@ -42,7 +45,8 @@ Html({
 		relatie vernoemd vernoeming combinatie samenstelling voorvoegsel onverwant
 		land zee lucht  animals dutch language
 	'],
-	raw => <<'EOT',
+	raw => <<"EOT",
+<meta property="og:image" content="$preview" />
 <style>
 figure[hidden] {
 	opacity: 0; /* secret */
@@ -57,7 +61,7 @@ figure[hidden]:hover > figcaption {
 	transition-delay: 2s;
 }
 
-@media (max-width: 60em) {
+\@media (max-width: 60em) {
 	td, th {
 		font-size: 50%;
 	}