dieren: preview image montage of the first 3x3 cells

diff --git a/dieren.jpg b/dieren.jpg
new file mode 100644 (file)
index 0000000..a4d0104
Binary files /dev/null and b/dieren.jpg differ

diff --git a/dieren.plp b/dieren.plp
index d9833b2b97e8327907455368cddbad6d08a7d074..f7935fee7562cc61ab4bb820138c1cd62421c73d 100644 (file)
--- 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%;
        }