Add route structure

src/lib/Gallery.svelte

@@ -0,0 +1,11 @@
+<script>
+
+</script>
+
+<section class="gallery">
+  <slot />
+</section>
+
+<style>
+
+</style>

src/lib/Icon.svelte

@@ -0,0 +1,9 @@
+<script>
+
+</script>
+
+
+
+<style>
+
+</style>

src/lib/Photo.svelte

@@ -0,0 +1,32 @@
+<script>
+  /**
+   * The source of the image.
+   * @type {string}
+   */
+  export let src;
+
+  /**
+   * Alternative text for the image. Used for accessibility.
+   * @type {string | undefined}
+   */
+  export let alt = undefined;
+
+  /**
+   * The click handler for the image.
+   * @param {MouseEvent} event
+   */
+  async function clickHandler(event) {
+    event.preventDefault();
+
+  }
+</script>
+
+<a href="{src}" on:click={clickHandler}>
+  <figure class="photo">
+    <img src="{src}" alt="{alt}" />
+  </figure>
+</a>
+
+<style>
+
+</style>

src/lib/albums.json

@@ -0,0 +1,29 @@
+[
+  {
+    "slug": "sts",
+    "title": "Testgalerie",
+    "description": "Das ist eine Testgalerie",
+    "timestamp": "2023-08-04T00:00:00.000Z",
+    "place": "Berlin",
+    "tags": [
+      "Berlin",
+      "Test"
+    ],
+    "license": "CC BY-NC-ND 4.0",
+    "items": "img.zip",
+    "itemsMeta": [
+      {
+        "item": "cover.jpg",
+        "title": "Cover",
+        "description": "Das ist das Cover",
+        "timestamp": "2023-08-04T00:00:00.000Z",
+        "place": "Berlin",
+        "tags": [
+          "Berlin",
+          "Cover"
+        ],
+        "license": "CC BY-NC-ND 4.0"
+      }
+    ]
+  }
+]

src/lib/index.js

@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.