From 0732e5b5a77d1114ebd80794129bd02b7347e8a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sat, 28 May 2022 16:28:06 +0200
Subject: [PATCH] WIP Add styles for site ser

---
 .../Private/Assets/images/logo_ser.png        | Bin 0 -> 7760 bytes
 .../Assets/scss/components/_buttons.scss      |   4 ++
 .../Resources/Private/Partials/Footer.html    |  44 +++++++++---------
 .../Resources/Private/Partials/Mainnav.html   |   2 +-
 .../Resources/Private/Partials/Topnav.html    |  26 ++++++-----
 tailwind.config.js                            |  13 ++++--
 6 files changed, 52 insertions(+), 37 deletions(-)
 create mode 100644 public/typo3conf/ext/ep_theme/Resources/Private/Assets/images/logo_ser.png

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/images/logo_ser.png b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/images/logo_ser.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b59e7ab790170f0d1721f9dfd559ac8e0aedd0c
GIT binary patch
literal 7760
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
JFIBS({eLlX%P{}|

literal 0
HcmV?d00001

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
index 0e434668..daf9b4f0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
@@ -6,6 +6,7 @@
     @apply sbw:bg-sbw-secondary;
     @apply snz:bg-snz-secondary;
     @apply uch:bg-uch-secondary;
+    @apply ser:bg-ser-secondary;
     @apply hover:bg-ep-primary-dark group-hover:bg-ep-primary-dark;
     @apply sbw:hover:bg-sbw-primary-dark sbw:group-hover:bg-sbw-primary-dark;
     @apply snz:hover:bg-snz-primary-dark snz:group-hover:bg-snz-primary-dark;
@@ -17,6 +18,7 @@
         @apply sbw:bg-sbw-primary;
         @apply snz:bg-snz-primary;
         @apply uch:bg-uch-primary;
+        @apply ser:bg-ser-primary;
     }
 
     &--muted {
@@ -30,6 +32,7 @@
         @apply sbw:bg-white sbw:border-sbw-primary sbw:text-sbw-primary;
         @apply snz:bg-white snz:border-snz-primary snz:text-snz-primary;
         @apply uch:bg-white uch:border-uch-primary uch:text-uch-primary;
+        @apply ser:bg-white ser:border-ser-primary ser:text-uch-primary;
 
         &:hover,
         &.button--active {
@@ -38,6 +41,7 @@
             @apply sbw:bg-white sbw:border-sbw-secondary sbw:text-sbw-secondary;
             @apply snz:bg-white snz:border-snz-secondary snz:text-snz-secondary;
             @apply uch:bg-white uch:border-uch-secondary uch:text-uch-secondary;
+            @apply ser:bg-white ser:border-ser-secondary ser:text-ser-secondary;
         }
     }
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
index 747aeaf6..a803fd81 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
@@ -9,28 +9,30 @@
         </f:if>
         <div class="py-4 relative">
             <div class="container grid grid-cols-2 lg:grid-cols-4 gap-8 pb-4">
-                <f:for each="{footernav}" as="menuheader">
-                    <div>
-                        <span class="headline--4 text-white">
-                            {menuheader.title}
-                        </span>
-                        <f:if condition="{menuheader.children}">
-                            <ul class="list-disc text-white mb-0 pl-4">
-                                <f:for each="{menuheader.children}" as="submenuitem">
-                                    <li>
-                                        <f:link.typolink parameter="{submenuitem.link}"
-                                                         title="{submenuitem.linktext}"
-                                                         class="text-white">
-                                            {submenuitem.title}
-                                        </f:link.typolink>
-                                    </li>
-                                </f:for>
-                            </ul>
-                        </f:if>
-                    </div>
-                </f:for>
+                <f:if condition="{settings.footerNavPid}">
+                    <f:for each="{footernav}" as="menuheader">
+                        <div>
+                            <span class="headline--4 text-white">
+                                {menuheader.title}
+                            </span>
+                            <f:if condition="{menuheader.children}">
+                                <ul class="list-disc text-white mb-0 pl-4">
+                                    <f:for each="{menuheader.children}" as="submenuitem">
+                                        <li>
+                                            <f:link.typolink parameter="{submenuitem.link}"
+                                                             title="{submenuitem.linktext}"
+                                                             class="text-white">
+                                                {submenuitem.title}
+                                            </f:link.typolink>
+                                        </li>
+                                    </f:for>
+                                </ul>
+                            </f:if>
+                        </div>
+                    </f:for>
+                </f:if>
             </div>
-            <div class="hidden md:block container border-t border-white pt-4">
+            <div class="hidden md:block container{f:if(condition: settings.footerNavPid, then: ' border-t border-white pt-4')}">
                 <div class="grid grid-cols-2 gap-16">
                     <div class="flex">
                         <div class="flex items-start space-x-2 pr-4">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
index 4fcf4b48..d797aa7b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html
@@ -10,7 +10,7 @@
                    class="block lg:pb-4"
                    title="{settings.defaultTitle}">
                     <f:image src="{settings.logoImage}"
-                             class="block w-auto {ep:themeClasses(classes: '{ep: \'h-10 lg:h-12\', sbw: \'h-14 lg:h-24\', snz: \'h-14 lg:h-24\', uch: \'h-12 lg:h-20\'}', key: settings.themekey)}"
+                             class="block w-auto {ep:themeClasses(classes: '{ep: \'h-10 lg:h-12\', sbw: \'h-14 lg:h-24\', snz: \'h-14 lg:h-24\', uch: \'h-12 lg:h-20\', ser: \'h-10 lg:h-12\'}', key: settings.themekey)}"
                              alt="{settings.defaultTitle}"/>
                 </a>
                 <div class="hidden lg:block">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
index 83b511d2..ebda8fd9 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
@@ -4,23 +4,27 @@
 
     <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="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-ep-primary-medium ser:bg-ser-primary shadow">
                 <div class="container">
-                    <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">
+                    <nav role="navigation" class="flex justify-between m-0 p-0 w-full">
+                        <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 border-l border-r border-overlay-white-50" title="E&amp;P">
                             <svg class="w-5 h-5">
                                 <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-home"></use>
                             </svg>
                         </f:link.typolink>
-                        <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.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{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"')}
-                               title="{menuitem.title}">
-                                {menuitem.title}
-                            </a>
-                        </f:for>
+                        <f:if condition="{settings.topNavPid}">
+                            <div class="flex-1 flex items-center divide-x divide-overlay-white-50">
+                                <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.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{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"')}
+                                       title="{menuitem.title}">
+                                        {menuitem.title}
+                                    </a>
+                                </f:for>
+                            </div>
+                        </f:if>
                         <f:if condition="{settings.myEpPageUid}">
-                            <f:link.typolink parameter="{settings.myEpPageUid}" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary" title="My E&P">
+                            <f:link.typolink parameter="{settings.myEpPageUid}" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary border-l border-r border-overlay-white-50" title="My E&P">
                                 <svg class="w-5 h-5">
                                     <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-user"></use>
                                 </svg>
diff --git a/tailwind.config.js b/tailwind.config.js
index 045eec4a..76a5a806 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -123,6 +123,11 @@ module.exports = {
                     'primary-80': tinycolor('#a6c62c').setAlpha(0.8).toRgbString(),
                     'overlay-secondary': tinycolor('#a6c62c').setAlpha(0.55).toRgbString(),
                 },
+                ser: {
+                    primary: '#006fb6',
+                    secondary: '#e85243',
+                    'primary-light': '#04A4CC',
+                },
             },
             backgroundImage: {
                 'badge-gradient': 'linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%)',
@@ -143,10 +148,10 @@ module.exports = {
     },
     variants: {
         extend: {
-            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'even', 'odd' ],
+            backgroundColor: [ 'sbw', 'sbw-hover', 'sbw-group-hover', 'snz', 'snz-hover', 'snz-group-hover', 'uch', 'uch-hover', 'uch-group-hover', 'ser', 'ser-hover', 'even', 'odd' ],
             borderWidth: [ 'even', 'odd', 'first', 'last' ],
-            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover' ],
-            borderColor: [ 'sbw','snz', 'uch' ],
+            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover', 'ser', 'ser-hover' ],
+            borderColor: [ 'sbw','snz', 'uch', 'ser' ],
             display: ['group-hover', 'reduced'],
             visibility: [ 'group-hover' ],
             opacity: [ 'group-hover' ],
@@ -163,7 +168,7 @@ module.exports = {
         require('@tailwindcss/aspect-ratio'),
         require('@tailwindcss/forms'),
         require('tailwindcss-alt')({
-            variants: ['sbw', 'snz', 'uch'],
+            variants: ['sbw', 'snz', 'uch', 'ser'],
         }),
         plugin(function ({addVariant, e}) {
             addVariant('first-type', ({modifySelectors, separator}) => {