magcms/prosopopee/themes/exposure/templates/sections/full-picture.html

{% if section.image.type == "video" %}
    {% set video = Video(section.image) %}
    {{ video.copy() }}

    <section class="full-picture">
        <div class="video-container">
            {% if section.text %}
                <div class="title-container">
                    <div class="headline">
                        <h1>{{ section.text.title }}</h1>
                        <h2>{{ section.text.sub_title }}</h2>
                        {% if section.text.date_end %}
                        <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}  to {{ section.text.date_end.strftime("%d %B %Y") }}</div>
                        {% else %}
                        {% if section.text.date %}
                        <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}</div>{% endif %}
                        {% endif %}
                    </div>
                </div>
            {% endif %}

            <video autoplay loop muted class="fillWidth">
                <source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
            </video>

            <img class="lazy full-picture" src="{{ video.generate_thumbnail("2000") }}">

        </div>
    </section>

{% else %}
    {% set image = Image(section.image) %}
    {{ image.copy() }}

    <section class="full-picture" style="background: url('{{ image }}') no-repeat fixed center top / cover, url('{{ image }}') no-repeat fixed center top / cover transparent;">

    {% if section.text %}
        <div class="picture-text">
            <div class="picture-text-column">
                <h1>{{ section.text.title }}</h1>
                <h2>{{ section.text.sub_title }}</h2>
                {% if section.text.date_end %}
                <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}  to {{ section.text.date_end.strftime("%d %B %Y") }}</div>
                {% else %}
                {% if section.text.date %}
                <div class="datetime">{{ section.text.date.strftime("%d %B %Y") }}</div>{% endif %}
                {% endif %}
            </div>
        </div>
    {% endif %}

    </section>
{% endif %}