word: fit column(s) on smaller screen sizes

[sheet.git] / word.plp

diff --git a/word.plp b/word.plp
index 5739731d6e8eed613b39c38439e1b8cb8e2f2142..59bf8ca12beca9570f6e093c51948cf4e3d8441c 100644 (file)
--- a/word.plp
+++ b/word.plp
@@ -1,6 +1,6 @@
 <(common.inc.plp)><:
 
-my $wordlist = 'wordlist.eng.inc.pl';
+my $wordlist = 'wordlist.en.inc.pl';
 my $limit = $get{v} // (exists $get{v} ? 4 : 3);
 
 Html({
@@ -29,11 +29,16 @@ figcaption > small {
        display: inline-block;
 }
 
-li.large > figure {
-       grid-row: span 2;
-       grid-column: span 2;
+body {
+       margin: 8px 1px;
 }
-@media (min-width: 600px) and (min-height: 400px) {
+@media (min-width: 403px) and (min-height: 266px) {
+       li.large > figure {
+               grid-row: span 2;
+               grid-column: span 2;
+       }
+}
+@media (min-width: 603px) and (min-height: 400px) {
        p + ul > li:first-child > figure {
                grid-row: span 3;
                grid-column: span 3;
@@ -90,7 +95,7 @@ sub showimg {
        $name = "<q>$name</q>" if $name =~ s/\?$//;
        $name = "<figcaption>$name</figcaption>";
 
-       if ($imgname and -e ($img = "data/word/eng/$imgname.jpg")) {
+       if ($imgname and -e (my $img = "data/word/en/$imgname.jpg")) {
                $name .= sprintf '<img src="/%s" alt="%s" />', $img, $imgname;
        }
        return sprintf '<figure%s>%s</figure>', $hidden && !exists $get{v} && ' hidden', $name;