fix: tailwind coloring

fix: hero icons and css
feat: remove production deployment and change server
2025-04-21 18:32:02 +02:00 · 2025-04-21 18:31:46 +02:00 · 2025-04-21 18:31:20 +02:00 · 2025-04-21 17:46:16 +02:00 · 2025-04-21 17:46:06 +02:00 · 2025-04-21 12:24:16 +02:00
28 changed files with 282 additions and 129 deletions
--- a/.gitea/workflows/deploy.yaml
+++ b/.gitea/workflows/deploy.yaml
@@ -102,28 +102,28 @@ jobs:
          dep: --file=./build/deploy.php release:switch stage
          private-key: ${{secrets.STAGE_KEY}}

-  deploy-production:
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - name: Setup PHP
-        uses: shivammathur/setup-php@7c0b4c8c8ebed23eca9ec2802474895d105b11bc
-        with:
-          php-version: ${{ env.PHP_VERSION }}
-      - uses: actions/download-artifact@v3
-        with:
-          name: typo3
-      - name: Extract artifact
-        run: |
-          tar xf typo3.tar.gz
-          rm typo3.tar.gz
-      - name: Install ssh agent and rsync
-        run: |
-          apt update
-          apt install -y openssh-client rsync
-      - name: Deploy
-        uses: deployphp/action@v1
-        with:
-          deployer-binary: "./bin/dep"
-          dep: --file=./build/deploy.php release:create production
-          private-key: ${{secrets.PROD_KEY}}
+  # deploy-production:
+  #   needs: build
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - name: Setup PHP
+  #       uses: shivammathur/setup-php@7c0b4c8c8ebed23eca9ec2802474895d105b11bc
+  #       with:
+  #         php-version: ${{ env.PHP_VERSION }}
+  #     - uses: actions/download-artifact@v3
+  #       with:
+  #         name: typo3
+  #     - name: Extract artifact
+  #       run: |
+  #         tar xf typo3.tar.gz
+  #         rm typo3.tar.gz
+  #     - name: Install ssh agent and rsync
+  #       run: |
+  #         apt update
+  #         apt install -y openssh-client rsync
+  #     - name: Deploy
+  #       uses: deployphp/action@v1
+  #       with:
+  #         deployer-binary: "./bin/dep"
+  #         dep: --file=./build/deploy.php release:create production
+  #         private-key: ${{secrets.PROD_KEY}}
--- a/build/servers.yaml
+++ b/build/servers.yaml
@@ -2,7 +2,7 @@ hosts:
  production:
      stage: production
      hostname: web-arm.cloonar.com
-      remote_user: lena_schilling_at
+      remote_user: dialog_relations_at
      writable_mode: chmod
      forward_agent: true
      deploy_path: ~/
@@ -10,7 +10,7 @@ hosts:
  stage:
      stage: staging
      hostname: web-arm.cloonar.com
-      remote_user: lena_schilling_cloonar_dev
+      remote_user: dialog_relations_cloonar_dev
      writable_mode: chmod
      forward_agent: true
      deploy_path: ~/
