Benjamin Völkl 2024-01-10 13:14:24 +01:00
parent 05514be64a
commit 7f3454500e
1 changed files with 12 additions and 5 deletions

View File

@ -28,16 +28,21 @@

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="block" style="height: 500px;">
<div class="block" style="height: 100%;">
<img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" />

<!--<x-img src="{{$cover}}" data-speed="-1" class="img-parallax" 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);">
<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">{{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')}} Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis distinctio dolor ex impedit incidunt ipsum itaque, nostrum obcaecati quos rem! Aliquam cum dolore nulla omnis quasi qui sapiente tenetur voluptas.</p>
</div>
</div>

@ -83,7 +88,7 @@
});
</script>

<div class="card text-bg-dark border-0 d-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" />
<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);">
@ -94,6 +99,8 @@
</div>




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