templates/blog/listing.html.twig line 1

{% extends 'layouts/layout.html.twig' %}
{% block content %}


    <main class="pullc">
        <div class="container-xl">
            <div class="row">
                <div class="col-lg-3 leftpull section-pillar d-none d-lg-block" {% if pillar_background %} style="background-image: url({{ pillar_background.thumbnail('pillar') }})" {% endif %}>

                    <div class="section-title px-3 px-lg-4 ps-lg-0 d-flex flex-column">
                            <h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }}
                        </h1>
                    </div>
        {% if document.getProperty('pillar_background') %}
                        {% if document.getProperty('pillar_background').getMetadata('Credit') %}
                            <div class="pillar-credit">
                                Image:
                                {{ document.getProperty('pillar_background').getMetadata('Credit') }}
                            </div>
                        {% endif %}
                    {% endif %}
                </div>
                <div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">


                    <div class="breadcrumbs mt-3">
                        <a href="/">{{ "Home"|trans }}</a>
                     / 
                        {{ document.key }}
                    </div>


                    <h1 class="my-3">{{ pimcore_input("headline", {"placeholder":"Headline", "width": 600}) }}</h1>



                    {% for blog in blogListing %}
                        
                        <div class="row mb-4 newslist">
                                <div class="col-2 d-flex flex-column justify-content-center">
                        {% if blog.parent.getProperty('blog_icon') %}

                                            {{ blog.parent.getProperty('blog_icon').thumbnail('blogicon').html({'imgAttributes': {
                                            'class': 'blogimg',
                                            'alt': blog.parent.properties.blog_title.data,
                                           },}) | raw }}
                                        {% endif %}
                            </div>

                            <div class="col-10">


                                <span class="rdate pt-2">
                                    {{ blog.pubDate|date("D j M Y") }}
                                        {% if blog.parent.getProperty('blog_title') %}
                                            -
                                            {{ blog.parent.getProperty('blog_title') }}
                                        {% endif %}
                                </span>


                                <h2>
                                    <a class="listlink bluelink stretched-link" href="{{ blog.link }}" target="_blank">{{ blog.title|striptags|raw }}</a>
                                </h2>
                                <p>
                                {{ blog.description|length > 200 ? blog.description|striptags|slice(0, 197)|trim|raw ~ '...' : blog.description|striptags|raw  }}
        
                                </p>


                            </div>
                        </div>
                    {% endfor %}



        
                {% include 'includes/pagination.html.twig' %}

            </div>


        </div>
    </div>
</main>{% endblock %}