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