dieren: proposed additions on ?v parameter

[sheet.git] / dieren.plp

diff --git a/dieren.plp b/dieren.plp
index cb2039195780ea5fdbc1cb6db583b6ed460f3de0..320222f8fc369d867d6c6894584bc13fc40c5bf1 100644 (file)
--- a/dieren.plp
+++ b/dieren.plp
@@ -21,6 +21,15 @@ img {
        vertical-align: bottom;
        width: 100%;
 }
+img[hidden] {
+       transition: opacity 1s 0s;
+       display: inline;
+       opacity: 0;
+}
+img[hidden]:hover {
+       opacity: 1;
+       transition-delay: 2s;
+}
 </style>
 EOT
 });
@@ -35,7 +44,8 @@ my @table = qw(
        >:         origineel: zee-:        meer_water:  aardig:      anders:
        >hond:     hond       zeehond      waterhond?   aardhond?    vleerhond
        >kat:      kat        zeekat       meerkat      caterpillar? tijgerkat
-       >muis:     muis       zeemuis      waterrat?    aardmuis     vleermuis
+       >muis:     muis       zeemuis      watermuis?   aardmuis     vleermuis
+       >rat:      rat        zeerat       waterrat     woestijnrat  buidelrat
        >egel:     egel       zee-egel     wateregel?   aardegel?    mierenegel
        >varken:   varken     zeevarken    waterzwijn   aardvarken   stekelvarken
        >koe:      koe        zeekoe       meerkoetje   aardkoe?     haiku?
@@ -45,6 +55,16 @@ my @table = qw(
        >wolf:     wolf       zeewolf      waterwolf?   aardwolf     buidelwolf
        >haan:     haan       zeehaan      waterhaan    rotshaan     sprinkhaan
 );
+push @table, qw(
+       >hoorn:    eenhoorn   zee-eenhoorn waterhoorn?  aardhoorn? neushoorn eekhoorn
+       >haas:     haas       zeehaas      ?            ?           ?
+       >olifant:  olifant    zeeolifant   waterolifant? landolifant? ?
+       >vlo:      vlo        strandvlo    watervlo     aardvlo     ?
+       >bra:      bh?        zebra        waterbra?    aardbra?   cobra
+       >draak:    draak      zeedraak     waterdraak?  aarddraak? ?
+) if exists $get{v};
+splice @table, 6 * 10, 0, 'neusbeer' if exists $get{v};
+splice @table, 6 *  5, 0, 'beverrat' if exists $get{v};
 
 say '<table>';
 for my $name (@table) {
@@ -60,11 +80,16 @@ for my $name (@table) {
                next;
        }
        print qq{<td title="$name">};
+       my $hidden = $name =~ s/\?$//;
        if (-e (my $img = "data/dieren/$name.jpg")) {
                printf '<img src="/%s"', $img;
                printf ' alt="%s"', -l $img ? readlink($img) =~ s/\.jpg$//r : $name;
+               print ' hidden' if $hidden;
                print ' />';
        }
+       elsif (!$hidden) {
+               print $name;
+       }
        print '</td>';
 }
 say '</tr></table>';