<div data-module="card" class="card-horizontal js-card-generic {{#if tags}}has-tags{{/if}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}} {{#if isEditorialCard}} data-editorial-card="true" {{/if}}>
<a class="card-horizontal__link js-link" href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" {{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} >
<div class="card-horizontal__image js-image">
{{#if responsiveLandscapeImage}}
{{> @cp-medium-image additionalCssClasses="js-landscape-image" lowResolutionUrl=responsiveLandscapeImage.lowResolutionUrl fallbackImageUrl=responsiveLandscapeImage.fallbackImageUrl sources=responsiveLandscapeImage.sources caption=responsiveLandscapeImage.caption dynamicImage=dynamicImage isSmallImage=responsiveLandscapeImage.isSmallImage forceLoad=forceLoad}}
{{else}}
{{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption originalSize=true forceLoad=responsiveImage.forceLoad}}
{{/if}}
</div>
<div class="card-horizontal__copy">
{{#if webAppMode}}
{{> @cp-location-marker}}
{{> @cp-like-button likeText}}
{{/if}}
<p class="card-horizontal__page-type js-page-type">{{pageType}}</p>
{{#if timeSpan.text}}
<time class="card-horizontal__read-time js-read-time" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>
{{/if}}
<h2 class="card-horizontal__title js-title">{{{title}}}</h2>
<p class="card-horizontal__subtitle js-subtitle">{{{subtitle}}}</p>
<p class="card-horizontal__location js-location-name">{{locationName}}</p>
</div>
{{#if tags}}
{{> @cp-hashtags tags }}
{{/if}}
</a>
</div>