<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
    data-namespace-typo3-fluid="true">

    <header>
        <h1>{f:if(
            condition: link,
            then: '<a href="{link}">{title}</a>',
            else: title
        )}</h1>
        <p>
            Published: <time>{blogPost.lastUpdated -> f:format.date(format: 'Y-m-d')}</time>,
            Updated: <time>{blogPost.SYS_LASTCHANGED -> f:format.date(format: 'Y-m-d')}</time>
        </p>
        <p>Tested with TYPO3:
            <f:for each="{compatibleWith}" as="version" iteration="i">
                {version.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
            </f:for>
        </p>
        <p>Topics:
            <f:for each="{topics}" as="topic" iteration="i">
                {topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
            </f:for>
        </p>
    </header>
</html>