added image gallery component; moved blurred background to separate CSS class

2026-04-06 17:53:40 +02:00
parent 256b3d4142
commit da62a57bfb
13 changed files with 131 additions and 39 deletions
--- a/src/routes/test/+page.svelte
+++ b/src/routes/test/+page.svelte
@@ -1 +1,37 @@
-asdf
+<script lang="ts">
+    import Content from "$lib/viewport/content.svelte";
+    import ImageGallery, {
+        type GalleryImage,
+    } from "$lib/lists/image-gallery.svelte";
+
+    let i: GalleryImage[] = [
+        {
+            src: "/projects/projectn5/devlog/2025/0523/birds_eye.webp",
+            alt: "gawk",
+            desc: "gawk gawk gawk",
+        },
+        {
+            src: "/blog/robert.webp",
+            alt: "ROOOOBEEERT",
+            desc: "ROOOOBEEERT",
+        },
+        {
+            src: "/blog/2026/0208/sadstick.webp",
+            alt: ":(",
+            desc: ":(",
+        },
+        {
+            src: "/art/drawings/2026/0310.webp",
+            alt: "girl",
+            desc: "girl girl girl girl girlgirlgirl vgirl",
+        },
+    ];
+</script>
+
+<Content>
+    <h1>TEST</h1>
+
+    test page go brr
+
+    <ImageGallery images={i} />
+</Content>