/
SectionGrayscale.html
51 lines (51 loc) · 3.08 KB
/
SectionGrayscale.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
{namespace media=TYPO3\Media\ViewHelpers}
{namespace neos=TYPO3\Neos\ViewHelpers}
<f:if condition="{backgroundImage}">
<f:then>
<f:if condition="{isFirst}">
<f:then>
<section id="{node.identifier}" class="intro" style="background-image: url({media:uri.image(image:backgroundImage)});{f:if(condition:color, then: ' color:{color};')}">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="header"><neos:contentElement.editable property="header">{header -> f:format.raw()}</neos:contentElement.editable></h1>
<h3 class="subheader"><neos:contentElement.editable property="subheader">{subheader -> f:format.raw()}</neos:contentElement.editable></h3>
<div class="page-scroll">
<a class="btn btn-circle" href="#{next}" {f:if(condition:color, then: 'style=" color:{color}; border-color:{color};"')}>
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</f:then>
<f:else>
<section id="{node.identifier}" class="content-section text-center">
<div class="content-background-image" style="background-image: url({media:uri.image(image:backgroundImage)});{f:if(condition:color, then: ' color:{color};')}">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2><neos:contentElement.editable property="header">{header -> f:format.raw()}</neos:contentElement.editable></h2>
<p><neos:contentElement.editable property="subheader">{subheader -> f:format.raw()}</neos:contentElement.editable></p>
</div>
</div>
</div>
</section>
</f:else>
</f:if>
</f:then>
<f:else>
<section id="{node.identifier}" class="content-section text-center">
<div class="content-background-image" style="{f:if(condition:backgroundColor, then: ' background-color:{backgroundColor};')};{f:if(condition:color, then: ' color:{color};')}">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2><neos:contentElement.editable property="header">{header -> f:format.raw()}</neos:contentElement.editable></h2>
<p><neos:contentElement.editable property="subheader">{subheader -> f:format.raw()}</neos:contentElement.editable></p>
</div>
</div>
</div>
</section>
</f:else>
</f:if>