From f1e9b65d876053a5305a3a5690372928d11821c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Mon, 15 Jan 2024 14:39:15 +0100
Subject: [PATCH] .

---
 content/index.blade.php            | 45 ++++++++++++++++++------------
 content/lists/aktuelles.blade.php  |  1 -
 content/lists/jobs.blade.php       |  7 ++---
 content/lists/leistungen.blade.php |  2 ++
 content/pages/kontakt.blade.php    |  4 ++-
 variables.json                     | 13 +++++++++
 6 files changed, 48 insertions(+), 24 deletions(-)

diff --git a/content/index.blade.php b/content/index.blade.php
index 22d70b5..51fccd2 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -21,33 +21,42 @@
     </style>
 @stop
 @section('content')
-    <div class="block" style="height: 100%;">
-        <x-img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" loading="eager" blur="off"/>
-        <div class="d-none d-lg-flex" style="margin-top: 10%; margin-bottom: 8%;">
-            <div class="p-3 rounded container" style="width: 45vw;  background: rgba(255, 255, 255, 0.2);
+
+    @if($_hero_is_container)
+    <div class="container">
+    @endif
+        <div class="block" style="height: 100%;">
+            <x-img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" loading="eager" blur="off"/>
+            <div class="d-none d-lg-flex" style="margin-top: 10%; margin-bottom: 8%;">
+                <div class="p-3 rounded container" style="width: 45vw;  background: rgba(255, 255, 255, 0.2);
                 border-radius: 16px;
                 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                 backdrop-filter: blur(5px);
                 -webkit-backdrop-filter: blur(5px);
                 border: 1px solid rgba(255, 255, 255, 0.3);">
-                <h1 class="card-title text-white mb-5 text-center text-uppercase" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
-                    {{config('settings.name')}}
-                </h1>
-                <p class="card-text my-2 text-white fs-5" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
-                    {{config('settings.description')}}
-                </p>
+                    <h1 class="card-title text-white mb-5 text-center text-uppercase" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
+                        {{config('settings.name')}}
+                    </h1>
+                    <p class="card-text my-2 text-white fs-5" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
+                        {{config('settings.description')}}
+                    </p>
+                </div>
             </div>
         </div>
-    </div>
-    <div class="card text-bg-dark border-0 d-lg-none" style="border-radius:0; box-shadow:none;">
-        <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="{{config('settings.name')}} Cover" />
-        <div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
-            <div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
-                <h1 class="card-title text-white mb-5 text-center text-uppercase">{{config('settings.name')}}</h1>
-                <p class="card-text my-2 text-white fs-5">{{config('settings.description')}}</p>
+        <div class="card text-bg-dark border-0 d-lg-none" style="border-radius:0; box-shadow:none;">
+            <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="{{config('settings.name')}} Cover" />
+            <div class="card-img-overlay d-none d-lg-flex align-items-center" styles="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
+                <div class="container p-3 rounded" style="width: 55vw; border-radius:0; background: radial-gradient({{$_primary_ci_color}}50,{{$_primary_ci_color}}30); box-shadow:inset 0 0 3px 1px {{$_primary_ci_color}}10, inset 0 0 25px 2px rgba(0,0,0,.2);">
+                    <h1 class="card-title text-white mb-5 text-center text-uppercase">{{config('settings.name')}}</h1>
+                    <p class="card-text my-2 text-white fs-5">{{config('settings.description')}}</p>
+                </div>
             </div>
         </div>
-    </div>
+
+    @if($_hero_is_container)
+        </div>
+    @endif
+
     <div class="container d-lg-none">
         <div class="row">
             <div class="col-12">
diff --git a/content/lists/aktuelles.blade.php b/content/lists/aktuelles.blade.php
index 76e1e7c..3043e07 100644
--- a/content/lists/aktuelles.blade.php
+++ b/content/lists/aktuelles.blade.php
@@ -43,7 +43,6 @@
             @else
                 <div class="col-12 text-center" style="margin-bottom: 30vh; margin-top: 5vh;">
                     <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
-                    <script src="{{storage('assets/js/dotlottie-player.mjs')}}" type="module"></script>
                     <dotlottie-player src="https://lottie.host/d5a4355a-7074-40b5-804a-28ed21d8b944/6ryk9g1wqN.lottie" background="transparent" speed="1" style="width: 200px; height: 200px; margin: 0 auto;" loop autoplay></dotlottie-player>
                     <i>
                         Derzeit keine Inhalte in {{ $list->name }} veröffentlicht.
