3 if ($Request and $Request =~ m{\A([^/]+)}) {
4 my $page = "word/$1.plp";
11 my $lang = $get{lang} || 'en';
12 my $wordlist = "data/wordlist.$lang.inc.pl";
13 my $limit = $get{v} // (exists $get{v} ? 4 : 3);
16 title => 'words cheat sheet',
18 description => "Visual words",
23 raw => (exists $get{q} && <<'EOT')
26 grid-row: span 1 !important;
27 grid-column: span 1 !important;
30 /* keep hover position */
33 transform: translate(50%, 50%);
36 font-size: 0 !important;
38 .gallery figure:active > figcaption {
40 font-size: 175% !important;
53 if (exists $get{debug}) {
55 include 'word-debug.css';
63 Zie ook <a href="/dieren">dieren</a>.
64 <a href="?q">Omit translations</a> to test.
68 my $table = do $wordlist or die $@ // $!;
72 my ($imgname) = $name =~ m{^([^/]+)};
73 $name =~ s/\w{4} [^aoeuiyc\W] [rl]?+ \K (?= [^aoeuiy\W] [rl]? [aoeuiy] \w)/­/gx;
74 ($name, my @morenames) = split m{/}, $name;
75 $name =~ s{\( ([^/]+) \)}{<small>$1</small>}x;
76 $name .= " <small>($_)</small>" for @morenames;
77 my $hidden = $name =~ s/\?$//;
78 $name = "<q>$name</q>" if $name =~ s/\?$//;
79 $name = "<figcaption>$name</figcaption>";
81 if ($id and -e (my $img = "data/word/en/$id.jpg")) {
82 $name .= sprintf '<img src="/%s" alt="%s" />', $img, $imgname;
84 return sprintf '<figure%s>%s</figure>', $hidden && !exists $get{v} && ' hidden', $name;
90 my ($id, $level, $title) = split /:/, $row, 3;
92 push @type, 'parent' if defined $table->{$id};
93 push @type, 'large' if $level =~ s/c$//;
94 push @type, 'level'.($level || 0);
95 printf '<li%s>', @type ? sprintf ' class="%s"', join ' ', @type : '';
96 print showimg($id, $title) if $level <= $limit;
97 printimgs(@{$_}) for $table->{$id} // ();
103 say '<section class="gallery">';
104 if (exists $get{q}) {
107 my @query = $Request;
109 push @rows, grep { (split /:/)[1] <= $limit } @query;
111 @query = map {$_ ? @{$_} : ()} @{$table}{@query};
115 @rows = map {ref ? @$_ : $_} values %{$table}; # flatten categories
117 @rows = sort { rand <=> .5 } @rows;
122 printimgs($Request || $table->{''}->[0]);