{% load displaypage_tags %}
{# One QuoteItem. Context: quote, variant (card / feature). #}
{% dp_link quote.link_url as quote_href %}
<figure class="dp-quote dp-quote--{{ variant|default:'card' }}">
  <blockquote class="dp-quote__text"{% if quote_href %} cite="{{ quote_href }}"{% endif %}>{{ quote.text|linebreaks }}</blockquote>
  {% if quote.author or quote.author_detail or quote.image or quote_href %}
  <figcaption class="dp-quote__by">
    {% if quote.image %}<img class="dp-quote__portrait" src="{{ quote.image.get_absolute_url }}" alt="" width="56" height="56" loading="lazy">{% endif %}
    <span class="dp-quote__who">
      {% if quote.author %}<cite class="dp-quote__author">{% if quote_href %}<a href="{{ quote_href }}">{{ quote.author }}</a>{% else %}{{ quote.author }}{% endif %}</cite>
      {% elif quote_href %}<a class="dp-quote__source" href="{{ quote_href }}">{{ quote_href|truncatechars:60 }}</a>{% endif %}
      {% if quote.author_detail %}<span class="dp-quote__detail">{{ quote.author_detail }}</span>{% endif %}
    </span>
  </figcaption>
  {% endif %}
</figure>