58 lines
2.1 KiB
HTML
58 lines
2.1 KiB
HTML
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
|
|
data-namespace-typo3-fluid="true"
|
|
>
|
|
|
|
<!-- Source: https://purecss.io/layouts/side-menu/ -->
|
|
|
|
<div id="layout">
|
|
<div id="menu">
|
|
<div class="pure-menu">
|
|
<f:for each="{mainMenu}" as="menuPage">
|
|
<a class="pure-menu-heading" href="{menuPage.link}">{menuPage.title}</a>
|
|
<ul class="pure-menu-list">
|
|
<f:for each="{menuPage.children}" as="menuChildPage">
|
|
<li class="pure-menu-item">
|
|
<a class="pure-menu-link" href="{menuChildPage.link}">{menuChildPage.title}</a>
|
|
</li>
|
|
</f:for>
|
|
|
|
<f:for each="{languageMenu}" as="language">
|
|
<li class="pure-menu-item">
|
|
<f:if condition="{language.available}">
|
|
<f:then>
|
|
<a class="pure-menu-link" href="{language.link}">{language.title}</a>
|
|
</f:then>
|
|
<f:else>
|
|
{language.title} N/A
|
|
</f:else>
|
|
</f:if>
|
|
</li>
|
|
</f:for>
|
|
</ul>
|
|
</f:for>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="main">
|
|
<div class="header">
|
|
<h1>{data.title}</h1>
|
|
<f:if condition="{data.subtitle}">
|
|
<h2>{data.subtitle}</h2>
|
|
</f:if>
|
|
|
|
<f:if condition="{pageMedia.0}">
|
|
<f:image image="{pageMedia.0}" width="250c" height="180c" />
|
|
<f:if condition="{pageMedia.0.description}">
|
|
<p>{pageMedia.0.description}</p>
|
|
</f:if>
|
|
</f:if>
|
|
</div>
|
|
|
|
<div class="content">
|
|
{contentMain -> f:format.raw()}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</html>
|