1 {capture assign='pageTitle'}{$articleContent->title}{/capture}
3 {capture assign='headContent'}
4 <script type="application/ld+json">
6 "@context": "http://schema.org",
7 "@type": "NewsArticle",
8 "mainEntityOfPage": "{$regularCanonicalURL}",
9 "headline": "{$articleContent->title}",
10 "datePublished": "{@$article->time|date:'c'}",
11 "dateModified": "{@$article->time|date:'c'}",
12 "description": "{@$articleContent->getFormattedTeaser()}",
15 "name": "{$article->username}"
18 "@type": "Organization",
19 "name": "{PAGE_TITLE|language}",
21 "@type": "ImageObject",
22 "url": "{$__wcf->getStyleHandler()->getStyle()->getPageLogo()}",
23 "width": {@$__wcf->getStyleHandler()->getStyle()->getVariable('pageLogoWidth')},
24 "height": {@$__wcf->getStyleHandler()->getStyle()->getVariable('pageLogoHeight')}
27 {if $articleContent->getImage()}
29 "@type": "ImageObject",
30 "url": "{$articleContent->getImage()->getThumbnailLink('large')}",
31 "width": {@$articleContent->getImage()->getThumbnailWidth('large')},
32 "height": {@$articleContent->getImage()->getThumbnailHeight('large')}
39 {include file='ampHeader'}
41 <article class="article">
42 <header class="articleHeader">
43 <h1 class="articleTitle">{$articleContent->title}</h1>
44 <h2 class="articleAuthor">{$article->username}</h2>
45 <time class="articleDate" datetime="{@$article->time|date:'c'}">{@$article->time|plainTime}</time>
48 {if $articleContent->getImage()}
49 <figure class="articleImage">
50 <amp-img src="{$articleContent->getImage()->getThumbnailLink('large')}" alt="{$articleContent->getImage()->altText}" height="{@$articleContent->getImage()->getThumbnailHeight('large')}" width="{@$articleContent->getImage()->getThumbnailWidth('large')}" layout="responsive"></amp-img>
51 {if $articleContent->getImage()->caption}
52 <figcaption>{$articleContent->getImage()->caption}</figcaption>
57 {if $articleContent->teaser}
58 <div class="articleTeaser">
59 <p>{@$articleContent->getFormattedTeaser()}</p>
63 <div class="articleContent">
64 {@$articleContent->getAmpFormattedContent()}
69 <section class="section">
70 <h2 class="sectionTitle">{lang}wcf.article.moreArticles{/lang}</h2>
72 <amp-carousel width="400" height="300" layout="responsive" type="slides" autoplay delay="5000">
74 {foreach from=$additionalArticles item='additionalArticle'}
75 {if $additionalArticle->getTeaserImage()}
76 <a href="{link controller='ArticleAmp' object=$additionalArticle->getArticleContent()}{/link}">
78 <amp-img src="{$additionalArticle->getTeaserImage()->getThumbnailLink('large')}" layout="fill"></amp-img>
79 <figcaption>{$additionalArticle->getTitle()}</figcaption>
89 {if $relatedArticles|count}
91 <section class="section">
92 <h2 class="sectionTitle">{lang}wcf.article.relatedArticles{/lang}</h2>
94 <amp-carousel width="400" height="300" layout="responsive" type="slides" autoplay delay="5000">
96 {foreach from=$relatedArticles item='relatedArticle'}
97 {if $relatedArticle->getTeaserImage()}
98 <a href="{link controller='ArticleAmp' object=$relatedArticle->getArticleContent()}{/link}">
100 <amp-img src="{$relatedArticle->getTeaserImage()->getThumbnailLink('large')}" layout="fill"></amp-img>
101 <figcaption>{$relatedArticle->getTitle()}</figcaption>
112 {include file='ampFooter'}