Resetbanner.html 1.84 KB
Newer Older
Benni Mack's avatar
Benni Mack committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html
	xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
	xmlns:ac="http://typo3.org/ns/B13/Assetcollector/ViewHelpers"
	xmlns:i="http://typo3.org/ns/B13/Picture/ViewHelpers"
	data-namespace-typo3-fluid="true"
>

<input type="checkbox" name="resetbanner" id="resetbanner" class="b_pseudo" />
<div class="b_resetbanner__overlay"></div>
<div class="b_resetbanner">
	<label class="b_resetbanner__close" for="resetbanner">
		<ac:svg name="exit" class="b_resetbanner__icon" additionalAttributes="{aria-hidden: 'true'}" />
	</label>
	<div class="b_resetbanner__innerwrap b_resetbanner__innerwrap--contentcontainer">

		<div class="b_resettimer__container">
			<div class="b_resetbanner__timer" id="b13-t3demo-timerwrap">
				<span class="b_resetbanner__timewrapper">
					<span id="b13-t3demo-timer" class="b_resetbanner__time"></span>
					<span class="b_resetbanner__timeunit">min.</span>
				</span><br/>
				<span class="b_resetbanner__resettext">
23
					<f:translate key="resetbanner.text" extensionName="site_t3demo" />
Benni Mack's avatar
Benni Mack committed
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
52
53
				</span>
			</div>
			<div class="b_resetbanner__placeholder" id="b13-t3demo-timerplaceholder">
				<i:image
					src="EXT:site_t3demo/Resources/Public/Assets/Images/TYPO3-Demo-Timer-Placeholder.png"
					title="TYPO3 Demo Project — Server reset placeholder image"
					width="158"
					class="b_resetbanner__placeholder-image"
					sources="{sm: '{width: 225}'}"
				/>
			</div>
		</div>

		<div class="b_resetbanner__textblock">
			<f:if condition="{data.header}">
				<h3>{data.header}</h3>
			</f:if>

			<f:if condition="{data.bodytext}">
				{data.bodytext -> f:format.html(parseFuncTSPath: 'lib.parseFunc_RTE--resetbanner')}
			</f:if>
		</div>
	</div>
</div>
<label for="resetbanner" class="b_resetbanner__trigger">
	<ac:svg name="infobanner" class="b_resetbanner__infoicon" additionalAttributes="{aria-hidden: 'true'}" />
</label>

</html>