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      scheepshond?   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      (turn)paard? 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 $table[4 + 9*7] = 'grasmodderpaard?=草泥马' if $Request eq 'standaard'; # replace turnpaard
 121
 122 @table = qw(
 123         >hond    zeehond    prairiehond
 124         >kat     zeekat     meerkat
 125         >muis    zeemuis    vleermuis
 126         >egel    zee-egel   mierenegel
 127         >varken  zeevarken  stekelvarken
 128         >koe     zeekoe     meerkoetje
 129         >paard   zeepaardje nijlpaard
 130         >olifant zeeolifant olifantsvis
 131         >beer    zeebeer    wasbeer
 132         >leeuw   zeeleeuw   mierenleeuw
 133         >wolf    zeewolf    korenwolf
 134         >haan    zeehaan    sprinkhaan
 135         >mot     marmot     bergamot
 136 ) if $Request eq 'beknopt';
 137
 138 if (exists $get{r}) {
 139         use List::MoreUtils qw( part );
 140         my @trans = (part { state $col; /^#?>/ ? ($col = 0) : ++$col } @table);
 141         @table = ();
 142         for (@trans) {
 143                 unshift @$_, '?:' if $_->[0] !~ /:$/;
 144                 $_->[0] =~ s/^#?\K>?/>>/;
 145                 for (@$_) {
 146                         push @table, s/^#?\K>/$1/r;
 147                 }
 148         }
 149 }
 150
 151 say '<table>';
 152 while (my $name = shift @table) {
 153         if ($name =~ s/^#// and !$pageinfo->{prefix}) {
 154                 while ($name = shift @table) {
 155                         last if $name =~ m/^>/;
 156                 }
 157                 $name or next;
 158         }
 159         if ($name =~ s/^>//) {
 160                 # leading dash starts a new row
 161                 say '</tr>' if $name;
 162                 print "<tr>";
 163         }
 164         $name =~ s/^-$//;
 165         my ($img) = $name =~ /([\w-]+)/;
 166         $name =~ y/_/ /;
 167         if ($name =~ s/:$//) {
 168                 # trailing colon indicates header text
 169                 print "<th>$name</th>";
 170                 next;
 171         }
 172         print '<td>';
 173         my $alt = $1 if $name =~ s/=(.*)//;
 174         my $hidden = $name =~ s/\?$//;
 175         $name = "<q>$name</q>" if $name =~ s/\?$//;
 176         $name .= " <small>($alt)</small>" if $alt;
 177
 178         printf '<figure%s>', $hidden && !$pageinfo->{secrets} && ' hidden';
 179         if ($img and -e ($img = "data/dieren/$img.jpg")) {
 180                 printf '<img src="/%s"', $img;
 181                 printf ' alt="%s"', $alt || $name;
 182                 print ' />';
 183                 print "<figcaption>$name</figcaption>";
 184         }
 185         elsif ($hidden) {
 186                 printf '<figcaption>%s</figcaption>', "$name?";
 187         }
 188         else {
 189                 print $name;
 190         }
 191         print '</figure>';
 192         print '</td>';
 193 }
 194 say '</tr></table>';