word: quiz mode omitting titles in random order

[sheet.git] / word.plp

diff --git a/word.plp b/word.plp
index 40cc8898cdcd8960cba3cf7df0137975f62592f7..4d60f9a445da3fd40e177b1a07fb14ef63e6465a 100644 (file)
--- a/word.plp
+++ b/word.plp
@@ -11,7 +11,28 @@ Html({
                language
        '],
        data => [$wordlist],
-       raw => <<'EOT',
+       raw => (exists $get{q} && <<'EOT')
+<style>
+.gallery figure {
+       grid-row: span 1 !important;
+       grid-column: span 1 !important;
+}
+.gallery figcaption {
+       /* keep hover position */
+       right: 50%;
+       bottom: 50%;
+       transform: translate(50%, 50%);
+       /* hide */
+       visibility: hidden;
+       font-size: 0 !important;
+}
+.gallery figure:active > figcaption {
+       visibility: visible;
+       font-size: 175% !important;
+}
+</style>
+EOT
+               . <<'EOT',
 <style>
 body {
        margin: 8px 1px;
@@ -31,6 +52,7 @@ if (exists $get{debug}) {
 <p>
 Under construction.
 Zie ook <a href="/dieren">dieren</a>.
+<a href="?q">Omit translations</a> to test.
 </p>
 
 <:
@@ -40,7 +62,9 @@ sub showimg {
        my ($id, $name) = @_;
        my ($imgname) = $name =~ m{^([^/]+)};
        $name =~ s/\w{4} [^aoeuiyc\W] [rl]?+ \K (?= [^aoeuiy\W] [rl]? [aoeuiy] \w)/&shy;/gx;
-       $name =~ s{/(.*)}{ <small>($1)</small>}g;
+       ($name, my @morenames) = split m{/}, $name;
+       $name =~ s{\( ([^/]+) \)}{<small>$1</small>}x;
+       $name .= " <small>($_)</small>" for @morenames;
        my $hidden = $name =~ s/\?$//;
        $name = "<q>$name</q>" if $name =~ s/\?$//;
        $name = "<figcaption>$name</figcaption>";
@@ -68,5 +92,13 @@ sub printimgs {
 }
 
 say '<section class="gallery">';
-printimgs($table->{''}->[0]);
+if (exists $get{q}) {
+       my @rows = map {@$_} values %{$table}; # flatten categories
+       @rows = sort { rand <=> .5 } @rows;
+       $table = {};
+       printimgs(@rows);
+}
+else {
+       printimgs($Request || $table->{''}->[0]);
+}
 say '</section>';