sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

♻️ refactor valencia-gallery

Browse source 
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-04-07 16:05:39 +02:00
parent 3c8d1acedf
commit 4b25b8824e
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
13 changed files with 26 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

164
src/data/gallery.json
View file

@ -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"
}
]
}

28
src/pages/gallery/valencia.astro
View file

@ -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
View file

@ -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) |

12
src/styles/global.css
View file

@ -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;