grav/themes/buha2/templates/partials/news-list-item.html.twig

<article class="event-article">
    <header class="event-header">
    {% set image = page.media.images|first %}
    {% if image != null %}
        {{ image.cropZoom(960,280).html|raw }}
    {% endif %}
    </header>

    <section class="event">
        <div class="event-left-column"> {# date and time #}
            <time class="event-datetime" datetime="{{ page.date|date("c") }}">
        {% if single == true %} {# individual content page #}
            <span class="event-date">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.date) }},</span>
            <span class="event-time">
                {% set end = "" %}
                {% if page.header.event.end %}
                    {% set end = " - " ~ page.header.event.end|dateTranslate(config.plugins.events.event_item.time) %}
                {% endif %}
                {{ page.header.event.start|dateTranslate(config.plugins.events.event_item.time) ~ end }}
            </span>

        {% else %} {# main listing page #}
            <span class="event-day">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.day) }}</span>
            <span class="event-month">{{ page.header.event.start|dateTranslate(config.plugins.events.event_item.month) }}</span>
            <span class="event-time">
                {{ page.header.event.start|dateTranslate(config.plugins.events.event_item.time) }}{{ " - " }}{{ page.header.event.end|dateTranslate(config.plugins.events.event_item.time) }}
            </span>
            <span class="event-year">{{ page.header.event.start|date("Y") }}</span>
        {% endif %}
            </time>
        </div>

        <div class="event-right-column"> {# date and time #}
        {% if single == true %} {# individual content page #}
            <h2 class="event-title">{{ page.title }}</h2>
            {% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
            <h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
            {% endif %}
            <div class="event-content">{{ page.content|raw }}</div>
            {% include 'partials/event_meta.html.twig' with { 'page': page } %}

        {% else %} {# main listing page #}
            <h2 class="event-title"><a href="{{ page.url }}">{{ page.title }}</a></h2>
            {% if (config.plugins.events.event_meta.display_location) and (page.header.event.location is not empty) %}
            <h3 class="event-location"><span class="location-pin"></span>{{ page.header.event.location }}</h3>
            {% endif %}
            <div class="event-summary">{{ page.summary(300)|raw }}
                <span class="read-more"><a href="{{ page.url }}">{{ "PLUGIN_EVENTS.EVENTS.MORE_INFORMATION"|t }}</a></span>
            </div>
        {% endif %}

        {% if page.taxonomy.category and config.plugins.events.event_sidebar.enable_categories %}
            <div class="event-categories">
                <span class="event-tags">
                {% for category in page.taxonomy.category %}
                    <a href="{{ event.url|rtrim('/') }}/category{{ config.system.param_sep }}{{ category }}">{{ category }}</a>
                {% endfor %}
                </span>
            </div>
        {% endif %}
        </div>
    </section>
</article>
<article class="event-separator"></article>