{% load static %}
{% comment %}
This template is rendered if there were no search results to display on a
search page (books, people). For errors, it shows an animated image of
Shakespeare tearing his hair and crying along with an error message.
{% endcomment %}
<div class="empty-results">
    <p>{{ error_message|default:"No search results found. Try a different search."}}</p>
    {% if error_message %}  {# Only display if something went wrong. #}
    <img
        srcset="{% static 'img/no-results-error-2x.png' %} 2x,
               {% static 'img/no-results-error-1x.png' %} 1x"
        src="{% static 'img/no-results-error-1x.png' %}"
        alt="Drawing of Shakespeare tearing his hair out and crying" />
    {% endif %}
</div>