New year updates

content/galleries/gallery-image-page-generator.njk

@@ -0,0 +1,41 @@
+---
+pagination:
+  data: collections.galleryImages
+  size: 1
+  alias: picture
+layout: layouts/base.njk
+structuredData: none
+eleventyComputed:
+  imageURL: "{{ picture.baseUrl }}/{{ picture.filename }}"
+  title: "Image: {{ picture.title }}"
+  permalink: "/gallery/{{ picture.containingGallery | slugify }}/{{ picture.filename | slugify }}/"
+  description: "{{ picture.title }} from gallery: {{ picture.containingGallery}}"
+---
+<article>
+	<h1>{{ picture.title }}</h1>
+	<div class="buttonContainer galleryButtons">
+		{% if picture.previousImage %}
+		<a href="../{{ picture.previousImage | slugify }}">
+			<button type="button">Previous</button>
+		</a>
+		{% endif %}
+		<a href="/gallery/{{ picture.containingGallery | slugify }}/">
+			<button type="button">Gallery</button>
+		</a>
+		{% if picture.nextImage %}
+		<a href="../{{ picture.nextImage | slugify }}">
+			<button type="button">Next</button>
+		</a>
+		{% endif %}
+	</div>
+	<figure>
+		<a href="{{ picture.baseUrl }}/{{ picture.filename }}">
+			<img src="{{ picture.baseUrl }}/{{ picture.filename }}" alt="{{ picture.altText }}">
+		</a>
+		{% if picture.caption %}
+		<figcaption>
+			{{ picture.caption }}
+		</figcaption>
+		{% endif %}
+	</figure>
+</article>

content/galleries/gallery-page-generator.njk

@@ -0,0 +1,24 @@
+---
+pagination:
+  data: galleries
+  size: 1
+  alias: gallery
+layout: layouts/base.njk
+tags: gallery
+structuredData: none
+eleventyComputed:
+  title: "{{ gallery.title }}"
+  permalink: "/gallery/{{ gallery.title | slugify }}/"
+  description: "{{ gallery.description }}"
+---
+<h1>{{ gallery.title }}</h1>
+<p class="page-block nodropcap">{{ gallery.description }}</p>
+<section class="gallery-images">
+	{% for picture in gallery.pictures %}
+	<a href="/gallery/{{ gallery.title | slugify }}/{{ picture.filename | slugify }}/">
+		<wc-card class="gallery-image-container">
+			<img alt="{{ gallery.thumbAltText }}" class="gallery-image" src="{{ gallery.url }}{{ picture.filename }}">
+		</wc-card>
+	</a>
+	{% endfor %}
+</section>