Add Splide slider

site/controllers/gallery.php

@@ -5,11 +5,11 @@ return function ($pages, $page) {
 	// Get exhibition page object
 	$exhibitionsPage = $pages->template('exhibitions')->first();
 
-	// Get artworks files section content
-	$artworks = $page->files()->template("artwork")->sortBy('sort');
+	// Get image files section content
+	$images = $page->files()->template("image")->sortBy('sort');
 
 	return [
 		'exhibitionsPage' => $exhibitionsPage,
-		'artworks' => $artworks
+		'images' => $images
 	];
 };

site/templates/gallery.twig

@@ -18,4 +18,19 @@
 {% endblock %}
 
 {% block main %}
+
+	<section class="splide" aria-label="{{ site.title }}'s artwork gallery">
+
+		<div class="splide__track">
+			<ul class="splide__list">
+				{% for image in images %}
+					<li class="splide__slide">
+						<img class="splide__image" src="{{ image.url }}" srcset="{{ image.srcset() }}" alt="{{ image.alt_text }}">
+					</li>
+				{% endfor %}
+			</ul>
+		</div>
+		
+	</section>
+
 {% endblock %}