EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Adjust more colors

Browse Source
This commit is contained in:
Björn Fromme
2021-11-05 11:04:49 +01:00
parent 1187b6d77c
commit 945903aaa6
12 changed files with 343 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
+60 -63
View File
@@ -1,74 +1,71 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers" xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-ep-primary-medium my-2"> <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}"> <f:if condition="{settings.themeKey} == 'ep'">
<f:if condition="{settings.themeKey} == 'ep'"> <f:render partial="Disrupter/Outlines"
<f:render partial="Disrupter/Outlines" section="Top1"
section="Top1" arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> </f:if>
</f:if> <div class="relative container grid grid-cols-2 gap-8 py-4" data-rte-content>
<div class="relative container grid grid-cols-2 gap-8" data-rte-content> <div class="col-span-2 md:col-span-1">
<div class="col-span-2 md:col-span-1"> <div class="relative max-w-md mx-auto mb-8">
<div class="relative max-w-md mx-auto mb-8"> <f:if condition="{image}">
<f:if condition="{image}"> <f:then>
<f:then> <img class="block rounded-full w-full h-auto lazyload"
<img class="block rounded-full w-full h-auto lazyload" data-src="{f:uri.image(image: image, width: '400', height: '400c')}"
data-src="{f:uri.image(image: image, width: '400', height: '400c')}" alt="{image.alternative}" title="{image.title}">
alt="{image.alternative}" title="{image.title}"> </f:then>
</f:then> <f:else>
<f:else> <img src="https://placehold.it/800x600" alt="">
<img src="https://placehold.it/800x600" alt=""> </f:else>
</f:else>
</f:if>
<a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
rel="nofollow"
class="absolute bottom-0 left-1/2 transform -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
<svg class="w-10 h-10 text-white">
<use href="#icon-phone"></use>
</svg>
<div class="text-center text-white">
<span class="block whitespace-nowrap">
Ihr habt Fragen?
</span>
<span class="block whitespace-nowrap">
Wir helfen euch gerne!
</span>
</div>
</a>
</div>
</div>
<div class="col-span-2 md:col-span-1">
<span class="headline--secondary font-light text-white">
{data.subheadline}
</span>
<span class="headline--secondary uppercase font-light text-white mb-4">
{data.headline}
</span>
<div class="text-white" data-rte-content>
{data.bodytext -> f:format.html()}
</div>
<f:if condition="{data.flexForm.buttons}">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
<f:for each="{data.flexForm.buttons}" as="button">
<f:link.typolink parameter="{button.container.link}"
class="button shadow-lg">
{button.container.label}
</f:link.typolink>
</f:for>
</div>
</f:if> </f:if>
<a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
rel="nofollow"
class="absolute bottom-0 left-1/2 transform -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
<svg class="w-10 h-10 text-white">
<use href="#icon-phone"></use>
</svg>
<div class="text-center text-white">
<span class="block whitespace-nowrap">
Ihr habt Fragen?
</span>
<span class="block whitespace-nowrap">
Wir helfen euch gerne!
</span>
</div>
</a>
</div> </div>
</div> </div>
<f:if condition="{settings.themeKey} == 'ep'"> <div class="col-span-2 md:col-span-1">
<f:render partial="Disrupter/Outlines" <span class="headline--secondary font-light text-white">
section="Bottom1" {data.subheadline}
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> </span>
</f:if> <span class="headline--secondary uppercase font-light text-white mb-4">
{data.headline}
</span>
<div class="text-white" data-rte-content>
{data.bodytext -> f:format.html()}
</div>
<f:if condition="{data.flexForm.buttons}">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
<f:for each="{data.flexForm.buttons}" as="button">
<f:link.typolink parameter="{button.container.link}"
class="button shadow-lg">
{button.container.label}
</f:link.typolink>
</f:for>
</div>
</f:if>
</div>
</div> </div>
<f:if condition="{settings.themeKey} == 'ep'">
<f:render partial="Disrupter/Outlines"
section="Bottom1"
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</f:if>
</div> </div>
</html> </html>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
+14 -14
View File
@@ -3,21 +3,21 @@
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="bg-ep-primary-medium my-2"> <div class="bg-ep-primary-dark">
<f:render partial="Disrupter/Outlines" <f:render partial="Disrupter/Outlines"
section="Top1" section="Top1"
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
<div class="max-w-screen-lg mx-auto" data-rte-content> <div class="max-w-screen-lg mx-auto" data-rte-content>
<div>{data.headline}</div> <div>{data.headline}</div>
<div>{data.text -> f:format.html()}</div> <div>{data.text -> f:format.html()}</div>
<div> <div>
{data.flexForm.buttons -> v:iterator.first() -> v:variable.set(name: 'button')} {data.flexForm.buttons -> v:iterator.first() -> v:variable.set(name: 'button')}
<a href="{f:uri.typolink(parameter: button.container.link)}" class="btn btn-info" title="{button.container.label -> f:format.raw()}">{button.container.label -> f:format.raw()}</a> <a href="{f:uri.typolink(parameter: button.container.link)}" class="btn btn-info" title="{button.container.label -> f:format.raw()}">{button.container.label -> f:format.raw()}</a>
</div>
</div> </div>
<f:render partial="Disrupter/Outlines"
section="Bottom1"
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</div> </div>
<f:render partial="Disrupter/Outlines"
section="Bottom1"
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</div>
</html> </html>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Outlines.html
+6 -6
View File
@@ -5,42 +5,42 @@
<f:section name="Top1"> <f:section name="Top1">
<svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg"> <svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
<rect y="0" width="1440" height="45.1" fill="currentColor"/> <rect y="0" width="1440" height="45.1" fill="currentColor"/>
<polyline points="1440,25.1 1359.3,23.2 1210.3,32.3 1055.4,20.5 720.5,39.6 533.9,15.2 443.5,30.5 292.3,44.9 129.9,14.9 0,44.1 0,61.8 171,45.1 345,45.1 451.9,60.6 618.5,48 793,63.1 987,51.9 1044.7,59.7 1298.8,48.4 1320.7,59.7 1440,45.1" fill="#18527B"/> <polyline points="1440,25.1 1359.3,23.2 1210.3,32.3 1055.4,20.5 720.5,39.6 533.9,15.2 443.5,30.5 292.3,44.9 129.9,14.9 0,44.1 0,61.8 171,45.1 345,45.1 451.9,60.6 618.5,48 793,63.1 987,51.9 1044.7,59.7 1298.8,48.4 1320.7,59.7 1440,45.1" fill="currentColor"/>
</svg> </svg>
</f:section> </f:section>
<f:section name="Bottom1"> <f:section name="Bottom1">
<svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg"> <svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
<rect y="40" class="st0" width="1440" height="40" fill="currentColor"/> <rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
<polygon class="st1" points="0,40 166.8,51.6 384.9,40 641.7,58.2 702.2,40 1011.5,52.9 1181.7,40 1440,49.1 1440,28.3 1302.1,35.6 1053.4,31 861.8,38.9 657,23.6 559.2,38.3 412.2,23.6 233.3,33.6 0,28.3 " fill="#18527B"/> <polygon class="st1" points="0,40 166.8,51.6 384.9,40 641.7,58.2 702.2,40 1011.5,52.9 1181.7,40 1440,49.1 1440,28.3 1302.1,35.6 1053.4,31 861.8,38.9 657,23.6 559.2,38.3 412.2,23.6 233.3,33.6 0,28.3 " fill="currentColor"/>
</svg> </svg>
</f:section> </f:section>
<f:section name="Top2"> <f:section name="Top2">
<svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg"> <svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
<rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/> <rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/>
<polyline points="1440,42.4 1324.9,39.5 1227.9,44.8 1155.9,34.7 979.9,44.6 872.3,43.5 826.9,31.3 727.3,44.6 654.8,37.8 514.8,42.3 443.5,30.5 292.3,44.9 147.3,29.4 0,44.1 0,45.1 121.8,48.9 185.9,45.1 265,45.3 301.4,50.7 339.7,45.3 493.7,47.4 589.6,45.3 691.9,47.9 707.7,45.3 987,51.9 1088.6,46.1 1165.6,51.8 1298.8,45.3 1409.7,49.9 1440,45.1 " fill="#18527B"/> <polyline points="1440,42.4 1324.9,39.5 1227.9,44.8 1155.9,34.7 979.9,44.6 872.3,43.5 826.9,31.3 727.3,44.6 654.8,37.8 514.8,42.3 443.5,30.5 292.3,44.9 147.3,29.4 0,44.1 0,45.1 121.8,48.9 185.9,45.1 265,45.3 301.4,50.7 339.7,45.3 493.7,47.4 589.6,45.3 691.9,47.9 707.7,45.3 987,51.9 1088.6,46.1 1165.6,51.8 1298.8,45.3 1409.7,49.9 1440,45.1 " fill="currentColor"/>
</svg> </svg>
</f:section> </f:section>
<f:section name="Bottom2"> <f:section name="Bottom2">
<svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg"> <svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
<rect y="40" class="st0" width="1440" height="40" fill="currentColor"/> <rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
<polygon points="0,40 170.3,33.2 334,40 436.8,26.1 478.9,40 692.2,33 938.3,40 1101,29.6 1115.2,40 1220.3,33 1440,40 1440,41.5 1427.9,40.7 1297.4,48.2 1240.5,40.3 913.9,48.2 736.6,40.3 433.7,48.2 195.6,40.3 0,48.2" fill="#18527B"/> <polygon points="0,40 170.3,33.2 334,40 436.8,26.1 478.9,40 692.2,33 938.3,40 1101,29.6 1115.2,40 1220.3,33 1440,40 1440,41.5 1427.9,40.7 1297.4,48.2 1240.5,40.3 913.9,48.2 736.6,40.3 433.7,48.2 195.6,40.3 0,48.2" fill="currentColor"/>
</svg> </svg>
</f:section> </f:section>
<f:section name="Top3"> <f:section name="Top3">
<svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg"> <svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
<rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/> <rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/>
<polyline points="1440,44.6 1423.9,43.9 1409.5,40.9 1370.6,43.8 1324.9,39.5 1227.9,44.8 1203.3,38 1093.3,44 1071.7,40.3 984.5,44.2 971.2,40.8 926.2,44.4 833.4,37.9 815.5,43.6 786.9,41.6 727.3,44.6 654.8,37.8 641.4,41.6 616.4,39 514.8,42.3 459.6,36 449.4,42.1 396.4,43.7 379.3,36.6 292.3,44.9 272.7,41.6 188,43 153.6,32.6 136.2,37.2 61.8,44.2 0,39.2 0,45.1 17,46.3 48.6,45.5 121.8,48.9 154.8,45.8 189.4,46.2 209.7,50.2 225.3,45.3 251.4,47.2 339.7,45.3 373.3,48.8 404.1,46.2 462.9,47.8 498.3,49.4 511.3,45.9 548.5,46.6 569.4,45.3 651.5,48.9 663.7,45.8 710.5,47.8 720.5,45.3 808.5,49.4 823,46.7 905.5,45.5 955.1,48.7 994.2,46 1088.6,46.1 1129.9,50 1151.1,46.8 1298.8,45.3 1368.6,50.2 1434.1,47.5 1440,45.1 " fill="#18527B"/> <polyline points="1440,44.6 1423.9,43.9 1409.5,40.9 1370.6,43.8 1324.9,39.5 1227.9,44.8 1203.3,38 1093.3,44 1071.7,40.3 984.5,44.2 971.2,40.8 926.2,44.4 833.4,37.9 815.5,43.6 786.9,41.6 727.3,44.6 654.8,37.8 641.4,41.6 616.4,39 514.8,42.3 459.6,36 449.4,42.1 396.4,43.7 379.3,36.6 292.3,44.9 272.7,41.6 188,43 153.6,32.6 136.2,37.2 61.8,44.2 0,39.2 0,45.1 17,46.3 48.6,45.5 121.8,48.9 154.8,45.8 189.4,46.2 209.7,50.2 225.3,45.3 251.4,47.2 339.7,45.3 373.3,48.8 404.1,46.2 462.9,47.8 498.3,49.4 511.3,45.9 548.5,46.6 569.4,45.3 651.5,48.9 663.7,45.8 710.5,47.8 720.5,45.3 808.5,49.4 823,46.7 905.5,45.5 955.1,48.7 994.2,46 1088.6,46.1 1129.9,50 1151.1,46.8 1298.8,45.3 1368.6,50.2 1434.1,47.5 1440,45.1 " fill="currentColor"/>
</svg> </svg>
</f:section> </f:section>
<f:section name="Bottom3"> <f:section name="Bottom3">
<svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg"> <svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
<rect y="40" class="st0" width="1440" height="40" fill="currentColor"/> <rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
<polygon points="0,34.5 79.5,26.5 152.6,37.6 191.6,32.1 357.9,40 412,29.2 454.1,38.1 482.1,40 528.6,31 636.4,40 769.8,20.3 799.5,40 895.3,30.2 1104.6,40 1228.7,26.1 1305,40 1397.2,27.4 1440,32.7 1440,47.8 1414.9,42 1255.3,44.3 1198.1,40 1139.6,46 1068,45.1 1044,40.5 942.3,42.7 894,40.5 775.8,43.4 742.3,40.3 598.9,45.6 591.6,40.3 536.4,43.8 468.3,41.4 392.7,43.6 254.1,47.8 228.9,40.7 125.3,43.4 0,40 " fill="#18527B"/> <polygon points="0,34.5 79.5,26.5 152.6,37.6 191.6,32.1 357.9,40 412,29.2 454.1,38.1 482.1,40 528.6,31 636.4,40 769.8,20.3 799.5,40 895.3,30.2 1104.6,40 1228.7,26.1 1305,40 1397.2,27.4 1440,32.7 1440,47.8 1414.9,42 1255.3,44.3 1198.1,40 1139.6,46 1068,45.1 1044,40.5 942.3,42.7 894,40.5 775.8,43.4 742.3,40.3 598.9,45.6 591.6,40.3 536.4,43.8 468.3,41.4 392.7,43.6 254.1,47.8 228.9,40.7 125.3,43.4 0,40 " fill="currentColor"/>
</svg> </svg>
</f:section> </f:section>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
+35 -38
View File
@@ -1,48 +1,45 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers" xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-ep-primary-medium my-2"> <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}"> <f:render partial="Disrupter/Outlines"
<f:render partial="Disrupter/Outlines" section="Top1"
section="Top1" arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> <div class="max-w-screen-lg mx-auto py-4" data-rte-content>
<div class="max-w-screen-lg mx-auto" data-rte-content> <div class="md:flex md:items-start py-4">
<div class="md:flex md:items-start py-4"> <div class="px-16 pb-4 md:px-4 md:pb-0 md:w-1/6">
<div class="px-16 pb-4 md:px-4 md:pb-0 md:w-1/6"> <f:if condition="{image}">
<f:if condition="{image}"> <f:then>
<f:then> <img class="block w-full h-auto rounded-full lazyload"
<img class="block w-full h-auto rounded-full lazyload" data-src="{f:uri.image(image: image, width: '400', height: '400c')}"
data-src="{f:uri.image(image: image, width: '400', height: '400c')}" alt="{image.alternative}" title="{image.title}">
alt="{image.alternative}" title="{image.title}"> </f:then>
</f:then> <f:else>
<f:else> <img class="block w-full h-auto rounded-full" src="https://placehold.it/800x600" alt="">
<img class="block w-full h-auto rounded-full" src="https://placehold.it/800x600" alt=""> </f:else>
</f:else> </f:if>
</f:if> </div>
</div> <div class="px-16 md:px-4 md:w-5/6 md:pl-8 text-center text-white md:text-left" data-rte-content>
<div class="px-16 md:px-4 md:w-5/6 md:pl-8 text-center text-white md:text-left" data-rte-content> <span class="headline--3 text-white uppercase">
<span class="headline--3 text-white uppercase"> {data.headline}
{data.headline} </span>
</span> {data.text -> f:format.html()}
{data.text -> f:format.html()} <div class="flex flex-col space-y-4 md:flex-row md:items-center md:space-y-0 md:space-x-4">
<div class="flex flex-col space-y-4 md:flex-row md:items-center md:space-y-0 md:space-x-4"> <f:for each="{data.flexForm.buttons}" as="button" iteration="iteration">
<f:for each="{data.flexForm.buttons}" as="button" iteration="iteration"> <f:if condition="{iteration.cycle} <= 3">
<f:if condition="{iteration.cycle} <= 3"> <f:link.typolink parameter="{button.container.link}" class="button shadow-lg">
<f:link.typolink parameter="{button.container.link}" class="button shadow-lg"> {button.container.label}
{button.container.label} </f:link.typolink>
</f:link.typolink> </f:if>
</f:if> </f:for>
</f:for>
</div>
</div> </div>
</div> </div>
</div> </div>
<f:render partial="Disrupter/Outlines"
section="Bottom1"
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</div> </div>
<f:render partial="Disrupter/Outlines"
section="Bottom1"
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</div> </div>
</html> </html>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
+60 -63
View File
@@ -1,74 +1,71 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers" xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-ep-primary-medium my-2"> <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}"> <f:if condition="{settings.themeKey} == 'ep'">
<f:if condition="{settings.themeKey} == 'ep'"> <f:render partial="Disrupter/Outlines"
<f:render partial="Disrupter/Outlines" section="Top1"
section="Top1" arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> </f:if>
</f:if> <div class="relative container grid grid-cols-2 gap-8 py-8" data-rte-content>
<div class="relative container grid grid-cols-2 gap-8 py-8" data-rte-content> <div class="col-span-2 md:col-span-1">
<div class="col-span-2 md:col-span-1"> <div class="relative max-w-md mx-auto mb-8">
<div class="relative max-w-md mx-auto mb-8"> <f:if condition="{teaserImage}">
<f:if condition="{teaserImage}"> <f:then>
<f:then> <img class="block rounded-full w-full h-auto lazyload"
<img class="block rounded-full w-full h-auto lazyload" data-src="{f:uri.image(image: teaserImage, width: '400', height: '400c')}"
data-src="{f:uri.image(image: teaserImage, width: '400', height: '400c')}" alt="{teaserImage.alternative}" title="{teaserImage.title}">
alt="{teaserImage.alternative}" title="{teaserImage.title}"> </f:then>
</f:then> <f:else>
<f:else> <img src="https://placehold.it/800x600" alt="">
<img src="https://placehold.it/800x600" alt=""> </f:else>
</f:else>
</f:if>
<a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
rel="nofollow"
class="absolute bottom-0 left-1/2 transform -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
<svg class="w-10 h-10 text-white">
<use href="#icon-phone"></use>
</svg>
<div class="text-center text-white">
<span class="block whitespace-nowrap">
Ihr habt Fragen?
</span>
<span class="block whitespace-nowrap">
Wir helfen euch gerne!
</span>
</div>
</a>
</div>
</div>
<div class="col-span-2 md:col-span-1">
<span class="headline--secondary font-light text-white">
{data.subheader}
</span>
<span class="headline--secondary uppercase font-light text-white mb-4">
{data.header}
</span>
<div class="text-white" data-rte-content>
{data.bodytext -> f:format.html()}
</div>
<f:if condition="{data.flexForm.buttons}">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
<f:for each="{data.flexForm.buttons}" as="button">
<f:link.typolink parameter="{button.container.link}"
class="button shadow-lg">
{button.container.label}
</f:link.typolink>
</f:for>
</div>
</f:if> </f:if>
<a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
rel="nofollow"
class="absolute bottom-0 left-1/2 transform -translate-x-1/2 -mb-8 rounded-full py-4 px-6 flex items-center space-x-2 {ep:themeClasses(classes: '{ep: \'bg-ep-secondary\', sbw: \'bg-sbw-secondary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
<svg class="w-10 h-10 text-white">
<use href="#icon-phone"></use>
</svg>
<div class="text-center text-white">
<span class="block whitespace-nowrap">
Ihr habt Fragen?
</span>
<span class="block whitespace-nowrap">
Wir helfen euch gerne!
</span>
</div>
</a>
</div> </div>
</div> </div>
<f:if condition="{settings.themeKey} == 'ep'"> <div class="col-span-2 md:col-span-1">
<f:render partial="Disrupter/Outlines" <span class="headline--secondary font-light text-white">
section="Bottom1" {data.subheader}
arguments="{classes: 'hidden md:block sbw:md:hidden transform translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> </span>
</f:if> <span class="headline--secondary uppercase font-light text-white mb-4">
{data.header}
</span>
<div class="text-white" data-rte-content>
{data.bodytext -> f:format.html()}
</div>
<f:if condition="{data.flexForm.buttons}">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
<f:for each="{data.flexForm.buttons}" as="button">
<f:link.typolink parameter="{button.container.link}"
class="button shadow-lg">
{button.container.label}
</f:link.typolink>
</f:for>
</div>
</f:if>
</div>
</div> </div>
<f:if condition="{settings.themeKey} == 'ep'">
<f:render partial="Disrupter/Outlines"
section="Bottom1"
arguments="{classes: 'hidden md:block sbw:md:hidden transform translate-y-2 {f:if(condition: \'{background} == 2 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</f:if>
</div> </div>
</html> </html>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
+2 -5
View File
@@ -1,10 +1,8 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers" xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<div class="bg-ep-primary-medium my-2"> <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<f:render partial="Disrupter/Outlines" <f:render partial="Disrupter/Outlines"
section="Top1" section="Top1"
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
@@ -43,6 +41,5 @@
section="Bottom1" section="Bottom1"
arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/> arguments="{classes: 'hidden md:block transform translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 2 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
</div> </div>
</div>
</html> </html>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+156 -158
View File
@@ -3,180 +3,178 @@
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="bg-ep-primary-medium mt-8"> <div class="bg-ep-primary-dark sbw:bg-sbw-primary-80 uch:bg-uch-primary-80 mt-8">
<div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 uch:bg-uch-primary-80"> <f:if condition="{settings.themekey} == 'ep'">
<f:if condition="{settings.themekey} == 'ep'"> <f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: 'transform -translate-y-2 text-white'}"/>
<f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: 'transform -translate-y-2 text-white'}"/> </f:if>
</f:if> <div class="py-4 relative">
<div class="py-4 relative"> <div class="container grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 pb-4">
<div class="container grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 pb-4"> <v:menu pageUid="{settings.footerNavPid}" levels="2" expandAll="true">
<v:menu pageUid="{settings.footerNavPid}" levels="2" expandAll="true"> <f:for each="{menu}" as="menuheader" iteration="iteration">
<f:for each="{menu}" as="menuheader" iteration="iteration"> <div data-controller="collapse"
<div data-controller="collapse" data-collapse-until-value="991">
data-collapse-until-value="991"> <span class="headline--4 text-white hidden md:block">
<span class="headline--4 text-white hidden md:block"> {menuheader.title}
{menuheader.title} </span>
</span> <button type="button"
<button type="button" class="headline--4 text-white md:hidden"
class="headline--4 text-white md:hidden" data-action="collapse#toggle">
data-action="collapse#toggle"> {menuheader.title}
{menuheader.title} </button>
</button> <v:menu pageUid="{menuheader.uid}" useShortcutUid="true" as="submenu">
<v:menu pageUid="{menuheader.uid}" useShortcutUid="true" as="submenu"> <ul class="list-disc text-white mb-0 pl-4"
<ul class="list-disc text-white mb-0 pl-4" data-collapse-target="container">
data-collapse-target="container"> <f:for each="{submenu}" as="submenuitem">
<f:for each="{submenu}" as="submenuitem"> <f:if condition="{submenuitem.doktype} == 3">
<f:if condition="{submenuitem.doktype} == 3"> <f:then>
<f:then> <li>
<li> <a class="text-white" href="{submenuitem.url}" target="_blank" title="{submenuitem.linktext}">{submenuitem.title}</a>
<a class="text-white" href="{submenuitem.url}" target="_blank" title="{submenuitem.linktext}">{submenuitem.title}</a> </li>
</li> </f:then>
</f:then> <f:else>
<f:else> <li>
<li> <a class="text-white" href="{f:uri.typolink(parameter: submenuitem.uid)}" title="{submenuitem.linktext}">{submenuitem.title}</a>
<a class="text-white" href="{f:uri.typolink(parameter: submenuitem.uid)}" title="{submenuitem.linktext}">{submenuitem.title}</a> </li>
</li> </f:else>
</f:else> </f:if>
</f:if> </f:for>
</f:for> </ul>
</ul> </v:menu>
</v:menu> </div>
</div> </f:for>
</f:for> </v:menu>
</v:menu> </div>
</div> <div class="hidden md:block container border-t border-white pt-4">
<div class="hidden md:block container border-t border-white pt-4"> <div class="grid grid-cols-2 gap-16">
<div class="grid grid-cols-2 gap-16"> <div class="flex">
<div class="flex"> <div class="flex items-start space-x-2 pr-4">
<div class="flex items-start space-x-2 pr-4"> <svg class="w-12 h-12 text-white">
<svg class="w-12 h-12 text-white"> <use href="#icon-phone"></use>
<use href="#icon-phone"></use> </svg>
</svg> <div class="text-white">
<div class="text-white"> <span class="block uppercase text-xl">
<span class="block uppercase text-xl"> Service-Telefon
Service-Telefon
</span>
<a class="text-white whitespace-nowrap"
href="tel:{settings.phoneNumberLink}"
title="Service Telefon anrufen"
rel="nofollow">
{settings.phoneNumber}
</a>
</div>
</div>
<div class="text-white flex-1">
<span class="block">
{settings.businessHoursDays}
</span>
<span class="block">
{settings.businessHoursTime}
</span> </span>
<a class="text-white whitespace-nowrap"
href="tel:{settings.phoneNumberLink}"
title="Service Telefon anrufen"
rel="nofollow">
{settings.phoneNumber}
</a>
</div> </div>
</div> </div>
<div class="flex"> <div class="text-white flex-1">
<div class="flex items-start space-x-2 pr-4"> <span class="block">
<svg class="w-12 h-12 text-white"> {settings.businessHoursDays}
<use href="#icon-whatsapp"></use> </span>
</svg> <span class="block">
<div class="text-white"> {settings.businessHoursTime}
<span class="block uppercase text-xl"> </span>
WhatsApp </div>
</span> </div>
<a class="text-white whitespace-nowrap" <div class="flex">
href="https://api.whatsapp.com/send?phone={settings.whatsAppNumberLink}" <div class="flex items-start space-x-2 pr-4">
title="WhatsApp" <svg class="w-12 h-12 text-white">
target="_blank" <use href="#icon-whatsapp"></use>
rel="nofollow"> </svg>
{settings.whatsApp} <div class="text-white">
</a> <span class="block uppercase text-xl">
</div> WhatsApp
</div> </span>
<div class="text-white flex-1"> <a class="text-white whitespace-nowrap"
{f:translate(key: 'label.whatsapp_instructions', extensionName: 'ep_theme')} href="https://api.whatsapp.com/send?phone={settings.whatsAppNumberLink}"
title="WhatsApp"
target="_blank"
rel="nofollow">
{settings.whatsApp}
</a>
</div> </div>
</div> </div>
<div class="text-white flex-1">
{f:translate(key: 'label.whatsapp_instructions', extensionName: 'ep_theme')}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bg-ep-primary-dark sbw:bg-sbw-primary-dark pt-4 pb-16 md:py-4 text-sm lg:text-base text-white"> </div>
<div class="container"> <div class="bg-ep-primary-dark sbw:bg-sbw-primary-dark pt-4 pb-16 md:py-4 text-sm lg:text-base text-white">
<div class="grid grid-cols-1 md:grid-cols-12 gap-4"> <div class="container">
<div class="md:col-span-4 text-center md:text-left"> <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
© E&amp;P Reisen und Events GmbH <div class="md:col-span-4 text-center md:text-left">
</div> © E&amp;P Reisen und Events GmbH
<div class="md:col-span-3 text-center md:text-left"> </div>
<ul class="p-0 m-0"> <div class="md:col-span-3 text-center md:text-left">
<li> <ul class="p-0 m-0">
<a href="{f:uri.typolink(parameter: settings.legalNoticePageUid)}" <li>
class="text-white" <a href="{f:uri.typolink(parameter: settings.legalNoticePageUid)}"
title="Impressum"> class="text-white"
Impressum title="Impressum">
</a> Impressum
</li>
<li>
<a href="{f:uri.typolink(parameter: settings.termsAndConditionsPageUid)}"
class="text-white"
title="AGB">
AGB
</a>
</li>
<li>
<a href="{f:uri.typolink(parameter: settings.dataProtectionPageUid)}"
class="text-white"
title="AGB">
Datenschutz
</a>
</li>
<li>
<a href="{f:uri.typolink(parameter: settings.imageCreditsPageUid)}"
class="text-white"
title="AGB">
Bildrechte
</a>
</li>
</ul>
</div>
<div class="md:col-span-3 text-center md:text-left">
<div class="inline-flex md:flex items-start space-x-2">
<a href="{settings.facebookUrl}"
title="E&amp;P bei Facebook"
rel="nofollow"
target="_blank">
<svg class="w-6 h-6 text-white">
<use href="#icon-facebook"></use>
</svg>
</a> </a>
<a href="{settings.instagramUrl}" </li>
title="E&amp;P bei Instagram" <li>
rel="nofollow" <a href="{f:uri.typolink(parameter: settings.termsAndConditionsPageUid)}"
target="_blank"> class="text-white"
<svg class="w-6 h-6 text-white"> title="AGB">
<use href="#icon-instagram"></use> AGB
</svg>
</a> </a>
<a href="{settings.youtubeUrl}" </li>
title="E&amp;P bei YouTube" <li>
rel="nofollow" <a href="{f:uri.typolink(parameter: settings.dataProtectionPageUid)}"
target="_blank"> class="text-white"
<svg class="w-6 h-6 text-white"> title="AGB">
<use href="#icon-youtube"></use> Datenschutz
</svg>
</a> </a>
</div> </li>
</div> <li>
<div class="md:col-span-2"> <a href="{f:uri.typolink(parameter: settings.imageCreditsPageUid)}"
<a class="block bg-white p-2 w-24 mx-auto rounded" class="text-white"
href="https://www.unglobalcompact.org/" title="AGB">
target="_blank" Bildrechte
title="Global Compact"> </a>
<img class="w-full h-auto lazyload" </li>
data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/global_compact.png')}" </ul>
alt="Global Compact"/> </div>
<div class="md:col-span-3 text-center md:text-left">
<div class="inline-flex md:flex items-start space-x-2">
<a href="{settings.facebookUrl}"
title="E&amp;P bei Facebook"
rel="nofollow"
target="_blank">
<svg class="w-6 h-6 text-white">
<use href="#icon-facebook"></use>
</svg>
</a>
<a href="{settings.instagramUrl}"
title="E&amp;P bei Instagram"
rel="nofollow"
target="_blank">
<svg class="w-6 h-6 text-white">
<use href="#icon-instagram"></use>
</svg>
</a>
<a href="{settings.youtubeUrl}"
title="E&amp;P bei YouTube"
rel="nofollow"
target="_blank">
<svg class="w-6 h-6 text-white">
<use href="#icon-youtube"></use>
</svg>
</a> </a>
</div> </div>
</div> </div>
<div class="md:col-span-2">
<a class="block bg-white p-2 w-24 mx-auto rounded"
href="https://www.unglobalcompact.org/"
target="_blank"
title="Global Compact">
<img class="w-full h-auto lazyload"
data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/global_compact.png')}"
alt="Global Compact"/>
</a>
</div>
</div> </div>
</div> </div>
<button type="button" <button type="button"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+2 -2
View File
@@ -23,11 +23,11 @@
</f:alias> </f:alias>
<div class="absolute left-0 bottom-0 inset-x-0 px-4 py-8 w-full md:bottom-1/2 md:transform md:translate-y-1/2"> <div class="absolute left-0 bottom-0 inset-x-0 px-4 py-8 w-full md:bottom-1/2 md:transform md:translate-y-1/2">
<div class="lg:container px-0"> <div class="lg:container px-0">
<div class="p-4 bg-ep-primary-80 sbw:bg-sbw-primary-80 mb-4 md:p-8 md:max-w-2xl"> <div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 mb-4 md:p-8 md:max-w-2xl">
<span class="block text-2xl md:text-4xl lg:text-5xl max-w-sm md:max-w-none font-black text-white uppercase mb-8"> <span class="block text-2xl md:text-4xl lg:text-5xl max-w-sm md:max-w-none font-black text-white uppercase mb-8">
{slide.headline} {slide.headline}
</span> </span>
<span class="hidden md:block md:text-lg font-light text-white mb-8"> <span class="hidden md:block md:text-lg text-white mb-8">
{slide.subline} {slide.subline}
</span> </span>
<f:if condition="{slide.button}"> <f:if condition="{slide.button}">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
+2 -2
View File
@@ -17,8 +17,8 @@
</f:alias> </f:alias>
<div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2"> <div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:transform md:translate-y-1/2">
<div class="lg:container"> <div class="lg:container">
<div class="p-4 bg-ep-primary-80 sbw:bg-sbw-primary-80 mb-4 md:p-8 md:max-w-2xl"> <div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 mb-4 md:p-8 md:max-w-2xl">
<span class="block text-xl md:text-2xl font-light text-white uppercase"> <span class="block text-xl md:text-2xl text-white uppercase">
{slide.headline} {slide.headline}
</span> </span>
<span class="block text-2xl md:text-3xl lg:text-4xl text-white uppercase"> <span class="block text-2xl md:text-3xl lg:text-4xl text-white uppercase">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+3 -5
View File
@@ -1,21 +1,19 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
<f:if condition="{settings.hideAreaNavigation}"> <f:if condition="{settings.hideAreaNavigation}">
<f:else> <f:else>
<div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-ep-primary-medium shadow"> <div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-ep-primary-medium shadow">
<div class="container"> <div class="container">
<nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-ep-primary-dark border-r border-l border-ep-primary-dark"> <nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-overlay-white-50 border-r border-l border-overlay-white-50">
<f:link.typolink parameter="9" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary" title="E&amp;P"> <f:link.typolink parameter="9" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary" title="E&amp;P">
<svg class="w-5 h-5"><use href="#icon-home"/></svg> <svg class="w-5 h-5"><use href="#icon-home"/></svg>
</f:link.typolink> </f:link.typolink>
<f:for each="{topnav}" as="menuitem"> <f:for each="{topnav}" as="menuitem">
<a class="block flex flex-grow h-8 justify-center items-center uppercase text-sm leading-none text-white hover:text-white focus:text-white hover:bg-ep-secondary{f:if(condition: '{menuitem.active} or {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary')}" <a class="block flex flex-grow h-8 justify-center items-center uppercase text-sm leading-none text-white hover:text-white focus:text-white hover:bg-ep-secondary{f:if(condition: '{menuitem.active} or {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary')}"
href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')} href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')}
title="{menuitem.title}"> title="{menuitem.title}">
{menuitem.title -> ep:topnavItem()} {menuitem.title -> ep:topnavItem()}
</a> </a>
</f:for> </f:for>
public/typo3conf/ext/ep_theme/ext_localconf.php
+1
View File
@@ -2,6 +2,7 @@
defined('TYPO3_MODE') or die(); defined('TYPO3_MODE') or die();
$boot = function () { $boot = function () {
$GLOBALS['TYPO3_CONF_VARS']['SYS']['fluid']['namespaces']['ep'] = ['Ep\\EpTheme\\ViewHelpers'];
$GLOBALS['TYPO3_CONF_VARS']['LOG']['TYPO3']['CMS']['deprecations']['writerConfiguration'][\TYPO3\CMS\Core\Log\LogLevel::NOTICE] = []; $GLOBALS['TYPO3_CONF_VARS']['LOG']['TYPO3']['CMS']['deprecations']['writerConfiguration'][\TYPO3\CMS\Core\Log\LogLevel::NOTICE] = [];
$GLOBALS['TYPO3_CONF_VARS']['LOG']['EP']['EpTheme']['Service']['BookingApiService']['writerConfiguration'] = [ $GLOBALS['TYPO3_CONF_VARS']['LOG']['EP']['EpTheme']['Service']['BookingApiService']['writerConfiguration'] = [
tailwind.config.js
+2 -1
View File
@@ -78,10 +78,11 @@ module.exports = {
'primary-bg': '#ebf3fa', 'primary-bg': '#ebf3fa',
'primary-light': '#009fff', 'primary-light': '#009fff',
'primary-medium': '#165883', 'primary-medium': '#165883',
'primary-dark': '#18527B', 'primary-dark': '#18527b',
'primary-10': tinycolor('#3d8ccb').setAlpha(0.1).toRgbString(), 'primary-10': tinycolor('#3d8ccb').setAlpha(0.1).toRgbString(),
'primary-50': tinycolor('#3d8ccb').setAlpha(0.5).toRgbString(), 'primary-50': tinycolor('#3d8ccb').setAlpha(0.5).toRgbString(),
'primary-80': tinycolor('#3d8ccb').setAlpha(0.8).toRgbString(), 'primary-80': tinycolor('#3d8ccb').setAlpha(0.8).toRgbString(),
'primary-dark-80': tinycolor('#18527b').setAlpha(0.8).toRgbString(),
'secondary-10': tinycolor('#f0bc44').setAlpha(0.1).toRgbString(), 'secondary-10': tinycolor('#f0bc44').setAlpha(0.1).toRgbString(),
'secondary-80': tinycolor('#f0bc44').setAlpha(0.8).toRgbString(), 'secondary-80': tinycolor('#f0bc44').setAlpha(0.8).toRgbString(),
}, },