Benjamin Völkl 2024-01-15 14:39:15 +01:00
parent 8f840910c9
commit f1e9b65d87
6 changed files with 48 additions and 24 deletions

View File

@ -21,33 +21,42 @@
</style> </style>
@stop @stop
@section('content') @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"/> @if($_hero_is_container)
<div class="d-none d-lg-flex" style="margin-top: 10%; margin-bottom: 8%;"> <div class="container">
<div class="p-3 rounded container" style="width: 45vw; background: rgba(255, 255, 255, 0.2); @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; border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);"> 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;"> <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')}} {{config('settings.name')}}
</h1> </h1>
<p class="card-text my-2 text-white fs-5" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;"> <p class="card-text my-2 text-white fs-5" style="text-shadow: 0 2px 4px {{$_primary_ci_color}}36;">
{{config('settings.description')}} {{config('settings.description')}}
</p> </p>
</div>
</div> </div>
</div> </div>
</div> <div class="card text-bg-dark border-0 d-lg-none" style="border-radius:0; box-shadow:none;">
<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" />
<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="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);">
<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>
<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>
<p class="card-text my-2 text-white fs-5">{{config('settings.description')}}</p> </div>
</div> </div>
</div> </div>
</div>
@if($_hero_is_container)
</div>
@endif

<div class="container d-lg-none"> <div class="container d-lg-none">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

View File

@ -43,7 +43,6 @@
@else @else
<div class="col-12 text-center" style="margin-bottom: 30vh; margin-top: 5vh;"> <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="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> <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> <i>
Derzeit keine Inhalte in {{ $list->name }} veröffentlicht. Derzeit keine Inhalte in {{ $list->name }} veröffentlicht.

View File

@ -165,11 +165,10 @@


<script src="http://lumino.xps/admin-assets/libs/lottie-player.js"></script> <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;"> <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> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></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> <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> <i>
Derzeit keine Inhalte in {{ $list->name }} veröffentlicht. Derzeit keine offenen Stellen
</i> </i>
</div> </div>



View File

@ -37,6 +37,8 @@


<div class="col-12 text-center" style="margin-bottom: 30vh; margin-top: 5vh;"> <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> <i>
Derzeit keine {{ $list->name }} veröffentlicht. Derzeit keine {{ $list->name }} veröffentlicht.
</i> </i>

View File

@ -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');"> <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]) @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 @else
<div class="container"> <div class="container">
<div class="row"> <div class="row">

View File

@ -190,6 +190,12 @@
"value": "", "value": "",
"required": false "required": false
}, },
{
"id": "hero_is_container",
"name": "Bild auf der Startseite im Container darstellen (kleiner)",
"type": "boolean",
"value": false
},
{ {
"name": "Schriftart", "name": "Schriftart",
"type": "select", "type": "select",
@ -311,6 +317,13 @@
"name": "Zeige Kontaktformular", "name": "Zeige Kontaktformular",
"value": "true", "value": "true",
"type": "boolean" "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"
} }
] ]
}, },