diff --git a/src/layouts/Gallery.astro b/src/layouts/Gallery.astro new file mode 100644 index 0000000..5036deb --- /dev/null +++ b/src/layouts/Gallery.astro @@ -0,0 +1,16 @@ +--- +import SectionContainer from '../components/SectionContainer.astro'; + +const {frontmatter} = Astro.props; +--- + +
+
+

{frontmatter.title}

+

{frontmatter.description}

+ +
+
+
\ No newline at end of file diff --git a/src/pages/gallery/cairns.md b/src/pages/gallery/cairns.md new file mode 100644 index 0000000..1e747c6 --- /dev/null +++ b/src/pages/gallery/cairns.md @@ -0,0 +1,19 @@ +--- +title: 'gallery: cairn collection' +description: '' +layout: "../../layouts/Gallery.astro" +--- + +[![varde140623](/img/varder/varde140623.webp)](/public/img/varder/varde140623.webp) + +[![varde290723](/img/varder/varde290723.webp)](/public/img/varder/varde290723.webp) + +[![varde060823](/img/varder/varde060823.webp)](/public/img/varder/varde060823.webp) + +[![varde060923](/img/varder/varde060923.webp)](/public/img/varder/varde060923.webp) + +[![varde191023](/img/varder/varde191023.webp)](/public/img/varder/varde191023.webp) + +[![varde071123](/img/varder/varde071123.webp)](/public/img/varder/varde071123.webp) + +[![varde271223](/img/varder/varde271223.webp)](/public/img/varder/varde271223.webp) \ No newline at end of file diff --git a/src/pages/gallery/index.md b/src/pages/gallery/index.md new file mode 100644 index 0000000..e321d66 --- /dev/null +++ b/src/pages/gallery/index.md @@ -0,0 +1,11 @@ +--- +title: 'gallery' +description: '' +layout: "../../layouts/Layout.astro" +--- + +Under you'll see different pages where I collect and showcase some of my photographs. They're either grouped by capture date, location or theme. + +This way you can check out moments and places of my life, but keep in mind I'm no photographer lol. These are just my memories and a way to replace Instagram. + +- [**my cairn collection**](/gallery/cairns) \ No newline at end of file diff --git a/src/pages/more.md b/src/pages/more.md index 4d91b49..d3b8497 100644 --- a/src/pages/more.md +++ b/src/pages/more.md @@ -12,7 +12,7 @@ layout: "../layouts/Layout.astro" [🌱 **digital garden**](/garden) · wild garden, filled with drafts, ideas and more -[📸 **gallery** (under construction)](/) · moments and places of my life, in pictures +[📸 **gallery**](/gallery) · moments and places of my life, in pictures [📚 **logs**](/logs) · logs for movies, series, anime, books, manga et-cetera diff --git a/src/styles/global.css b/src/styles/global.css index eb37d4a..be97481 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -125,6 +125,18 @@ p { border-color: var(--dark-3); } +/* GALLERY */ +.gallery { + display: flex; + flex-direction: column; + justify-content: center; +} + +.gallery img { + border: 15px solid white; + margin-bottom: 100px; +} + /* RANDOM */ code { display: block;