word.plp

   1 <(common.inc.plp)><:
   2
   3 if ($Request and $Request =~ m{\A([^/]+)}) {
   4         my $page = "word/$1.plp";
   5         if (-e $page) {
   6                 Include $page;
   7                 exit;
   8         }
   9 }
  10
  11 my $lang = $get{lang} || 'en';
  12 my $wordlist = "data/wordlist.$lang.inc.pl";
  13 my $limit = $get{v} // (exists $get{v} ? 4 : 3);
  14
  15 Html({
  16         title => 'words cheat sheet',
  17         version => '1.0',
  18         description => "Visual words",
  19         keywords => [qw'
  20                 language
  21         '],
  22         data => [$wordlist],
  23         raw => (exists $get{q} && <<'EOT')
  24 <style>
  25 .gallery figure {
  26         grid-row: span 1 !important;
  27         grid-column: span 1 !important;
  28 }
  29 .gallery figcaption {
  30         /* keep hover position */
  31         right: 50%;
  32         bottom: 50%;
  33         transform: translate(50%, 50%);
  34         /* hide */
  35         visibility: hidden;
  36         font-size: 0 !important;
  37 }
  38 .gallery figure:active > figcaption {
  39         visibility: visible;
  40         font-size: 175% !important;
  41 }
  42 </style>
  43 EOT
  44                 . <<'EOT',
  45 <style>
  46 body {
  47         margin: 8px 1px;
  48 }
  49 </style>
  50 EOT
  51 });
  52
  53 if (exists $get{debug}) {
  54         say '<style>';
  55         include 'word-debug.css';
  56         say '</style>';
  57 }
  58 :>
  59 <h1>Words</h1>
  60
  61 <p>
  62 Under construction.
  63 Zie ook <a href="/dieren">dieren</a>.
  64 <a href="?q">Omit translations</a> to test.
  65 </p>
  66
  67 <:
  68 my $table = do $wordlist or die $@ // $!;
  69
  70 sub showimg {
  71         my ($id, $name) = @_;
  72         my ($imgname) = $name =~ m{^([^/]+)};
  73         $name =~ s/\w{4} [^aoeuiyc\W] [rl]?+ \K (?= [^aoeuiy\W] [rl]? [aoeuiy] \w)/&shy;/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>";
  80
  81         if ($id and -e (my $img = "data/word/en/$id.jpg")) {
  82                 $name .= sprintf '<img src="/%s" alt="%s" />', $img, $imgname;
  83         }
  84         return sprintf '<figure%s>%s</figure>', $hidden && !exists $get{v} && ' hidden', $name;
  85 }
  86
  87 sub printimgs {
  88         say '<ul>';
  89         for my $row (@_) {
  90                 my ($id, $level, $title) = split /:/, $row, 3;
  91                 my @type;
  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} // ();
  98                 print '</li>';
  99         }
 100         say '</ul>';
 101 }
 102
 103 say '<section class="gallery">';
 104 if (exists $get{q}) {
 105         my @rows;
 106         if ($Request) {
 107                 my @query = $Request;
 108                 while (@query) {
 109                         push @rows, grep { (split /:/)[1] <= $limit } @query;
 110                         s/:.*// for @query;
 111                         @query = map {$_ ? @{$_} : ()} @{$table}{@query};
 112                 }
 113         }
 114         else {
 115                 @rows = map {ref ? @$_ : $_} values %{$table}; # flatten categories
 116         }
 117         @rows = sort { rand <=> .5 } @rows;
 118         $table = {};
 119         printimgs(@rows);
 120 }
 121 else {
 122         printimgs($Request || $table->{''}->[0]);
 123 }
 124 say '</section>';