dieren: full width table, image styling and alt
[sheet.git] / dieren.plp
1 <(common.inc.plp)><:
2
3 Html({
4         title => 'dieren cheat sheet',
5         version => '1.0',
6         description => [],
7         keywords => [qw'
8                 dier beest naam naamgeving woord taal nederlands gerelateerd
9                 relatie vernoemd vernoeming combinatie samenstelling onverwant
10                 land zee lucht  animals dutch language
11         '],
12         raw => <<'EOT',
13 <style>
14 table {
15         width: 100%;
16 }
17 tr:first-child th {
18         word-break: break-all;
19 }
20 img {
21         vertical-align: bottom;
22         width: 100%;
23 }
24 </style>
25 EOT
26 });
27
28 :>
29 <h1>Dierennamen <small>(Dutch animal names)</small></h1>
30
31 <p>Dieren die in het Nederlands vernoemd zijn naar andere dieren.</p>
32
33 <:
34 my @table = qw(
35         >:         origineel: zee-:        meer_water:  aardig:      anders:
36         >hond:     hond       zeehond      waterhond?   aardhond?    vleerhond
37         >kat:      kat        zeekat       meerkat      caterpillar? tijgerkat
38         >muis:     muis       zeemuis      waterrat?    aardmuis     vleermuis
39         >egel:     egel       zee-egel     wateregel?   aardegel?    mierenegel
40         >varken:   varken     zeevarken    waterzwijn   aardvarken   stekelvarken
41         >koe:      koe        zeekoe       meerkoetje   aardkoe?     haiku?
42         >paard:    paard      zeepaardje   nijlpaard    aardpaard?   luipaard
43         >beer:     beer       zeebeer      waterbeertje ijsbeer      wasbeer
44         >leeuw:    leeuw      zeeleeuw     waterleeuw?  aardleeuw?   mierenleeuw
45         >wolf:     wolf       zeewolf      waterwolf?   aardwolf     buidelwolf
46         >haan:     haan       zeehaan      waterhaan    rotshaan     sprinkhaan
47 );
48
49 say '<table>';
50 for my $name (@table) {
51         if ($name =~ s/^>//) {
52                 # leading dash starts a new row
53                 say '</tr>' if $name;
54                 print "<tr>";
55         }
56         if ($name =~ s/:$//) {
57                 # trailing colon indicates header text
58                 $name =~ y/_/ /;
59                 print "<th>$name</th>";
60                 next;
61         }
62         print qq{<td title="$name">};
63         if (-e (my $img = "data/dieren/$name.jpg")) {
64                 printf '<img src="/%s"', $img;
65                 printf ' alt="%s"', -l $img ? readlink($img) =~ s/\.jpg$//r : $name;
66                 print ' />';
67         }
68         print '</td>';
69 }
70 say '</tr></table>';