templates/content/cessda50.frontpage.html.twig line 1

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



    <div id="visual-intro" aria-labelledby="visual-intro-label" class="relative 2xl:container lg:px-4 mx-auto mb-4 2xl:mb-8">

{#% if editmode or not pimcore_video('introVideo').isEmpty() %}
        {{ pimcore_video('introVideo', {
        allowedTypes: ['asset'],
            attributes: {
                'preload': 'auto',
                'autoplay': '',
                'muted': '',
                'loop': '',
                'width': '100',
                'height': '100',
                'playsinline': '',
                'controls': '',
                'id': 'visual-intro-video'
            }
    }) }}
{% endif %#}

{% if editmode or not pimcore_image('introImage').isEmpty() %}
<div id="visual-intro-image"{% if editmode and pimcore_image('introImage').isEmpty()%} style="width:100%;min-height:700px;"{% endif %}>
{{ pimcore_image('introImage', {
    'title': 'Drag image here',
    'width': 1920

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

                <div id="visual-intro-label" class="absolute inset-x-0 md:inset-x-auto bottom-16 md:left-20 {% if editmode %}my-60 {% endif %}text-white text-center md:text-left flex flex-col justify-center">
                <h1 class="text-4xl lg:text-5xl">{{ pimcore_input('intro1', {'placeholder':'Headline'}) }}</h1>
                <h2 class="text-2xl lg:text-3xl">{{ pimcore_input('intro2', {'placeholder':'Headline2'}) }}</h2>
                </div>

        
    </div>

    
    <main class="lg:mt-24">
TEST
            
                    {{ pimcore_areablock("main_content", {
                           "allowed": ["wysiwyg","gallery-carousel","map-box","aside-image","aside-video"],
                            }) }}
            


    </main>
{% endblock %}