gallery.markdown

layout	title	permalink
page	Gallery	/gallery

<style> main { max-width: 120ch;} .card { width: 35%; padding: 0; row-gap: 0; overflow: hidden; flex-grow: 1; } .card.big { width: 47.5%;} figcaption { padding: 1em; position: absolute; background: linear-gradient(#1e1e1eaa, transparent); width: 37.25%; font-family: 'Space Grotesk'; backdrop-filter: blur(4px); } .card.big figcaption { width: 42%;} .card img { height: 100%; object-fit: cover; } </style>

{% assign photos = site.pages | where_exp: "item", "item.dir contains '/photos/'" | sort: "date" | reverse %}

{% for photo in photos %}
1. 

   	<figcaption>
   		{% if photo.title %}<big>
   			{{ photo.title }}
   		</big>{% endif %}
   		<small>
   			<img class="icon" src="/images/camera.svg" alt="Camera"> {{ photo.camera }} · <img class="icon" src="/images/location.svg" alt="Location"> {{ photo.location }} · {{ photo.date | date: "%-d %B %Y %H:%M" }}
   		</small>
   	</figcaption>
   </li>{% endfor %}