dieren: constant cell width for any gallery table
[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 figure[hidden] {
43         opacity: 0; /* secret */
44         transition: opacity 1s 0s;
45         display: block;
46 }
47 figure[hidden]:hover {
48         opacity: 1;
49         transition-delay: 1s;
50 }
51 figure[hidden]:hover > figcaption {
52         transition-delay: 2s;
53 }
54
55 @media (max-width: 60em) {
56         td, th {
57                 font-size: 50%;
58         }
59         figcaption small {
60                 display: none;
61         }
62         th:first-child {
63                 display: none;
64         }
65 }
66 </style>
67 EOT
68 });
69
70 :>
71 <h1>Dierennamen <small>(Dutch animal names)</small></h1>
72
73 <p>
74 <:
75 say ucfirst $pageinfo->{intro};
76 say $pageinfo->{altlink};
77 :>
78 </p>
79
80 <:
81 my @table = qw(
82          >:        origineel: zee-:        meer_water:    land/aardig: anders:      #:
83          >hond:    hond       zeehond      scheepshond?   prairiehond  vleerhond    #rodehond
84          >kat:     kat        zeekat       meerkat        cat_325?    vliegende_kat #tijgerkat
85         #>haas:    haas       zeehaas      waterhaas      koolhaas?    ossenhaas?   #buidelhaas
86          >muis:    muis       zeemuis      waterspitsmuis aardmuis     vleermuis    #computermuis
87          >rat:     rat        zeerat       waterrat       woestijnrat  buidelrat    #beverrat
88          >egel:    egel       zee-egel     wateregel? aardegel??=cactus mierenegel  #kegel?
89          >varken:  varken     zeevarken=bruinvis
90                                 waterzwijn=capibara       aardvarken   stekelvarken #feestvarken?
91          >koe:     koe        zeekoe       meerkoetje     aardekoe??   koedoe       #haiku?
92          >paard:   paard      zeepaardje   nijlpaard      (turn)paard? luipaard     #tijgerpaard
93         #>hoorn:   eenhoorn   zeehoorn     zee-eenhoorn?=narwal
94                                                      bergahorn=esdoorn neushoorn    #eekhoorn
95         #>bra:   bra(ssière)? zebra        -              -            cobra        #sabra
96         #>olifant: olifant    zeeolifant   olifantsvis    kamerolifant? -           #olifantsoor
97          >beer:    beer       zeebeer      waterbeertje   ijsbeer      wasbeer      #neusbeer
98          >leeuw:   leeuw      zeeleeuw     waterleeuw??   aardleeuw??=kameleon
99                                                                        mierenleeuw  #
100          >wolf:    wolf       zeewolf      waterwolf??=snoek  aardwolf korenwolf    #strandwolf=bruine_hyena
101          >haan:    haan       zeehaan      waterhaan      rotshaan     sprinkhaan   #wilde_haan??=wildrooster
102         #>pad:     pad        zebrapad?    waterpad?      landpad      schildpad    #paddenstoel
103         #>draak:   draak      zeedraak     waterdraak=agame          - komododraak=varaan #
104         #>vlo:     vlo        zeevlo       watervlo       aardvlo      vlok?        #
105         #>mot:     mot        marmot       watermot       bergamot     -            #
106         #>bij:     bij        -            waterbij       aardbei      moerbei      hommelbij
107 );
108 $table[4 + 9*7] = 'grasmodderpaard?=草泥马' if $Request eq 'standaard'; # replace turnpaard
109
110 @table = qw(
111         >hond    zeehond    prairiehond
112         >kat     zeekat     meerkat
113         >muis    zeemuis    vleermuis
114         >egel    zee-egel   mierenegel
115         >varken  zeevarken  stekelvarken
116         >koe     zeekoe     meerkoetje
117         >paard   zeepaardje nijlpaard
118         >olifant zeeolifant olifantsvis
119         >beer    zeebeer    wasbeer
120         >leeuw   zeeleeuw   mierenleeuw
121         >wolf    zeewolf    korenwolf
122         >haan    zeehaan    sprinkhaan
123         >mot     marmot     bergamot
124 ) if $Request eq 'beknopt';
125
126 if (exists $get{r}) {
127         use List::MoreUtils qw( part );
128         my @trans = (part { state $col; /^#?>/ ? ($col = 0) : ++$col } @table);
129         @table = ();
130         for (@trans) {
131                 unshift @$_, '?:' if $_->[0] !~ /:$/;
132                 $_->[0] =~ s/^#?\K>?/>>/;
133                 for (@$_) {
134                         push @table, s/^#?\K>/$1/r;
135                 }
136         }
137 }
138
139 say '<table class="gallery">';
140 while (my $name = shift @table) {
141         if ($name =~ s/^#// and !$pageinfo->{prefix}) {
142                 while ($name = shift @table) {
143                         last if $name =~ m/^>/;
144                 }
145                 $name or next;
146         }
147         if ($name =~ s/^>//) {
148                 # leading dash starts a new row
149                 say '</tr>' if $name;
150                 print "<tr>";
151         }
152         $name =~ s/^-$//;
153         my ($img) = $name =~ /([\w-]+)/;
154         $name =~ y/_/ /;
155         if ($name =~ s/:$//) {
156                 # trailing colon indicates header text
157                 print "<th>$name</th>";
158                 next;
159         }
160         print '<td>';
161         my $alt = $1 if $name =~ s/=(.*)//;
162         my $hidden = $name =~ s/\?$//;
163         $name = "<q>$name</q>" if $name =~ s/\?$//;
164         $name .= " <small>($alt)</small>" if $alt;
165
166         printf '<figure%s>', $hidden && !$pageinfo->{secrets} && ' hidden';
167         if ($img and -e ($img = "data/dieren/$img.jpg")) {
168                 printf '<img src="/%s"', $img;
169                 printf ' alt="%s"', $alt || $name;
170                 print ' />';
171                 print "<figcaption>$name</figcaption>";
172         }
173         elsif ($hidden) {
174                 printf '<figcaption>%s</figcaption>', "$name?";
175         }
176         else {
177                 print $name;
178         }
179         print '</figure>';
180         print '</td>';
181 }
182 say '</tr></table>';