dieren: regular cell width regardless of contents
[sheet.git] / dieren.plp
1 <(common.inc.plp)><:
2 use warnings;
3 no warnings 'qw';
4
5 my $intro = 'dieren die in het Nederlands vernoemd zijn naar andere dieren.';
6 my %subpages = (
7         standaard => {
8                 title => 'dieren',
9                 intro => $intro,
10                 altlink => 'Zie ook <a href="/dieren/uitgebreid">verdergezochte verbanden</a>' .
11                            ' of het <a href="/dieren/beknopt">beknopte overzicht</a>.',
12         },
13         uitgebreid => {
14                 title => 'uitgebreid dieren',
15                 intro => "$intro.. en dergelijke.",
16                 altlink => 'Zie het <a href="/dieren">populaire overzicht</a> voor minder.',
17                 prefix => '#',
18                 secrets => 1,
19         },
20         beknopt => {
21                 title => 'beknopt dieren',
22                 intro => "een aantal $intro",
23                 altlink => 'Zie het <a href="/dieren">populaire overzicht</a> voor meer.',
24         },
25 );
26
27 $Request ||= 'standaard';
28 my $pageinfo = $subpages{$Request}
29         or Html(), Abort("Onbekende dierenpagina <q>$Request</q>", '404 request not found');
30
31 Html({
32         title => $pageinfo->{title}.' cheat sheet',
33         version => '1.0',
34         description => "Tabeloverzicht met afbeeldingen van $pageinfo->{intro}",
35         keywords => [qw'
36                 dier beest naam naamgeving woord taal nederlands gerelateerd
37                 relatie vernoemd vernoeming combinatie samenstelling voorvoegsel onverwant
38                 land zee lucht  animals dutch language
39         '],
40         raw => <<'EOT',
41 <style>
42 table {
43         width: 100%;
44 }
45 th {
46         width: 1%; /* min-content */
47 }
48 td {
49         width: 15%; /* 1fr */
50         vertical-align: bottom;
51 }
52 figure[hidden] {
53         transition: opacity 1s 0s;
54         display: inline;
55         opacity: 0;
56 }
57 figure[hidden]:hover {
58         opacity: 1;
59         transition-delay: 2s;
60 }
61 </style>
62 EOT
63 });
64
65 :>
66 <h1>Dierennamen <small>(Dutch animal names)</small></h1>
67
68 <p>
69 <:
70 say ucfirst $pageinfo->{intro};
71 say $pageinfo->{altlink};
72 :>
73 </p>
74
75 <:
76 my @table = qw(
77          >:        origineel: zee-:        meer_water:    land/aardig: anders:      #:
78          >hond:    hond       zeehond      waterhond??    prairiehond  vleerhond    #rodehond
79          >kat:     kat        zeekat       meerkat        cat_325?    vliegende_kat #tijgerkat
80         #>haas:    haas       zeehaas      waterhaas      koolhaas?    ossenhaas?   #buidelhaas
81          >muis:    muis       zeemuis      waterspitsmuis aardmuis     vleermuis    #computermuis
82          >rat:     rat        zeerat       waterrat       woestijnrat  buidelrat    #beverrat
83          >egel:    egel       zee-egel     wateregel?     aardegel??   mierenegel   #
84          >varken:  varken     zeevarken    waterzwijn     aardvarken   stekelvarken #
85          >koe:     koe        zeekoe       meerkoetje     aardekoe??   koedoe       #haiku?
86          >paard:   paard      zeepaardje   nijlpaard      aardpaard??  luipaard     #tijgerpaard
87         #>hoorn:   eenhoorn   zeehoorn     zee-eenhoorn?  bergahorn    neushoorn    #eekhoorn
88         #>bra:   bra(ssière)? zebra        -              -            cobra        #sabra
89         #>olifant: olifant    zeeolifant   olifantsvis    kamerolifant? -           #olifantsoor
90          >beer:    beer       zeebeer      waterbeertje   ijsbeer      wasbeer      #neusbeer
91          >leeuw:   leeuw      zeeleeuw     waterleeuw??   aardleeuw??  mierenleeuw  #
92          >wolf:    wolf       zeewolf      waterwolf??    aardwolf     korenwolf    #buidelwolf
93          >haan:    haan       zeehaan      waterhaan      rotshaan     sprinkhaan   #wilde_haan??
94         #>pad:     pad        zebrapad?    waterpad?      landpad      schildpad    #paddenstoel
95         #>draak:   draak      zeedraak     waterdraak     -            komododraak  #
96         #>vlo:     vlo        zeevlo       watervlo       aardvlo      -            #vlok?
97         #>mot:     mot        marmot       watermot       bergamot     -            #
98         #>bij:     bij        -            waterbij       aardbei      moerbei      hommelbij
99 );
100
101 @table = qw(
102         >hond    zeehond    prairiehond
103         >kat     zeekat     meerkat
104         >muis    zeemuis    vleermuis
105         >egel    zee-egel   mierenegel
106         >varken  zeevarken  stekelvarken
107         >koe     zeekoe     meerkoetje
108         >paard   zeepaardje nijlpaard
109         >olifant zeeolifant olifantsvis
110         >beer    zeebeer    wasbeer
111         >leeuw   zeeleeuw   mierenleeuw
112         >wolf    zeewolf    korenwolf
113         >haan    zeehaan    sprinkhaan
114         >mot     marmot     bergamot
115 ) if $Request eq 'beknopt';
116
117 if (exists $get{r}) {
118         use List::MoreUtils qw( part );
119         my @trans = (part { state $col; /^#?>/ ? ($col = 0) : ++$col } @table);
120         @table = ();
121         for (@trans) {
122                 unshift @$_, '?:' if $_->[0] !~ /:$/;
123                 $_->[0] =~ s/^#?\K>?/>>/;
124                 for (@$_) {
125                         push @table, s/^#?\K>/$1/r;
126                 }
127         }
128 }
129
130 say '<table>';
131 while (my $name = shift @table) {
132         if ($name =~ s/^#// and !$pageinfo->{prefix}) {
133                 while ($name = shift @table) {
134                         last if $name =~ m/^>/;
135                 }
136                 $name or next;
137         }
138         if ($name =~ s/^>//) {
139                 # leading dash starts a new row
140                 say '</tr>' if $name;
141                 print "<tr>";
142         }
143         $name =~ s/^-$//;
144         my ($img) = $name =~ /^([\w-]+)/;
145         $name =~ y/_/ /;
146         if ($name =~ s/:$//) {
147                 # trailing colon indicates header text
148                 print "<th>$name</th>";
149                 next;
150         }
151         print '<td>';
152         my $hidden = $name =~ s/\?$//;
153         my $alt = $name;
154         $name = "<q>$name</q>" if $name =~ s/\?$//;
155
156         printf '<figure%s>', $hidden && !$pageinfo->{secrets} && ' hidden';
157         if ($img and -e ($img = "data/dieren/$img.jpg")) {
158                 my $alt = -l $img && readlink($img) =~ s/\.jpg$//r;
159                 if ($alt) {
160                         $name .= " ($alt)";
161                 }
162                 else {
163                         $alt = $name;
164                 }
165                 print "<figcaption>$name</figcaption>";
166                 printf '<img src="/%s"', $img;
167                 printf ' alt="%s"', $alt;
168                 print ' />';
169         }
170         elsif ($hidden) {
171                 printf '<figcaption>%s</figcaption>', "$name?";
172         }
173         else {
174                 print $name;
175         }
176         print '</figure>';
177         print '</td>';
178 }
179 say '</tr></table>';