{% load i18n static %}
<div class="slide-canvas slide-quote" {% if slide.background_color %}style="background:{{ slide.background_color }}"{% endif %}>
    <div class="slide-deco-blob slide-deco-blob--teal" style="width:500px;height:500px;top:-200px;left:-100px;"></div>
    <div class="slide-deco-blob slide-deco-blob--navy" style="width:400px;height:400px;bottom:-100px;right:-50px;"></div>

    <div class="slide-quote__mark">&ldquo;</div>

    <blockquote class="slide-quote__text">
        {{ slide.content.quote|default:slide.title }}
    </blockquote>

    {% if slide.content.attribution %}
    <div class="slide-quote__attribution">{{ slide.content.attribution }}</div>
    {% endif %}

    {% if slide.content.role %}
    <div class="slide-quote__role">{{ slide.content.role }}</div>
    {% endif %}

    <img src="{% static 'img/HH_R_ICON.png' %}" alt="" class="slide-logo--footer-left">
</div>