<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "{{ news.title }}",
"alternativeHeadline": "{{ news.subtitle|striptags }}",
"datePublished": "{{ news.publishDate|date('c') }}",
"dateModified": "{{ news.updatedAt|date('c') }}",
"author": {
"@type": "Organization",
"name": "{{ sitename }}"
},
"publisher": {
"@type": "Organization",
"name": "{{ sitename }}",
"logo": {
"@type": "ImageObject",
"url": "{{ siteurl }}{{ imageCache(asset('build/images/logo.png'), 'cropResize', 560, 120) }}",
"width": 560,
"height": 120
}
},
"image": {
"@type": "ImageObject",
"url": "{{ siteurl }}{{ imageCache('/userfiles/images/news/' ~ news.image, 'zoomCrop', 800, 600) }}",
"width": 800,
"height": 600
},
"description": "{{ news.excerpt|raw|striptags }}",
"articleBody": "{{ news.content|replace({'\n': ' ', '\r': ' '})|striptags }}"
}
</script>
<div class="page-hero page-hero--themed page-hero--no-bg page-hero--fade-out news-article__hero">
<div class="container">
<div class="page-hero__content {% if news.image == NULL %}!col-span-12{% endif %}">
{{- breadcrumbs(news, domCheckIgnore(app.request.pathinfo) ) -}}
<p class="text-sm mb-2">{{ news.publishDate | date('d F Y') }}</p>
<h1 class="page-hero__title">
{{ allowInlineEditor(news, 'title')|raw }}
</h1>
<div class="page-hero__subtitle">
{{ allowInlineEditor(news, 'subtitle')|raw -}}
</div>
</div>
{% if news.image %}
<div class="page-hero__image">
<img
src="{{ imageCache('/' ~ news.getFullImagePath, 'zoomCrop', 1700, 700) }}"
alt="{{ news.title }}"
>
</div>
{% endif %}
</div>
</div>
</div>
<article class="news-article">
<div class="container">
<div class="news-article__content cms-area">
{{ news.isActive and news.publishDate <= date() ? '' : '<h2>PREVIEW - Article not active</h2>' }}
{{ allowInlineEditor(news, 'content')|raw }}
{% if news.ctaText and news.ctaLink %}
<a href="{{ news.ctaLink }}" class="button mt-10">
{{- news.ctaText -}}
</a>
{% endif %}
</div>
</div>
</article>