♻️ refactor valencia-gallery

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

src/data/gallery.json

@@ -1,164 +0,0 @@
-{
-  "valencia": [
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "25",
-          "string": "2024-02-25"
-          },
-      "image": "/img/gallery/valencia/orangesky.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "18",
-          "string": "2024-02-18"
-          },
-      "image": "/img/gallery/valencia/bluewater_montanejos.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "18",
-          "string": "2024-02-18"
-          },
-      "image": "/img/gallery/valencia/watercannon_montanejos.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "18",
-          "string": "2024-02-18"
-          },
-      "image": "/img/gallery/valencia/rainbow_montanejos.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "18",
-          "string": "2024-02-18"
-          },
-      "image": "/img/gallery/valencia/landscape_montanejos.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "18",
-          "string": "2024-02-18"
-          },
-      "image": "/img/gallery/valencia/red_horse_montanejos.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "18",
-          "string": "2024-02-18"
-          },
-      "image": "/img/gallery/valencia/view_montanejos.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "17",
-          "string": "2024-02-17"
-          },
-      "image": "/img/gallery/valencia/valencia-sevilla.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "17",
-          "string": "2024-02-17"
-          },
-      "image": "/img/gallery/valencia/church.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "11",
-          "string": "2024-02-11"
-          },
-      "image": "/img/gallery/valencia/aventador_bellus.webp"
-    },
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "11",
-          "string": "2024-02-11"
-          },
-      "image": "/img/gallery/valencia/snailshell_bellus.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "11",
-          "string": "2024-02-11"
-          },
-      "image": "/img/gallery/valencia/climbing_bellus.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "10",
-          "string": "2024-02-10"
-          },
-      "image": "/img/gallery/valencia/carnavaldevinaros.webp"
-    },
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "02",
-          "day": "04",
-          "string": "2024-02-04"
-          },
-      "image": "/img/gallery/valencia/trashcan.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "01",
-          "day": "29",
-          "string": "2024-01-29"
-          },
-      "image": "/img/gallery/valencia/chopper.webp"
-    }, 
-    {
-      "date": 
-          {
-          "year": "2024",
-          "month": "01",
-          "day": "25",
-          "string": "2024-01-25"
-          },
-      "image": "/img/gallery/valencia/orangetree.webp"
-    }
-  ]
-}

src/pages/gallery/valencia.astro

@@ -1,28 +0,0 @@
----
-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-4">
-    <h1 class="text-3xl 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"
-            />
-          </div>
-        ))
-      }
-    </div>
-  </main>
-</SectionContainer>

src/pages/gallery/valencia.md

@@ -0,0 +1,14 @@
+---
+title: '📸 gallery: valencia'
+description: ''
+layout: "../../layouts/Gallery.astro"
+---
+
+| | | |
+| - | - | - |
+| [![](/img/gallery/valencia/orangesky.webp)](/img/gallery/valencia/orangesky.webp) | [![](/img/gallery/valencia/montanejos6.webp)](/img/gallery/valencia/montanejos6.webp) | [![](/img/gallery/valencia/montanejos5.webp)](/img/gallery/valencia/montanejos5.webp) |
+| [![](/img/gallery/valencia/montanejos4.webp)](/img/gallery/valencia/montanejos4.webp) | [![](/img/gallery/valencia/montanejos3.webp)](/img/gallery/valencia/montanejos3.webp) | [![](/img/gallery/valencia/montanejos2.webp)](/img/gallery/valencia/montanejos2.webp) |
+| [![](/img/gallery/valencia/montanejos1.webp)](/img/gallery/valencia/montanejos1.webp) | [![](/img/gallery/valencia/valencia-sevilla.webp)](/img/gallery/valencia/valencia-sevilla.webp) | [![](/img/gallery/valencia/church.webp)](/img/gallery/valencia/church.webp) |
+| [![](/img/gallery/valencia/bellus1.webp)](/img/gallery/valencia/bellus1.webp) | [![](/img/gallery/valencia/bellus2.webp)](/img/gallery/valencia/bellus2.webp) | [![](/img/gallery/valencia/bellus3.webp)](/img/gallery/valencia/bellus3.webp) |
+| [![](/img/gallery/valencia/carnavaldevinaros.webp)](/img/gallery/valencia/carnavaldevinaros.webp) | [![](/img/gallery/valencia/chopper.webp)](/img/gallery/valencia/chopper.webp) | [![](/img/gallery/valencia/trashcan.webp)](/img/gallery/valencia/trashcan.webp) |
+| [![](/img/gallery/valencia/orangetree.webp)](/img/gallery/valencia/orangetree.webp) |

src/styles/global.css

@@ -129,6 +129,18 @@ p {
 	margin-bottom: 100px;
 }
 
+.gallery table img {
+  width: 95%;
+  border: 10px solid white;
+  margin-bottom: 10px;
+}
+
+@media screen and (max-width: 600px) {
+  .gallery table img {
+    border-width: 5px;
+  }
+}
+
 /* CV */
 .cv h2 {
 	font-size: x-large;