--- a/packages/base/Configuration/Sets/SitePackage/PageTsConfig/BackendLayouts/HomePage.tsconfig
+++ b/packages/base/Configuration/Sets/SitePackage/PageTsConfig/BackendLayouts/HomePage.tsconfig
@@ -0,0 +1,22 @@
+mod.web_layout.BackendLayouts {
+    home_page {
+        title = LLL:EXT:base/Resources/Private/Language/locallang_be.xlf:backend_layout.home_page
+        icon = EXT:base/Resources/Public/Images/BackendLayouts/default.png
+        config {
+            backend_layout {
+                colCount = 1
+                rowCount = 1
+                rows {
+                    1 {
+                        columns {
+                            1 {
+                                name = LLL:EXT:base/Resources/Private/Language/locallang_be.xlf:backend_layout.column.content
+                                colPos = 0
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
--- a/packages/base/Configuration/Sets/SitePackage/TypoScript/Helper/PageClass.typoscript
+++ b/packages/base/Configuration/Sets/SitePackage/TypoScript/Helper/PageClass.typoscript
@@ -0,0 +1,40 @@
+# PAGE CLASS
+lib.page.class = COA
+lib.page.class {
+    // Page alias or id as fallback
+    10 = TEXT
+    10 {
+        field = alias // uid
+        noTrimWrap = |page-||
+    }
+    // Current level of the page within the tree structure
+    20 = TEXT
+    20 {
+        data = level:1
+        noTrimWrap = | pagelevel-||
+    }
+    // Language
+    30 = TEXT
+    30 {
+        data = siteLanguage:languageId
+        noTrimWrap = | language-||
+    }
+    // Backend layout
+    40 = TEXT
+    40 {
+        data = pagelayout
+        replacement.10 {
+            search = pagets__
+            replace =
+        }
+        ifEmpty = default
+        noTrimWrap = | backendlayout-||
+    }
+    // Layout
+    50 = TEXT
+    50 {
+        field = layout
+        noTrimWrap = | layout-||
+        ifEmpty = default
+    }
+}
--- a/packages/base/Configuration/Sets/SitePackage/TypoScript/page.typoscript
+++ b/packages/base/Configuration/Sets/SitePackage/TypoScript/page.typoscript
@@ -3,10 +3,24 @@
 # Include constants
 #<INCLUDE_TYPOSCRIPT: source="FILE:EXT:base/Configuration/Sets/SitePackage/TypoScript/constants.typoscript">

+# HELPER
+@import 'EXT:base/Configuration/Sets/SitePackage/TypoScript/Helper/PageClass.typoscript'
+
 page = PAGE
 page {
  typeNum = 0
  shortcutIcon = EXT:base/Resources/Public/Favicons/favicon-96x96.png
+
+  bodyTagCObject = COA
+  bodyTagCObject {
+      10 = TEXT
+      10.data = TSFE:id
+      10.noTrimWrap = | id="p|"|
+      20 =< lib.page.class
+      20.stdWrap.noTrimWrap = | class="|"|
+      wrap = <body|>
+  }
+
  10 = PAGEVIEW
  10 {
    paths {
@@ -32,6 +46,7 @@ page {
            as = metanavigation
        }
    }
+
  }

  meta {
@@ -88,6 +103,7 @@ page {
  }

  footerMenuPid = {$footerMenuPid}
+
 }

 lib.contentElement {
--- a/packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html
+++ b/packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html
@@ -50,15 +50,9 @@
          <div
            class="absolute top-1/2 -translate-y-1/2 right-[-2rem] z-20">
            <a href="#next-section"
-               class="bg-primary border-4 border-white rounded-full p-5 inline-flex items-center justify-center hover:bg-opacity-90">
+               class="bg-primary border-4 border-white text-white rounded-full p-5 inline-flex items-center justify-center hover:bg-opacity-90">
              <span class="sr-only">Scroll down</span>
-              <svg xmlns="http://www.w3.org/2000/svg"
-                   class="w-6 h-6"
-                   fill="none" viewBox="0 0 24 24"
-                   stroke="currentColor" stroke-width="2">
-                <path stroke-linecap="round" stroke-linejoin="round"
-                      d="M19 9l-7 7-7-7" />
-              </svg>
+              <i class="ci ci-arrow-down"></i>
            </a>
          </div>
        </div>
@@ -70,34 +64,30 @@
          <div class="hidden md:flex items-center space-x-3">
            <span class="block h-px w-10 bg-gray-600"></span>
            <span class="text-sm uppercase tracking-wide text-gray-600">
-              Hallo, wir sind
+              {data.subheader}
            </span>
          </div>

          <!-- Heading -->
          <h1 class="text-3xl md:text-5xl font-extrabold">
-            Dialog Relations
+            {data.header}
          </h1>

          <!-- Body copy -->
          <p class="text-base md:text-lg text-gray-800 max-w-md">
-            Sorem ipsum dolor sit amet, consectetur adipiscing elit.
-            Nunc vulputate libero et velit interdum, ac aliquet odio mattis.
+            <f:format.html>{data.bodytext}</f:format.html>
          </p>

          <!-- Social icons -->
-          <div class="flex space-x-4">
-            <a href="#" class="bg-primary text-white p-3 rounded-full">
-              <span class="sr-only">LinkedIn</span>
-              <svg class="w-5 h-5" fill="currentColor"><!-- … --></svg>
+          <div class="space-x-3">
+            <a href="#" class="bg-primary text-white p-1 rounded-full inline-flex items-center justify-center">
+                <i class="ci ci-linkedin"></i>
            </a>
-            <a href="#" class="bg-primary text-white p-3 rounded-full">
-              <span class="sr-only">Instagram</span>
-              <svg class="w-5 h-5" fill="currentColor"><!-- … --></svg>
+            <a href="#" class="bg-primary text-white p-1 rounded-full inline-flex items-center justify-center">
+                <i class="ci ci-instagram"></i>
            </a>
-            <a href="#" class="bg-primary text-white p-3 rounded-full">
-              <span class="sr-only">Facebook</span>
-              <svg class="w-5 h-5" fill="currentColor"><!-- … --></svg>
+            <a href="#" class="bg-primary text-white p-1 rounded-full inline-flex items-center justify-center">
+                <i class="ci ci-facebook"></i>
            </a>
          </div>

--- a/packages/base/Resources/Private/Language/locallang_be.xlf
+++ b/packages/base/Resources/Private/Language/locallang_be.xlf
@@ -18,6 +18,16 @@
            <trans-unit id="backend_layout.column.right">
                <source>Right</source>
            </trans-unit>
+            <trans-unit id="backend_layout.home_page">
+                <source>Home Page</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.hero">
+                <source>Hero</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.content">
+                <source>Content</source>
+            </trans-unit>
+
        </body>
    </file>
 </xliff>
--- a/packages/base/Resources/Private/PageView/Pages/Home_page.html
+++ b/packages/base/Resources/Private/PageView/Pages/Home_page.html
@@ -0,0 +1,6 @@
+<f:layout name="Default" />
+
+<f:section name="Main">
+    <f:comment> Render main content for colPos 0 (Home Page) </f:comment>
+    <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '0'}" />
+</f:section>
--- a/packages/base/Resources/Public/Icons/Extension.svg
+++ b/packages/base/Resources/Public/Icons/Extension.svg
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="83.098" height="84.172" viewBox="43.201 42.122 83.098 84.172">
-  <path fill="#FF8700" d="M106.074 100.128c-1.247.368-2.242.506-3.549.506-10.689 0-26.389-37.359-26.389-49.793 0-4.577 1.083-6.104 2.613-7.415-13.084 1.527-28.784 6.329-33.806 12.433-1.085 1.529-1.743 3.926-1.743 6.98 0 19.41 20.718 63.455 35.332 63.455 6.765.001 18.164-11.112 27.542-26.166M99.25 42.122c13.52 0 27.049 2.18 27.049 9.812 0 15.483-9.819 34.246-14.832 34.246-8.942 0-20.065-24.867-20.065-37.301.001-5.67 2.181-6.757 7.848-6.757"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/angle-left.svg
+++ b/packages/base/Resources/Public/Icons/angle-left.svg
@@ -1,3 +0,0 @@
-<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.23646 14.3886C8.30033 14.4525 8.351 14.5283 8.38557 14.6118C8.42014 14.6952 8.43794 14.7847 8.43794 14.875C8.43794 14.9654 8.42014 15.0548 8.38557 15.1383C8.351 15.2217 8.30033 15.2975 8.23646 15.3614C8.17258 15.4253 8.09675 15.476 8.01329 15.5105C7.92984 15.5451 7.84039 15.5629 7.75005 15.5629C7.65972 15.5629 7.57027 15.5451 7.48681 15.5105C7.40335 15.476 7.32752 15.4253 7.26365 15.3614L0.388646 8.48642C0.324725 8.42257 0.274016 8.34675 0.239418 8.26329C0.20482 8.17983 0.187012 8.09036 0.187012 8.00002C0.187012 7.90967 0.20482 7.82021 0.239418 7.73674C0.274016 7.65328 0.324725 7.57746 0.388646 7.51361L7.26365 0.63861C7.39265 0.509607 7.56762 0.437134 7.75005 0.437134C7.93249 0.437134 8.10746 0.509607 8.23646 0.63861C8.36546 0.767613 8.43794 0.942578 8.43794 1.12502C8.43794 1.30745 8.36546 1.48242 8.23646 1.61142L1.84701 8.00002L8.23646 14.3886Z" fill="black" fill-opacity="0.87"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/angle-right.svg
+++ b/packages/base/Resources/Public/Icons/angle-right.svg
@@ -1,3 +0,0 @@
-<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.6113 8.48642L1.7363 15.3614C1.67242 15.4253 1.59659 15.476 1.51314 15.5105C1.42968 15.5451 1.34023 15.5629 1.24989 15.5629C1.15956 15.5629 1.07011 15.5451 0.986653 15.5105C0.903195 15.476 0.827363 15.4253 0.763487 15.3614C0.699612 15.2975 0.648943 15.2217 0.614373 15.1383C0.579804 15.0548 0.562012 14.9654 0.562012 14.875C0.562012 14.7847 0.579804 14.6952 0.614373 14.6118C0.648943 14.5283 0.699612 14.4525 0.763487 14.3886L7.15294 8.00002L0.763487 1.61142C0.634484 1.48242 0.562012 1.30745 0.562012 1.12502C0.562012 0.942578 0.634484 0.767613 0.763487 0.63861C0.89249 0.509607 1.06746 0.437134 1.24989 0.437134C1.43233 0.437134 1.6073 0.509607 1.7363 0.63861L8.6113 7.51361C8.67522 7.57746 8.72593 7.65328 8.76053 7.73674C8.79513 7.82021 8.81293 7.90967 8.81293 8.00002C8.81293 8.09036 8.79513 8.17983 8.76053 8.26329C8.72593 8.34675 8.67522 8.42257 8.6113 8.48642Z" fill="black" fill-opacity="0.87"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/arrow-down.svg
+++ b/packages/base/Resources/Public/Icons/arrow-down.svg
@@ -0,0 +1,4 @@
+<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.4863 17.355V63.9892" stroke="white" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.8022 40.6719L40.4851 63.989L17.168 40.6719" stroke="white" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/base/Resources/Public/Icons/email.svg
+++ b/packages/base/Resources/Public/Icons/email.svg
@@ -1,3 +0,0 @@
-<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.875 0.5C0.839844 0.5 0 1.33984 0 2.375C0 2.96484 0.277344 3.51953 0.75 3.875L9.25 10.25C9.69531 10.582 10.3047 10.582 10.75 10.25L19.25 3.875C19.7227 3.51953 20 2.96484 20 2.375C20 1.33984 19.1602 0.5 18.125 0.5H1.875ZM0 4.875V13C0 14.3789 1.12109 15.5 2.5 15.5H17.5C18.8789 15.5 20 14.3789 20 13V4.875L11.5 11.25C10.6094 11.918 9.39062 11.918 8.5 11.25L0 4.875Z" fill="#2E2E2E"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/facebook.svg
+++ b/packages/base/Resources/Public/Icons/facebook.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/packages/base/Resources/Public/Icons/instagram.svg
+++ b/packages/base/Resources/Public/Icons/instagram.svg
@@ -1,3 +1,5 @@
-<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4417 0.776626C13.3967 0.686626 14.0201 0.666626 19.0001 0.666626C23.9801 0.666626 24.6034 0.688293 26.5567 0.776626C28.5101 0.864959 29.8434 1.17663 31.0101 1.62829C32.2317 2.08996 33.3401 2.81163 34.2567 3.74496C35.1901 4.65996 35.9101 5.76663 36.3701 6.98996C36.8234 8.15663 37.1334 9.48996 37.2234 11.44C37.3134 13.3983 37.3334 14.0216 37.3334 19C37.3334 23.98 37.3117 24.6033 37.2234 26.5583C37.1351 28.5083 36.8234 29.8416 36.3701 31.0083C35.9101 32.2318 35.1889 33.3403 34.2567 34.2566C33.3401 35.19 32.2317 35.91 31.0101 36.37C29.8434 36.8233 28.5101 37.1333 26.5601 37.2233C24.6034 37.3133 23.9801 37.3333 19.0001 37.3333C14.0201 37.3333 13.3967 37.3116 11.4417 37.2233C9.49175 37.135 8.15842 36.8233 6.99175 36.37C5.76828 35.9099 4.65978 35.1887 3.74341 34.2566C2.81071 33.3411 2.08894 32.2331 1.62841 31.01C1.17675 29.8433 0.866748 28.51 0.776748 26.56C0.686748 24.6016 0.666748 23.9783 0.666748 19C0.666748 14.02 0.688415 13.3966 0.776748 11.4433C0.865081 9.48996 1.17675 8.15663 1.62841 6.98996C2.08962 5.76676 2.81195 4.65881 3.74508 3.74329C4.66015 2.81079 5.76754 2.08903 6.99008 1.62829C8.15675 1.17663 9.49008 0.866626 11.4401 0.776626H11.4417ZM26.4084 4.07663C24.4751 3.98829 23.8951 3.96996 19.0001 3.96996C14.1051 3.96996 13.5251 3.98829 11.5917 4.07663C9.80342 4.15829 8.83342 4.45663 8.18675 4.70829C7.33175 5.04163 6.72008 5.43663 6.07842 6.07829C5.47016 6.67005 5.00205 7.39043 4.70842 8.18663C4.45675 8.83329 4.15841 9.80329 4.07675 11.5916C3.98841 13.525 3.97008 14.105 3.97008 19C3.97008 23.895 3.98841 24.475 4.07675 26.4083C4.15841 28.1966 4.45675 29.1666 4.70842 29.8133C5.00175 30.6083 5.47008 31.33 6.07842 31.9216C6.67008 32.53 7.39175 32.9983 8.18675 33.2916C8.83342 33.5433 9.80342 33.8416 11.5917 33.9233C13.5251 34.0116 14.1034 34.03 19.0001 34.03C23.8967 34.03 24.4751 34.0116 26.4084 33.9233C28.1967 33.8416 29.1667 33.5433 29.8134 33.2916C30.6684 32.9583 31.2801 32.5633 31.9217 31.9216C32.5301 31.33 32.9984 30.6083 33.2918 29.8133C33.5434 29.1666 33.8418 28.1966 33.9234 26.4083C34.0117 24.475 34.0301 23.895 34.0301 19C34.0301 14.105 34.0117 13.525 33.9234 11.5916C33.8418 9.80329 33.5434 8.83329 33.2918 8.18663C32.9584 7.33163 32.5634 6.71996 31.9217 6.07829C31.33 5.47008 30.6096 5.00198 29.8134 4.70829C29.1667 4.45663 28.1967 4.15829 26.4084 4.07663ZM16.6584 24.6516C17.9662 25.196 19.4224 25.2695 20.7783 24.8595C22.1342 24.4495 23.3057 23.5815 24.0928 22.4037C24.8798 21.2259 25.2335 19.8114 25.0935 18.4018C24.9535 16.9922 24.3284 15.6749 23.3251 14.675C22.6855 14.0358 21.9121 13.5463 21.0606 13.2419C20.2092 12.9374 19.3008 12.8256 18.4009 12.9143C17.501 13.0031 16.632 13.2903 15.8564 13.7552C15.0808 14.2201 14.418 14.8512 13.9156 15.603C13.4132 16.3549 13.0837 17.2088 12.9509 18.1032C12.8182 18.9977 12.8853 19.9104 13.1476 20.7758C13.41 21.6412 13.8609 22.4376 14.4679 23.1078C15.075 23.778 15.8231 24.3053 16.6584 24.6516ZM12.3367 12.3366C13.2118 11.4616 14.2506 10.7675 15.3939 10.2939C16.5372 9.82033 17.7626 9.57658 19.0001 9.57658C20.2376 9.57658 21.463 9.82033 22.6063 10.2939C23.7495 10.7675 24.7884 11.4616 25.6634 12.3366C26.5385 13.2117 27.2326 14.2505 27.7061 15.3938C28.1797 16.5371 28.4235 17.7625 28.4235 19C28.4235 20.2375 28.1797 21.4628 27.7061 22.6061C27.2326 23.7494 26.5385 24.7883 25.6634 25.6633C23.8962 27.4305 21.4993 28.4233 19.0001 28.4233C16.5008 28.4233 14.104 27.4305 12.3367 25.6633C10.5695 23.8961 9.57671 21.4992 9.57671 19C9.57671 16.5007 10.5695 14.1039 12.3367 12.3366ZM30.5134 10.98C30.7303 10.7754 30.9039 10.5294 31.0239 10.2566C31.144 9.98374 31.2081 9.68957 31.2124 9.39151C31.2168 9.09344 31.1613 8.79754 31.0492 8.52131C30.9372 8.24508 30.7708 7.99414 30.56 7.78336C30.3492 7.57257 30.0983 7.40622 29.8221 7.29416C29.5458 7.18209 29.2499 7.12659 28.9519 7.13093C28.6538 7.13528 28.3596 7.19938 28.0868 7.31945C27.8139 7.43952 27.568 7.61312 27.3634 7.82996C26.9656 8.25168 26.7478 8.81183 26.7563 9.39151C26.7647 9.97119 26.9987 10.5248 27.4087 10.9347C27.8186 11.3446 28.3722 11.5787 28.9519 11.5871C29.5315 11.5956 30.0917 11.3778 30.5134 10.98Z" fill="#F5AE07"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.9997 11.3698C16.1231 12.2021 15.981 13.052 15.5935 13.7988C15.206 14.5456 14.5929 15.1512 13.8413 15.5295C13.0898 15.9077 12.2382 16.0394 11.4075 15.9057C10.5768 15.7721 9.80947 15.3799 9.21455 14.785C8.61962 14.1901 8.22744 13.4227 8.09377 12.592C7.96011 11.7614 8.09177 10.9097 8.47003 10.1582C8.84829 9.40667 9.45389 8.79355 10.2007 8.40605C10.9475 8.01856 11.7975 7.8764 12.6297 7.99981C13.4786 8.1257 14.2646 8.52128 14.8714 9.12812C15.4782 9.73496 15.8738 10.5209 15.9997 11.3698Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.5 6.5H17.51" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/packages/base/Resources/Public/Icons/linkedin.svg
+++ b/packages/base/Resources/Public/Icons/linkedin.svg
@@ -1,3 +1,5 @@
-<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.22175 6.969H11.894V8.819C12.423 7.755 13.7796 6.799 15.8174 6.799C19.724 6.799 20.6515 8.917 20.6515 12.803V20H16.6964V13.688C16.6964 11.475 16.1675 10.227 14.8208 10.227C12.953 10.227 12.1768 11.572 12.1768 13.687V20H8.22175V6.969ZM1.43982 19.83H5.39487V6.799H1.43982V19.83ZM5.96143 2.55C5.96158 2.88528 5.89584 3.21724 5.76802 3.52659C5.6402 3.83594 5.45287 4.11651 5.21689 4.352C4.73873 4.83262 4.09149 5.10165 3.41734 5.1C2.74438 5.09954 2.09864 4.8312 1.61977 4.353C1.38465 4.11671 1.19795 3.83582 1.07036 3.52643C0.942766 3.21704 0.876793 2.88522 0.876221 2.55C0.876221 1.873 1.14319 1.225 1.62076 0.747C2.09921 0.268158 2.74522 -0.000299211 3.41833 2.50265e-07C4.09267 2.50265e-07 4.73932 0.269 5.21689 0.747C5.69348 1.225 5.96143 1.873 5.96143 2.55Z" fill="#2E2E2E"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 8C17.5913 8 19.1174 8.63214 20.2426 9.75736C21.3679 10.8826 22 12.4087 22 14V21H18V14C18 13.4696 17.7893 12.9609 17.4142 12.5858C17.0391 12.2107 16.5304 12 16 12C15.4696 12 14.9609 12.2107 14.5858 12.5858C14.2107 12.9609 14 13.4696 14 14V21H10V14C10 12.4087 10.6321 10.8826 11.7574 9.75736C12.8826 8.63214 14.4087 8 16 8Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 9H2V21H6V9Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 6C5.10457 6 6 5.10457 6 4C6 2.89543 5.10457 2 4 2C2.89543 2 2 2.89543 2 4C2 5.10457 2.89543 6 4 6Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
--- a/packages/base/Resources/Public/Icons/phone.svg
+++ b/packages/base/Resources/Public/Icons/phone.svg
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.44141 0.960964C6.14062 0.234401 5.34766 -0.152317 4.58984 0.0547138L1.15234 0.992214C0.472656 1.17971 0 1.7969 0 2.50003C0 12.1641 7.83594 20 17.5 20C18.2031 20 18.8203 19.5274 19.0078 18.8477L19.9453 15.4102C20.1523 14.6524 19.7656 13.8594 19.0391 13.5586L15.2891 11.9961C14.6523 11.7305 13.9141 11.9141 13.4805 12.4492L11.9023 14.375C9.15234 13.0742 6.92578 10.8477 5.625 8.09768L7.55078 6.52346C8.08594 6.08596 8.26953 5.35159 8.00391 4.71487L6.44141 0.96487V0.960964Z" fill="#2E2E2E"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/skip-back.svg
+++ b/packages/base/Resources/Public/Icons/skip-back.svg
@@ -1,3 +0,0 @@
-<svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.1712 0.921884C12.9564 0.802887 12.7137 0.743556 12.4683 0.750055C12.2229 0.756553 11.9837 0.828643 11.7755 0.958838L1.5 7.38696V1.43751C1.5 1.25517 1.42757 1.0803 1.29864 0.951374C1.1697 0.822442 0.994836 0.750009 0.8125 0.750009C0.630164 0.750009 0.455295 0.822442 0.326364 0.951374C0.197433 1.0803 0.125 1.25517 0.125 1.43751V16.5625C0.125 16.7448 0.197433 16.9197 0.326364 17.0486C0.455295 17.1776 0.630164 17.25 0.8125 17.25C0.994836 17.25 1.1697 17.1776 1.29864 17.0486C1.42757 16.9197 1.5 16.7448 1.5 16.5625V10.6131L11.7755 17.0395C11.9825 17.1694 12.2204 17.2416 12.4646 17.2487C12.7088 17.2558 12.9505 17.1974 13.1646 17.0797C13.3787 16.962 13.5575 16.7892 13.6824 16.5792C13.8073 16.3692 13.8738 16.1297 13.875 15.8853V2.1147C13.875 1.87112 13.8097 1.63201 13.6859 1.42223C13.5621 1.21245 13.3844 1.03968 13.1712 0.921884ZM12.5 15.875L1.51375 9.00001L12.5 2.13103V15.875Z" fill="black" fill-opacity="0.87"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/skip-forward.svg
+++ b/packages/base/Resources/Public/Icons/skip-forward.svg
@@ -1,3 +0,0 @@
-<svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.1875 0.75C13.0052 0.75 12.8303 0.822433 12.7014 0.951364C12.5724 1.0803 12.5 1.25516 12.5 1.4375V7.38695L2.22445 0.960547C2.01752 0.830642 1.77962 0.758412 1.53539 0.751335C1.29116 0.744258 1.04948 0.802592 0.835364 0.920296C0.621252 1.038 0.442494 1.2108 0.317598 1.42079C0.192702 1.63079 0.126208 1.87036 0.125 2.11469V15.8853C0.127568 16.1291 0.194905 16.3678 0.320112 16.577C0.445318 16.7862 0.623891 16.9583 0.837531 17.0758C1.05117 17.1932 1.2922 17.2517 1.53591 17.2454C1.77962 17.239 2.01725 17.1679 2.22445 17.0395L12.5 10.613V16.5625C12.5 16.7448 12.5724 16.9197 12.7014 17.0486C12.8303 17.1776 13.0052 17.25 13.1875 17.25C13.3698 17.25 13.5447 17.1776 13.6736 17.0486C13.8026 16.9197 13.875 16.7448 13.875 16.5625V1.4375C13.875 1.25516 13.8026 1.0803 13.6736 0.951364C13.5447 0.822433 13.3698 0.75 13.1875 0.75ZM1.5 15.869V2.1293L12.4862 9.0043L1.5 15.869Z" fill="black" fill-opacity="0.87"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/tiktok.svg
+++ b/packages/base/Resources/Public/Icons/tiktok.svg
@@ -1,3 +0,0 @@
-<svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M35 16.3984C31.5593 16.4058 28.2033 15.3318 25.4063 13.3281V27.2969C25.4055 29.884 24.6148 32.4091 23.1399 34.5346C21.6651 36.6602 19.5765 38.2847 17.1533 39.1911C14.7302 40.0974 12.0881 40.2422 9.58042 39.6063C7.07272 38.9703 4.81898 37.5838 3.12062 35.6323C1.42225 33.6807 0.36023 31.2572 0.0765895 28.6857C-0.207051 26.1142 0.301214 23.5174 1.53341 21.2426C2.7656 18.9678 4.66297 17.1235 6.97177 15.9562C9.28057 14.789 11.8907 14.3545 14.4531 14.7109V21.7344C13.2815 21.3655 12.0232 21.3763 10.858 21.7652C9.69288 22.1541 8.68036 22.9012 7.96508 23.8998C7.24979 24.8984 6.86831 26.0974 6.8751 27.3258C6.88189 28.5541 7.27661 29.7489 8.00289 30.7395C8.72917 31.7302 9.74988 32.466 10.9193 32.842C12.0887 33.2179 13.347 33.2148 14.5145 32.8331C15.682 32.4513 16.6991 31.7104 17.4204 30.7162C18.1418 29.722 18.5306 28.5252 18.5313 27.2969V0H25.4063C25.4024 0.581456 25.4521 1.16203 25.5547 1.73438C25.7938 3.01016 26.2905 4.22379 27.0145 5.30109C27.7386 6.37839 28.6747 7.29674 29.7656 8C31.3186 9.02566 33.1389 9.57177 35 9.57031V16.3984Z" fill="#F5AE07"/>
-</svg>
--- a/packages/base/Resources/Public/Icons/x.svg
+++ b/packages/base/Resources/Public/Icons/x.svg
@@ -1,3 +0,0 @@
-<svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.8952 0.0625H18.8947L12.3434 7.63359L20.0503 17.9375H14.0173L9.28864 11.6898L3.88442 17.9375H0.880665L7.8866 9.83789L0.498291 0.0625H6.68425L10.9541 5.77305L15.8952 0.0625ZM14.8415 16.1242H16.5028L5.7793 1.78125H3.99489L14.8415 16.1242Z" fill="black"/>
-</svg>
--- a/packages/base/Resources/Public/JavaScript/navigation.js
+++ b/packages/base/Resources/Public/JavaScript/navigation.js
@@ -1,15 +1,38 @@
 document.addEventListener('DOMContentLoaded', function () {
-    const nav = document.getElementById('mainNav');
+    const nav = document.getElementById('mainNav'); // Keep for mobile toggle
+    const header = document.querySelector('header'); // Get the header element
    const toggle = document.getElementById('navToggle');

    // Toggle menu on mobile
    toggle.addEventListener('click', function () {
-        nav.classList.toggle('open');
+        nav.classList.toggle('open'); // Mobile menu still controlled by nav
        toggle.classList.toggle('active');
    });

-    // No need to add or remove sticky class here since CSS handles position: sticky
-    // We simply rely on the CSS-based sticky behavior and reserved space via body padding.
+    // Handle transparent header scroll effect for home page on desktop
+    const body = document.body;
+    const scrollThreshold = 50; // Pixels to scroll before changing background
+
+    function handleScroll() {
+        // Check if it's the home page layout and desktop view
+        if (header && body.classList.contains('backendlayout-home_page') && window.innerWidth >= 1024) { // 1024px is Tailwind's default lg breakpoint
+            if (window.scrollY > scrollThreshold) {
+                header.classList.add('scrolled'); // Add class to header
+            } else {
+                header.classList.remove('scrolled'); // Remove class from header
+            }
+        } else if (header) { // Check if header exists before trying to remove class
+             // Ensure scrolled class is removed if not on home page desktop or resized below lg
+             header.classList.remove('scrolled'); // Remove class from header
+        }
+    }
+
+    // Initial check in case the page loads already scrolled
+    handleScroll();
+
+    // Add scroll and resize listeners
+    window.addEventListener('scroll', handleScroll);
+    window.addEventListener('resize', handleScroll); // Re-check on resize

    const submenuParents = document.querySelectorAll('.nav-item.has-submenu');
    submenuParents.forEach(parent => {
--- a/packages/base/Resources/Public/Scss/abstracts/_icons.scss
+++ b/packages/base/Resources/Public/Scss/abstracts/_icons.scss
@@ -21,36 +21,15 @@
  mask-image: url(../Icons/instagram.svg);
 }

-.ci-tiktok::before {
-  mask-image: url(../Icons/tiktok.svg);
+.ci-linkedin::before {
+  mask-image: url(../Icons/linkedin.svg);
  width: 0.9em;
  height: 0.9em;
 }

-.ci-linkedin::before {
-  mask-image: url(../Icons/linkedin.svg);
+.ci-facebook::before {
+  mask-image: url(../Icons/facebook.svg);
 }
-.ci-x::before {
-  mask-image: url(../Icons/x.svg);
-}
-.ci-email::before {
-  mask-image: url(../Icons/email.svg);
-}
-.ci-phone::before {
-  mask-image: url(../Icons/phone.svg);
-}
-.ci-angle-right::before {
-  mask-image: url(../Icons/angle-right.svg);
-}
-
-.ci-angle-left::before {
-  mask-image: url(../Icons/angle-left.svg);
-}
-
-.ci-skip-forward::before {
-  mask-image: url(../Icons/skip-forward.svg);
-}
-
-.ci-skip-back::before {
-  mask-image: url(../Icons/skip-back.svg);
+.ci-arrow-down::before {
+  mask-image: url(../Icons/arrow-down.svg);
 }
--- a/packages/base/Resources/Public/Scss/base/_global.scss
+++ b/packages/base/Resources/Public/Scss/base/_global.scss
@@ -1,15 +1,19 @@
+:root {
+  --color-primary: #0B197D;
+}
+
 body {
  line-height: 1.5;
 }

-a[href^="tel:"]::before {
-  @extend .ci;
-  @extend .ci-phone;
-  margin-right: 0.5em;
-}
+/* a[href^="tel:"]::before { */
+/*   @extend .ci; */
+/*   @extend .ci-phone; */
+/*   margin-right: 0.5em; */
+/* } */

-a[href^="mailto:"]::before {
-  @extend .ci;
-  @extend .ci-email;
-  margin-right: 0.5em;
-}
+/* a[href^="mailto:"]::before { */
+/*   @extend .ci; */
+/*   @extend .ci-email; */
+/*   margin-right: 0.5em; */
+/* } */
--- a/packages/base/Resources/Public/Scss/components/_news.scss
+++ b/packages/base/Resources/Public/Scss/components/_news.scss
@@ -114,7 +114,7 @@
        mask-position: center;
        background-color: currentColor;
        /* vertical-align: middle; */
-        mask-image: url(../Icons/angle-right.svg);
+        /* mask-image: url(../Icons/angle-right.svg); */
      }
    }

--- a/packages/base/Resources/Public/Scss/layouts/_home-page.scss
+++ b/packages/base/Resources/Public/Scss/layouts/_home-page.scss
@@ -0,0 +1,82 @@
+// Styles specific to the Home Page layout (.backendlayout-home_page)
+
+.backendlayout-home_page {
+
+    // --- Target the header element ---
+    header {
+        // --- Mobile First: Always Primary Background ---
+        @apply bg-primary text-white;
+
+        // Mobile link/icon colors (on primary background)
+        #mainNav .nav-link { // Target links within #mainNav
+            @apply text-white hover:text-gray-200;
+        }
+        #mainNav .nav-toggle-icon,
+        #mainNav .nav-toggle-icon::before,
+        #mainNav .nav-toggle-icon::after {
+             @apply bg-white; // Ensure mobile toggle is visible
+        }
+        // Adjust mobile submenu link colors if needed (depends on dropdown background)
+        #mainNav .sub-menu .nav-link {
+             @apply text-gray-700 hover:text-black; // Assuming light dropdown background
+        }
+
+        // --- Desktop Styles ---
+        @screen lg {
+            // Initial state: Transparent background, fixed position
+            @apply fixed top-0 left-0 right-0 z-50 bg-transparent transition-colors duration-300 ease-in-out;
+
+            // Initial link colors and background for transparent header (desktop)
+            #mainNav .nav-link {
+                @apply bg-white text-primary hover:text-brand px-3 py-1 rounded; // Add bg-white, padding, and rounded corners
+            }
+            // Ensure mobile toggle icon also uses primary color initially on desktop if visible (though usually hidden)
+            #mainNav .nav-toggle-icon,
+            #mainNav .nav-toggle-icon::before,
+            #mainNav .nav-toggle-icon::after {
+                 @apply bg-primary;
+            }
+            // Desktop submenu link colors (assuming light dropdown background)
+            #mainNav .sub-menu .nav-link {
+                 @apply text-gray-700 hover:text-black;
+            }
+
+            // Scrolled state: Primary background (desktop)
+            &.scrolled {
+                @apply bg-primary shadow-md;
+
+                // Link colors for primary background (desktop scrolled)
+                #mainNav .nav-link {
+                    @apply bg-primary text-white hover:text-gray-200;
+                }
+                 // Submenu link colors likely don't need changing here if dropdown is consistent
+            }
+        }
+    }
+}
+
+// --- Default styles for header on NON-home pages ---
+// Ensures header has a background and correct colors on other pages
+body:not(.backendlayout-home_page) {
+    header {
+        @apply bg-primary text-white; // Or your desired default background/text
+
+        #mainNav .nav-link {
+            @apply text-white hover:text-gray-200;
+        }
+        #mainNav .nav-toggle-icon,
+        #mainNav .nav-toggle-icon::before,
+        #mainNav .nav-toggle-icon::after {
+             @apply bg-white;
+        }
+        #mainNav .sub-menu .nav-link {
+             @apply text-gray-700 hover:text-black; // Assuming light dropdown background
+        }
+    }
+    // On non-home pages, main content doesn't need extra padding-top
+    @screen lg {
+        main {
+            @apply pt-0; // Reset padding if needed
+        }
+    }
+}
--- a/packages/base/Resources/Public/Scss/main.scss
+++ b/packages/base/Resources/Public/Scss/main.scss
@@ -15,3 +15,5 @@
@import "components/news_detail";
@import 'components/footer';
@import 'components/buttons';
+@import 'layouts/home-page';
+
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,12 +18,7 @@ module.exports = {
        hajime: ['"Hajime Sans"', ...defaultTheme.fontFamily.sans],
      },
      colors: {
-        primary: {
-          DEFAULT: '#0B197D', // Use SCSS primary color for text
-          dark: '#1C2B00',
-          light: '#4E5E32',
-          'brand-blue': '#0B197D',
-        },
+        primary: 'var(--color-primary)',
        yellow: '#F5AE07',
        'light-green': '#F4F6EC',
        brand: '#6B8E23', // Added brand color for hover states from SCSS
Author	SHA1	Message	Date
Dominik Polakovics	baf203e4fd	fix: tailwind coloring	2025-04-21 18:32:02 +02:00
Dominik Polakovics	8a2beb0446	fix: hero icons and css	2025-04-21 18:31:46 +02:00
Dominik Polakovics	765d96d754	feat: remove production deployment and change server	2025-04-21 18:31:20 +02:00
Dominik Polakovics	fa9b9dbdb9	fix: navigation link back color	2025-04-21 17:46:16 +02:00
Dominik Polakovics	8a645b2483	feat: remove old icons and add new	2025-04-21 17:46:06 +02:00
Dominik Polakovics	7ef39874e5	feat: add Home Page layout and styles, including header behavior and language support	2025-04-21 12:24:16 +02:00