diff --git a/content/lists/jobs.blade.php b/content/lists/jobs.blade.php
index 8b919b5..d4dae7c 100644
--- a/content/lists/jobs.blade.php
+++ b/content/lists/jobs.blade.php
@@ -165,11 +165,10 @@
 
                 <script src="http://lumino.xps/admin-assets/libs/lottie-player.js"></script>
                 <div class="col-12 text-center" style="margin-bottom: 30vh; margin-top: 5vh;">
-                    <script src="{{storage('assets/libs/lottie-player-0.4.0.js')}}"></script>
-                    <lottie-player src="{{storage('assets/animations/no-results.json')}}" background="transparent" speed="1" style="width: 200px; height: 200px; margin: 0 auto;" loop="" autoplay=""></lottie-player>
-
+                    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
+                    <dotlottie-player src="https://lottie.host/d5a4355a-7074-40b5-804a-28ed21d8b944/6ryk9g1wqN.lottie" background="transparent" speed="1" style="width: 200px; height: 200px; margin: 0 auto;" loop autoplay></dotlottie-player>
                     <i>
-                        Derzeit keine Inhalte in {{ $list->name }} veröffentlicht.
+                        Derzeit keine offenen Stellen
                     </i>
                 </div>
 
diff --git a/content/lists/leistungen.blade.php b/content/lists/leistungen.blade.php
index ccecea2..336c300 100644
--- a/content/lists/leistungen.blade.php
+++ b/content/lists/leistungen.blade.php
@@ -37,6 +37,8 @@
 
                 <div class="col-12 text-center" style="margin-bottom: 30vh; margin-top: 5vh;">
 
+                    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
+                    <dotlottie-player src="https://lottie.host/d5a4355a-7074-40b5-804a-28ed21d8b944/6ryk9g1wqN.lottie" background="transparent" speed="1" style="width: 200px; height: 200px; margin: 0 auto;" loop autoplay></dotlottie-player>
                     <i>
                         Derzeit keine {{ $list->name }} veröffentlicht.
                     </i>
diff --git a/content/pages/kontakt.blade.php b/content/pages/kontakt.blade.php
index fe601e7..57dc464 100644
--- a/content/pages/kontakt.blade.php
+++ b/content/pages/kontakt.blade.php
@@ -162,9 +162,11 @@
 
 
 
+
+
     <div class="container-fluid google-map-func css-selector g-0" style="height:600px; background-image: url('https://ik.imagekit.io/areya/map_9WqHXkxOE.png');">
         @if(isset($_COOKIE["cookies-consent"]) && $_COOKIE["cookies-consent"][0])
-            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2616.891113063286!2d12.10357687683789!3d49.0126564898375!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479fc10aad3c56e3%3A0x4e1e3fd12a6be9a3!2sImmobilienverwaltung%20V%C3%B6lkl!5e0!3m2!1sde!2sde!4v1692953660472!5m2!1sde!2sde" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+            <iframe src="{{$_google_maps_src}}" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
         @else
             <div class="container">
                 <div class="row">
diff --git a/variables.json b/variables.json
index 0a7f8d6..d5f4fcc 100644
--- a/variables.json
+++ b/variables.json
@@ -190,6 +190,12 @@
         "value": "",
         "required": false
       },
+      {
+        "id": "hero_is_container",
+        "name": "Bild auf der Startseite im Container darstellen (kleiner)",
+        "type": "boolean",
+        "value": false
+      },
       {
         "name": "Schriftart",
         "type": "select",
@@ -311,6 +317,13 @@
         "name": "Zeige Kontaktformular",
         "value": "true",
         "type": "boolean"
+      },
+      {
+        "id": "google_maps_src",
+        "name": "Google Maps Link",
+        "value": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2583.5180538891505!2d12.404362677116493!3d49.644537371449516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x410cafb6f5a7be4b%3A0xda558d5c78db9d89!2sKurbad%20Pleystein%20Praxis%20f%C3%BCr%20Physiotherapie%20und%20Ergotherapie!5e0!3m2!1sde!2sde!4v1705318704537!5m2!1sde!2sde",
+        "type": "string",
+        "placeholder": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2583.5180538891505!2d12.404362677116493!3d49.644537371449516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x410cafb6f5a7be4b%3A0xda558d5c78db9d89!2sKurbad%20Pleystein%20Praxis%20f%C3%BCr%20Physiotherapie%20und%20Ergotherapie!5e0!3m2!1sde!2sde!4v1705318704537!5m2!1sde!2sde"
       }
     ]
   },