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

    <f:layout name="Content" />

    <f:section name="Header">
        {data.title}
    </f:section>

    <f:section name="Content">
        <main>{contentMain -> f:format.raw()}</main>
    </f:section>

    <f:section name="Aside">
        <nav>
            <h1>Table of Content</h1>
            <ol>
                <f:alias map="{contentSections: pageSections.0.content}">
                    <f:for each="{contentSections}" as="contentEntry">
                        <f:if condition="{contentEntry.data.header}">
                            <li>
                                <a href="#c{contentEntry.data.uid}">{contentEntry.data.header}</a>
                            </li>
                        </f:if>
                    </f:for>
                </f:alias>
            </ol>
        </nav>
    </f:section>
</html>