word edit: translation entry in referrer form

[sheet.git] / word.plp

diff --git a/word.plp b/word.plp
index 7d62562215343ad5433d5c5586b2403ab30d2ed0..ac596b5969d1de15d064dc77f9f22276451af8b1 100644 (file)
--- a/word.plp
+++ b/word.plp
@@ -1,6 +1,8 @@
 <(common.inc.plp)><:
 
 my $wordlist = 'wordlist.eng.inc.pl';
+my $limit = $get{v} // (exists $get{v} ? 4 : 3);
+
 Html({
        title => 'words cheat sheet',
        version => '1.0',
@@ -27,6 +29,17 @@ figcaption > small {
        display: inline-block;
 }
 
+li.large > figure {
+       grid-row: span 2;
+       grid-column: span 2;
+}
+@media (min-width: 600px) and (min-height: 400px) {
+       p + ul > li:first-child > figure {
+               grid-row: span 3;
+               grid-column: span 3;
+       }
+}
+
 figure:hover ~ ul figure,
 figure:hover ~ ul figcaption {
        background: #CCC;
@@ -50,7 +63,6 @@ figure:hover > figcaption {
 </style>
 EOT
 });
-
 :>
 <h1>Words</h1>
 
@@ -81,8 +93,13 @@ sub showimg {
 sub printimgs {
        say '<ul>';
        for my $row (@_) {
-               printf '<li%s>', defined $table->{$row} && ' class="parent"';
-               print showimg($row);
+               my ($level, $mark, $title) = split /([a-z]*):/, $row, 2;
+               my @type;
+               push @type, 'parent' if defined $table->{$row};
+               push @type, 'large'  if $mark;
+               push @type, 'level'.($level || 0);
+               printf '<li%s>', @type ? sprintf ' class="%s"', join ' ', @type : '';
+               print showimg($title) if $level <= $limit;
                printimgs(@{$_}) for $table->{$row} // ();
                print '</li>';
        }