Cp Editorial Card

<div data-module="card" class="card-standard card-standard--editorial card-standard--editorial-{{presentationMode}} js-editorial-card js-card-standard js-card-generic {{#if isSmall}}card-standard--small{{/if}}  {{#if locationName}}has-location{{/if}}{{#ifEquals cardType "Destination"}} card-standard--destination{{/ifEquals}} {{#if tags}}has-tags{{/if}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    {{#if webAppMode}}
        {{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}}
        {{> @cp-like-button likeText}}
    {{/if}}
    {{#ifEquals presentationMode "video"}}
        <div class="card-standard__media-atom-container">
            {{> @cp-rich-media-atom is360Video=is360Video title=title subtitle=subtitle fullVideo=fullVideo isInsideTransform=true }}
            <p class="card-standard__location js-location-name">{{locationName}}</p>
            {{#if tags}}
                {{> @cp-hashtags tags }}
            {{/if}}
        </div>
    {{/ifEquals}}
    {{#ifNotEquals presentationMode "video"}}
        <template class="js-small-image-template">
            <div class="card-standard__small-image-container js-small-image-container">
                {{> @cp-medium-image additionalCssClasses="js-small-image" lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}}
            </div>
        </template>
        <a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} class="card-standard__anchor js-link">
            {{#ifEquals presentationMode "collage"}}
                <div class="card-standard__image-container card-standard__image-container--collage">
                    <div class="card-standard__collage-inner">
                        {{#each simpleImages}}
                            <div class="card-standard__collage-item" style="background-image: url('{{src}}')"></div>
                        {{/each}}
                    </div>
                </div>
            {{/ifEquals}}
            {{#ifEquals presentationMode "imageNoPadding"}}
                <div class="card-standard__image-container js-image-container {{#if fullWidthImage}} card-standard__image-container--full-width {{/if}}">
                    {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}}
                </div>
            {{/ifEquals}}
            {{#ifEquals presentationMode "image"}}
                <div class="card-standard__image-container card-standard__image-container--padding js-image-container {{#if fullWidthImage}} card-standard__image-container--full-width {{/if}}">
                    {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}}
                </div>
            {{/ifEquals}}
            {{#ifEquals presentationMode "imageFullWidth"}}
                <div class="card-standard__image-container card-standard__image-container--full-width js-image-container {{#if fullWidthImage}} card-standard__image-container--full-width {{/if}}">
                    {{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage forceLoad=responsiveImage.forceLoad}}
                </div>
            {{/ifEquals}}
            <p class="card-standard__page-type js-page-type">{{pageType}}</p>
            <div class="card-standard__inner">
                <div class="card-standard__details">
                {{#if timeSpan.text}}<time class="card-standard__read-time js-readtime" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>{{/if}}
                    <p class="card-standard__headline">{{headline}}</p>
                    <h3 class="card-standard__title js-title">{{{title}}}</h3>
                    <p class="card-standard__subtitle js-subtitle">{{{subtitle}}}</p>
                </div>
                <p class="card-standard__location js-location-name">{{locationName}}</p>
                {{#if tags}}
                    {{> @cp-hashtags tags }}
                {{/if}}
            </div>
        </a>
    {{/ifNotEquals}}
</div>