museums/templates/_museum_card.html
{% set photos = json.loads(museum.photos or "[]") %}
{% set press = json.loads(museum.press or "[]") %}
<div class="card box">
{% if museum.photo_url %}
<div class="card-image">
<figure class="image is-4by2">{% if show_links %}<a href="/{{ museum.id }}">{% endif %}
<img src="{{ museum.photo_url }}?w={% if retina %}1600&h=800{% else %}800&h=400{% endif %}&fit=crop&auto=compress" alt="{{ museum.photo_alt }}">{% if show_links %}</a>{% endif %}
</figure>
</div>
{% endif %}
<div class="content">
{% if museum.permanently_closed %}<span class="permanently-closed">Permanently closed</span>{% endif %}
{% if show_links %}
<h2><a href="/{{ museum.id }}">{{ museum.name }}</a></h2>
{% else %}
<h2>{{ museum.name }}</h2>
{% endif %}
{% if museum.distance_mi %}<p class="distance-away">{{ museum.distance_mi|round(2) }} miles away</p>{% endif %}
{{ render_markdown(museum.description) }}
{% if museum.url or museum.wikipedia_url %}
<p>{% if museum.url %}<a href="{{ museum.url }}">Website</a>{% endif %}{% if museum.url and museum.wikipedia_url %} | {% endif %}{% if museum.wikipedia_url %}<a href="{{ museum.wikipedia_url }}">Wikipedia</a>{% endif %}</p>
{% endif %}
{% if show_links and (press or photos) %}
<a><a href="/{{ museum.id }}{% if photos %}#photos{% else %}#press{% endif %}">{% if photos %}{{ photos|length }} photo{{ pluralize(photos|length) }}{% endif %}{% if photos and press %} and {% endif %}{% if press %}{{ press|length }} link{{ pluralize(press|length) }}{% endif %}</a></p>
{% endif %}
<address>{{ museum.address }} - <a href="https://www.google.com/maps/?q={{ museum.latitude }},{{ museum.longitude }}">Map</a></address>
<p class="added-date">{{ nicer_date(museum.created) }}</p>
</div>
</div>