{% extends "base.html" %}
{% block title %}{{ city.display_name }}, {{ city.country }} — {{ site_title }}{% endblock %}
{% block meta_description %}Photos from {{ city.display_name }}, {{ city.country }}{% endblock %}
{% block og_title %}{{ city.display_name }}, {{ city.country }}{% endblock %}
{% block og_description %}Photos from {{ city.display_name }}, {{ city.country }}{% endblock %}
{% block content %}
<div class="page-header">
  <h1>{{ city.display_name }}</h1>
  <p>{{ city.country }} · {{ city.continent }}</p>
</div>

<div class="image-grid" style="grid-template-columns: repeat(4, 1fr);">
  {% include "includes/image_grid_page.html" %}
</div>
{% endblock %}