templates/areas/hero/newsdetail.html.twig line 1

{% block content %}

    {# large #}
    {% set thumbS = '800x300' %}
    {% set thumbM = '1200x450' %}
    {% set thumbL = '2000x600' %}
    {% set thumbXL = '2000x550' %}

    {% set heroClass = 'section-hero' %}

    {% if images|length > 0 and images[0] %}
        <section class="{{ heroClass }}">

            <div class="slick slick-slider-single-fade-autoplay">
                {% for image in images %} 
                    <div class="hero-slide">
                        <div class="image-container">
                            <img src="/static/assets/img/shim.png" data-interchange="
                                [{{ image.thumbnail(thumbS) }}, small], 
                                [{{ image.thumbnail(thumbM) }}, medium], 
                                [{{ image.thumbnail(thumbL) }}, large], 
                                [{{ image.thumbnail(thumbXL) }}, xlarge]
                            " alt="{{ title }}" class="hero-wrapper">
                        </div>
                    </div>
                {% endfor %}
            </div>

            {% if title %}
                <div class="caption">
                    <div class="nav-wrap">
                        <div class="grid-x">
                            <div class="cell">
                                <div class="panel">

                                    <p class="show-for-xmedium">
                                        {# with nl2br #}
                                        {{ title|nl2br }}
                                    </p>

                                    <p class="hide-for-xmedium">
                                        {# without nl2br #}
                                        {{ title }}
                                    </p>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

        </section>
    {% endif %}

{% endblock %}