@amplience/dynamic-content-accelerators/src/splitBlock/templates/acc-template-splitBlock.html

Amplience DC Frontend modules, using HTML Service

<div class="amp-dc-splitBlock{{#unless split}} full-size{{/unless}}">
    {{#each content}}
    <div class="amp-dc-split-part{{#if ../split}} amp-dc-size-{{itemAt (split ../split "/") @index}}{{else}} amp-dc-size-50{{/if}}">
        <div class="amp-dc-split-part-wrap">
            {{#if (test this.[@type] (toRegex ".*/text")) ~}}
            {{> acc-template-text }}
            {{~/if}}

            {{#if (test this.[@type] (toRegex ".*/video")) ~}}
            {{> acc-template-video }}
            {{~/if}}

            {{#if (test this.[@type] (toRegex ".*/image")) ~}}
            <div class="amp-dc-poi-image">
                {{> acc-template-image-generator
                    image=this
                    mediaQueries='[
                        {"query": 768, "width": 768},
                        {"query": 1024, "width": 1024},
                        {"query": 1025, "width": 1600}
                    ]'}}
            </div>
            {{~/if}}

        </div>
    </div>
    {{/each}}
</div>