feat(gallery): reactivity

web/pages/gallery.templ

@@ -1,11 +1,36 @@
 package pages
 
-import "git.schreifuchs.ch/schreifuchs/schreifuchs.ch/internal/components/gallery"
-import "fmt"
+import (
+	"fmt"
+	"git.schreifuchs.ch/schreifuchs/schreifuchs.ch/internal/components/gallery"
+)
+
+templ GallerySet(g gallery.Set) {
+	<div
+		class="grid gap-5 grid-cols-1 lg:hidden m-5"
+	>
+		for _,img := range g.SM.Images {
+			<img
+				src={ "/images/" + img.UID }
+				class="w-full"
+				alt="Gallery item"
+			/>
+		}
+	</div>
+	<div class="hidden lg:block 3xl:hidden m-5">
+		@Gallery(g.SM)
+	</div>
+	<div class="hidden 3xl:block 6xl:hidden m-5">
+		@Gallery(g.LG)
+	</div>
+	<div class="hidden 6xl:block m-5">
+		@Gallery(g.XLG)
+	</div>
+}
 
 templ Gallery(g gallery.Gallery) {
 	<div
-		class="grid gap-5 m-5"
+		class="grid gap-5"
 		style={ fmt.Sprintf("grid-template-columns: repeat(%d, 1fr); grid-template-rows: repeat(%d, auto);", g.GridWith, g.GridHeight) }
 	>
 		for _, img := range g.Images {