From 126d2cb1afb575dd3bd89e7248120264752a808b Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Sun, 18 Feb 2024 22:05:26 +0100
Subject: [PATCH] :construction: working on valencia gallery

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 src/pages/gallery/valencia.astro | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/pages/gallery/valencia.astro

diff --git a/src/pages/gallery/valencia.astro b/src/pages/gallery/valencia.astro
new file mode 100644
index 0000000..dbd8cf6
--- /dev/null
+++ b/src/pages/gallery/valencia.astro
@@ -0,0 +1,29 @@
+---
+import SectionContainer from '../../components/SectionContainer.astro';
+import gallery from '../../data/gallery.json';
+
+const valenciaImages = gallery.valencia.map(image => ({
+  date: image.date.string,
+  image: image.image
+}));
+---
+
+<SectionContainer>
+  <main class="flex flex-col gap-6 py-8">
+    <h1 class="text-4xl font-bold">gallery: valencia</h1>
+    <div class="grid grid-cols-3 gap-4">
+      {
+        valenciaImages.map(image => (
+          <div class="overflow-hidden">
+            <img
+              class="object-contain w-full h-full transform transition duration-500 hover:scale-105"
+              src={image.image}
+              alt="Valencia image"
+              loading="lazy"
+            />
+          </div>
+        ))
+      }
+    </div>
+  </main>
+</SectionContainer>