{% load as_icon %}

<div class="box" style="max-width: 800px;">
    {% if 'title_url' in resource %}
        <a href="{{ resource.title_url }}">
            {% include "resources/resource_box_header.html" %}
        </a>
    {% else %}
        {% include "resources/resource_box_header.html" %}
    {% endif %}

    <p class="is-italic">{{ resource.description|safe }}</p>

    {# Icons #}
    {% for icon in resource.urls %}
        <span class="icon is-size-4 is-medium" style="margin: 5px;">
            <a href="{{ icon.url }}">
                <i class="{{ icon.icon|as_icon }} is-size-3 resource-icon is-{{ icon.color }}"></i>
            </a>
        </span>
    {% endfor %}
</div>