<section class="event-section">
    {{ title | safe }}

    <div class="event-list">
        {% for event in events %}
            <article class="event-box{% if event.image %} event-has-image{% endif %}">
                <div class="event-content">
                    {{ event.content | safe }}
                </div>

                <dl class="event-facts">
                    {% for key, value in event.facts.items() %}
                        <div>
                            <dt>{{ key.replace("_", " ").title() }}</dt>
                            <dd>{{ value | safe }}</dd>
                        </div>
                    {% endfor %}
                </dl>

                {% if event.image %}
                    <figure class="event-image">
                        <img src="{{ event.image.src }}" alt="{{ event.image.alt }}">
                    </figure>
                {% endif %}
            </article>
        {% endfor %}
    </div>
</section>
