{% load i18n sekizai_tags static %}

{% if items_count %}
    <section id="highlighted_content_{{ instance.pk }}" class="mod__highlighted_content" role="region" data-highlighted_content="{{ highlighted_content_opts }}" {% if title %} aria-labelledby="highlighted_content_{{ instance.pk }}_heading"{% endif %}>
        {% if title %}<h1 id="highlighted_content_{{ instance.pk }}_heading">{{ title }}</h1>{% endif %}
        <div class="viewport">
            <ul class="overview">
                {% for item in items %}
                <li class="item {{ item.content_type.app_label }}_{{ item.content_type.model }}" aria-label="{{ item }}">{% include item.get_template with item=item %}</li>
                {% endfor %}
            </ul>
        </div>
    </section>
{% endif %}
<script type="text/javascript">
    window.highlighted_contents = [] || window.highlighted_contents ;
    window.highlighted_contents.push('#highlighted_content_{{ instance.pk }}');
</script>