♻️ refactor valencia-gallery
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Before ![]() (image error) Size: 455 KiB After ![]() (image error) Size: 455 KiB ![]() ![]() |
Before ![]() (image error) Size: 438 KiB After ![]() (image error) Size: 438 KiB ![]() ![]() |
Before ![]() (image error) Size: 418 KiB After ![]() (image error) Size: 418 KiB ![]() ![]() |
Before ![]() (image error) Size: 747 KiB After ![]() (image error) Size: 747 KiB ![]() ![]() |
Before ![]() (image error) Size: 730 KiB After ![]() (image error) Size: 730 KiB ![]() ![]() |
Before ![]() (image error) Size: 485 KiB After ![]() (image error) Size: 485 KiB ![]() ![]() |
Before ![]() (image error) Size: 615 KiB After ![]() (image error) Size: 615 KiB ![]() ![]() |
Before ![]() (image error) Size: 379 KiB After ![]() (image error) Size: 379 KiB ![]() ![]() |
Before ![]() (image error) Size: 303 KiB After ![]() (image error) Size: 303 KiB ![]() ![]() |
|
@ -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"
|
||||
}
|
||||
]
|
||||
}
|
|
@ -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>
|
14
src/pages/gallery/valencia.md
Normal file
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
title: '📸 gallery: valencia'
|
||||
description: ''
|
||||
layout: "../../layouts/Gallery.astro"
|
||||
---
|
||||
|
||||
| | | |
|
||||
| - | - | - |
|
||||
| [](/img/gallery/valencia/orangesky.webp) | [](/img/gallery/valencia/montanejos6.webp) | [](/img/gallery/valencia/montanejos5.webp) |
|
||||
| [](/img/gallery/valencia/montanejos4.webp) | [](/img/gallery/valencia/montanejos3.webp) | [](/img/gallery/valencia/montanejos2.webp) |
|
||||
| [](/img/gallery/valencia/montanejos1.webp) | [](/img/gallery/valencia/valencia-sevilla.webp) | [](/img/gallery/valencia/church.webp) |
|
||||
| [](/img/gallery/valencia/bellus1.webp) | [](/img/gallery/valencia/bellus2.webp) | [](/img/gallery/valencia/bellus3.webp) |
|
||||
| [](/img/gallery/valencia/carnavaldevinaros.webp) | [](/img/gallery/valencia/chopper.webp) | [](/img/gallery/valencia/trashcan.webp) |
|
||||
| [](/img/gallery/valencia/orangetree.webp) |
|
|
@ -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;
|
||||
|
|