{namespace vhs=Tx_Vhs_ViewHelpers}
{namespace vt=Tx_Vantomas_ViewHelpers}

<f:for each="{pages}" as="page">
	<section class="hero row">
		<div class="small-12 large-7 large-centered columns">
			<h1><f:link.page pageUid="{page.uid}"><vhs:condition condition="{page.subtitle}" then="{page.subtitle}" else="{page.title}" /></f:link.page></h1>
			<p>
				<f:format.date date="@{page.lastUpdated}" format="F jS, Y" /> • {page.keywords} • <f:link.page pageUid="{page.uid}" section="comment-list">comments</f:link.page>
			</p>
			<div class="row">
				<div class="small-12 large-12 columns">
						<div class="panel">
							<vt:page.teaserImage imageRessource="{page.media}" titleText="{page.subtitle}" titleTextAlternative="{page.title}" />
						</div>
						<f:format.html>{page.abstract}</f:format.html>
				</div>
			</div>
			<div class="row">
				<div class="small-12 large-12 columns">
					<f:link.page pageUid="{page.uid}" class="right small radius button">read more »</f:link.page>
				</div>
			</div>
		</div>
	</section>
</f:for>