{% extends 'layout.html' %}

{% set active_page = 'photo' %}
{% set title = 'Photography' %}

{% block body %}
<main>
  <h2>Photography</h2>
  <div class="photo-grid">
    {% for photo in photos %}
    <a href="{{ url_for('view_photo', photo_id=photo.id) }}">
      <img srcset="{{ photo_resize_url(photo, 200) }},
                   {{ photo_resize_url(photo, 300) }} 1.5x,
                   {{ photo_resize_url(photo, 400) }} 2x"
           src="{{ photo_resize_url(photo, 200) }}">
    </a>
    {% endfor %}
  </div>
</main>
{% endblock %}