{% extends "base.html" %}
{% block title %}Years — {{ site_title }}{% endblock %}
{% block content %}
<div class="page-header">
  <h1>Years</h1>
  <p>Browse photos by year</p>
</div>

<div class="gear-grid">
  {% for y in years %}
  <a href="/years/{{ y.year }}/" class="gear-card" style="color: inherit;">
    <h3>{{ y.year }}</h3>
    <span class="count">{{ y.image_count }} images</span>
  </a>
  {% empty %}
  <div class="empty" style="grid-column: 1 / -1;">No dated photos yet.</div>
  {% endfor %}
</div>
{% endblock %}