alucho/layout/work.html

{% extends "_base.html" %}

{% set work_selected = True %}
{% set all_selected = False if no_all_selected else True %}
{% set path = "work/" + (work_path or "all") %}

{% set sort_images = True %}
{% set expand_dialog = True %}

{% block main %}
{% for image in (sorted(images(path), reverse=True) if sort_images else images(path)) %}
	<figure class="{{ 'clickable-fig' if expand_dialog else ''}}">
		<img class="tile" src="{{ (image.main or image.filenames[0]) | static }}" loading="lazy" alt="{{ image.category }}: {{ image.name }} ({{ image.year }})">
		<figcaption class="hbox">
			<div class="caption">
				<h1>{{ image.name }} / <time>{{ image.year }}</time></h1>
				{{ image.category | lang }}
			</div>
		</figcaption>
		<datalist>
		{% for variant in image.filenames %}
			<option value="{{ variant | static }}" label="{{ image.category }}: {{ image.name }} ({{ image.year }})"/>
		{% endfor %}
		</datalist>
	</figure>
{% endfor %}
{% endblock %}