word.plp

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