---
layout: layouts/base.njk
eleventyNavigation:
  key: Pics
  order: 4
---
<h1>My image galleries.</h1>
<p class="page-block nodropcap">
Photography trips, memes, and other pictures I thought would be worth sharing.
</p>
<section class="postlist">
<div class="postlist-item-container">
	{% for gallery in galleries %}
	<article class="postlist-item">
		<a href="../gallery/{{ gallery.title | slugify }}" class="postlist-link">
			<div class="post-image-container">
				<img class="post-image" {% if gallery.galleryImage %} src="{{ gallery.url }}{{ gallery.galleryImage }}" alt="{{ gallery.galleryImageAlt }}" {% else %} src="{{ metadata.defaultPostImageURL }}" alt="{{ metadata.defaultPostImageAlt }}"{% endif %}>
			</div>
		</a>
		<div class="post-copy">
			<a href="../gallery/{{ gallery.title | slugify }}" class="postlist-link">
				<h3>
					{{ gallery.title }}
				</h3>
			</a>
			<p>{{ gallery.synopsis | truncate(105) | safe }}</p>
			<div class="post-metadata">
				<div class="post-metadata-copy">
					<p>Posted on the&nbsp;<time class="postlist-date" datetime="{{ gallery.date | htmlDateString}}">{{ gallery.date | niceDate("LLLL yyyy") }}</time></p>
				</div>
			</div>
		</div>
	</article>
	<hr>
	{% endfor %}
</div>
</section>