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