✨ gallery is now live

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

src/layouts/Gallery.astro

@@ -0,0 +1,16 @@
+---
+import SectionContainer from '../components/SectionContainer.astro';
+
+const {frontmatter} = Astro.props;
+---
+<SectionContainer>
+	<main class="flex flex-col flex-1 mb-auto break-words mt-4">
+		<article>
+			<h1 class="text-3xl font-extrabold">{frontmatter.title}</h1>
+			<p class="italic mb-4">{frontmatter.description}</p>
+			<div class="gallery">
+				<slot />
+			</div>
+		</article>
+	</main>
+</SectionContainer>

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)

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)

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
 

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;