Add alt tags to images, fix flash of unstyled content

- FOUC: On firefox, maybe the '@import' rule caused this.

Also tried out lightGallery.js for lightbox, it doesn't work with text
& anyways, it's buggy with bricks.js & you have to request license key.

2 files changed, 6 insertions, 4 deletions

diff --git a/lib/Crater/Gallery.rakumod b/lib/Crater/Gallery.rakumod
index ea92c47..19b0d69 100644
--- a/lib/Crater/Gallery.rakumod
+++ b/lib/Crater/Gallery.rakumod
@@ -3,13 +3,16 @@ class Crater::Gallery {
 
     method list() {
         my @gallery;
-        for dir($!directory).sort(*.modified) {
+        for $!directory.dir.sort(*.modified) {
             if .IO.d {
 
             } elsif .IO.f {
                 my Str $ext = .extension.lc;
                 if $ext eq "jpg"|"png" {
-                    push @gallery, %( :type<img>, :src($_.relative($!directory)) );
+                    push @gallery, %(
+                        :type<img>, :src($_.relative($!directory)),
+                        :alt($_)
+                    );
                 } elsif $ext eq "0" {
                     push @gallery, %( :type<heading>, :text($_.slurp) );
                 } elsif $ext eq "txt" {
@@ -19,7 +22,6 @@ class Crater::Gallery {
                 }
             }
         }
-
         return @gallery;
     }
 }
diff --git a/lib/Crater/Routes/Gallery.rakumod b/lib/Crater/Routes/Gallery.rakumod
index 04c8d74..cf79cc6 100644
--- a/lib/Crater/Routes/Gallery.rakumod
+++ b/lib/Crater/Routes/Gallery.rakumod
@@ -19,7 +19,7 @@ sub gallery-routes(
             redirect '/login', :see-other;
         }
         get -> *@path {
-            static $gallery.directory, @path;
+            static $gallery.directory.add(".crater/thumbnails"), @path;
         }
     }
 }