WIP Adjust more colors
This commit is contained in:
Björn Fromme
@@ -1,17 +1,15 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
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:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<div class="bg-ep-primary-medium my-2">
|
||||
<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)}">
|
||||
<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)}">
|
||||
<f:if condition="{settings.themeKey} == 'ep'">
|
||||
<f:render partial="Disrupter/Outlines"
|
||||
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\')}'}"/>
|
||||
</f:if>
|
||||
<div class="relative container grid grid-cols-2 gap-8" data-rte-content>
|
||||
<div class="relative container grid grid-cols-2 gap-8 py-4" data-rte-content>
|
||||
<div class="col-span-2 md:col-span-1">
|
||||
<div class="relative max-w-md mx-auto mb-8">
|
||||
<f:if condition="{image}">
|
||||
@@ -69,6 +67,5 @@
|
||||
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>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/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"
|
||||
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\')}'}"/>
|
||||
|
||||
@@ -5,42 +5,42 @@
|
||||
<f:section name="Top1">
|
||||
<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"/>
|
||||
<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>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Bottom1">
|
||||
<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"/>
|
||||
<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>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Top2">
|
||||
<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"/>
|
||||
<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>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Bottom2">
|
||||
<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"/>
|
||||
<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>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Top3">
|
||||
<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"/>
|
||||
<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>
|
||||
</f:section>
|
||||
|
||||
<f:section name="Bottom3">
|
||||
<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"/>
|
||||
<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>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
|
||||
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<div class="bg-ep-primary-medium my-2">
|
||||
<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)}">
|
||||
<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)}">
|
||||
<f:render partial="Disrupter/Outlines"
|
||||
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\')}'}"/>
|
||||
<div class="max-w-screen-lg mx-auto" data-rte-content>
|
||||
<div class="max-w-screen-lg mx-auto py-4" data-rte-content>
|
||||
<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">
|
||||
<f:if condition="{image}">
|
||||
@@ -43,6 +41,5 @@
|
||||
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>
|
||||
|
||||
@@ -1,11 +1,9 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
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:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<div class="bg-ep-primary-medium my-2">
|
||||
<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)}">
|
||||
<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)}">
|
||||
<f:if condition="{settings.themeKey} == 'ep'">
|
||||
<f:render partial="Disrupter/Outlines"
|
||||
section="Top1"
|
||||
@@ -69,6 +67,5 @@
|
||||
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>
|
||||
|
||||
@@ -1,10 +1,8 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
|
||||
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<div class="bg-ep-primary-medium my-2">
|
||||
<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)}">
|
||||
<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)}">
|
||||
<f:render partial="Disrupter/Outlines"
|
||||
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\')}'}"/>
|
||||
@@ -43,6 +41,5 @@
|
||||
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>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -3,8 +3,7 @@
|
||||
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<div class="bg-ep-primary-medium mt-8">
|
||||
<div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 uch:bg-uch-primary-80">
|
||||
<div class="bg-ep-primary-dark sbw:bg-sbw-primary-80 uch:bg-uch-primary-80 mt-8">
|
||||
<f:if condition="{settings.themekey} == 'ep'">
|
||||
<f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: 'transform -translate-y-2 text-white'}"/>
|
||||
</f:if>
|
||||
@@ -178,7 +177,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button"
|
||||
data-controller="scroll-top"
|
||||
data-action="scroll-top#scroll"
|
||||
|
||||
@@ -23,11 +23,11 @@
|
||||
</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="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">
|
||||
{slide.headline}
|
||||
</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}
|
||||
</span>
|
||||
<f:if condition="{slide.button}">
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
</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="lg:container">
|
||||
<div class="p-4 bg-ep-primary-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">
|
||||
<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 text-white uppercase">
|
||||
{slide.headline}
|
||||
</span>
|
||||
<span class="block text-2xl md:text-3xl lg:text-4xl text-white uppercase">
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
<html data-namespace-typo3-fluid="true" lang="en"
|
||||
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:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:if condition="{settings.hideAreaNavigation}">
|
||||
<f:else>
|
||||
<div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-ep-primary-medium shadow">
|
||||
<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&P">
|
||||
<svg class="w-5 h-5"><use href="#icon-home"/></svg>
|
||||
</f:link.typolink>
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
defined('TYPO3_MODE') or die();
|
||||
|
||||
$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']['EP']['EpTheme']['Service']['BookingApiService']['writerConfiguration'] = [
|
||||
|
||||
+2
-1
@@ -78,10 +78,11 @@ module.exports = {
|
||||
'primary-bg': '#ebf3fa',
|
||||
'primary-light': '#009fff',
|
||||
'primary-medium': '#165883',
|
||||
'primary-dark': '#18527B',
|
||||
'primary-dark': '#18527b',
|
||||
'primary-10': tinycolor('#3d8ccb').setAlpha(0.1).toRgbString(),
|
||||
'primary-50': tinycolor('#3d8ccb').setAlpha(0.5).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-80': tinycolor('#f0bc44').setAlpha(0.8).toRgbString(),
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user