Gustavo Luigi 2024-01-12 12:21:07 -03:00
parent ed5c642f20
commit 81e96ce64e
1 changed files with 72 additions and 76 deletions

View File

@ -24,7 +24,7 @@
@section('content') @section('content')
<div class="block" style="height: 100%;"> <div class="block" style="height: 100%;">
<!--<img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" />--> <!--<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"/> <x-img src="{{$cover}}" data-speed="-1" class="img-parallax" alt="{{config('settings.name')}} Cover" loading="eager"/>


<div class="d-none d-lg-flex" style="margin-top: 10%; margin-bottom: 8%;"> <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); <div class="p-3 rounded container" style="width: 45vw; background: rgba(255, 255, 255, 0.2);
@ -67,49 +67,46 @@




@if($type->get("Ankündigung")->status) @if($type->get("Ankündigung")->status)
@php($leistungen = filterByContentType("Ankündigung")) @php($ankundigung = filterByContentType("Ankündigung"))
@if($leistungen->isNotEmpty()) @if($ankundigung->isNotEmpty())
<div class="container"> <div class="container">
<div class="row pt-1 pt-lg-4"> <div class="row pt-1 pt-lg-4">

@foreach($ankundigung->take(3) as $content)
@foreach($leistungen->take(3) as $content) <div class="col-12">
<div class="col-12"> @isset($content->link)
@isset($content->link) <a href="{{ $content->link }}" class="text-decoration-none" data-aos="fade-up">
<a href="{{ $content->link }}" class="text-decoration-none" data-aos="fade-up">
<div class="alert alert-{{ $content->color }} my-2" role="alert">
<h5 class="alert-heading">
<svg width="25" height="25" class="me-2" style="fill: currentColor;">
<image id="type-icon" xlink:href="{{asset('fonts/icons/font-awesome/light/')}}/{{ $content->icon }}.svg" width="25" height="25"/>
</svg>

{{ $content->title }}</h5>
{{ $content->ankundigung }} Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi asperiores atque aut dolorem doloribus hic iusto laboriosam, laborum magnam magni molestiae optio provident ratione rerum sapiente sequi sint tempora voluptatibus.
<div class="text-end">
<i class="text-end me-5">Mehr lesen
<svg style="width: 20px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M507.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-144-144c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L457.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l441.4 0L340.7 388.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l144-144z"/></svg>
</i>
</div>
</div>
</a>
@else

<div class="alert alert-{{ $content->color }} my-2" role="alert"> <div class="alert alert-{{ $content->color }} my-2" role="alert">
<h5 class="alert-heading"> <h5 class="alert-heading">
<svg width="25" height="25" class="me-2" style="fill: currentColor;"> <svg width="25" height="25" class="me-2" style="fill: currentColor;">
<image id="type-icon" xlink:href="{{asset('fonts/icons/font-awesome/light')}}/{{ $content->icon }}.svg" width="25" height="25"/> <image id="type-icon" xlink:href="{{asset('fonts/icons/font-awesome/light/')}}/{{ $content->icon }}.svg" width="25" height="25"/>
</svg> </svg>
{{ $content->title }}
</h5> {{ $content->title }}</h5>
{{ $content->ankundigung }} {{ $content->ankundigung }} Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi asperiores atque aut dolorem doloribus hic iusto laboriosam, laborum magnam magni molestiae optio provident ratione rerum sapiente sequi sint tempora voluptatibus.
<div class="text-end">
<i class="text-end me-5">Mehr lesen
<svg style="width: 20px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M507.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-144-144c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L457.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l441.4 0L340.7 388.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l144-144z"/></svg>
</i>
</div>
</div> </div>
@endisset </a>
@else


</div> <div class="alert alert-{{ $content->color }} my-2" role="alert">
@endforeach <h5 class="alert-heading">
<svg width="25" height="25" class="me-2" style="fill: currentColor;">
<image id="type-icon" xlink:href="{{asset('fonts/icons/font-awesome/light')}}/{{ $content->icon }}.svg" width="25" height="25"/>
</svg>
{{ $content->title }}
</h5>
{{ $content->ankundigung }}
</div>
@endisset


</div> </div>
@endforeach
</div> </div>

</div>
@endif @endif
@endif @endif


@ -118,54 +115,53 @@
@if($type->get("Leistungen")->status) @if($type->get("Leistungen")->status)
@php($leistungen = filterByContentType("Leistungen")) @php($leistungen = filterByContentType("Leistungen"))
@if($leistungen->isNotEmpty()) @if($leistungen->isNotEmpty())
<section> <section>
<div class="container"> <div class="container">
<div class="row"> <div class="row">


<div class="col-12"> <div class="col-12">
<h2 id="leistungen" class="mb-4">Leistungen</h2> <h2 id="leistungen" class="mb-4">Leistungen</h2>
</div>

@foreach($leistungen->take(3) as $content)

<a href="{{ $content->path }}" class="text-decoration-none">
<div class="card mb-5" >
<div class="row g-0">
<div class="col-md-4">
<x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top rounded"/>
</div>
<div class="col-md-7 ps-4">
<div class="card-body py-lg-4 px-lg-3">
<h3 class="card-title h4">{{$content->title}}</h3>
<p class="card-text">{{$content->kurzbeschreibung}}</p>
</div>
</div>
</div>
</div> </div>


</a> @foreach($leistungen->take(3) as $contentIndex => $content)


@endforeach <a href="{{ $content->path }}" class="text-decoration-none">
<div class="card mb-5" >
<div class="row g-0">
<div class="col-md-4">
<x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top rounded" loading="{{$contentIndex == 0?'eager':'lazy'}}"/>
</div>
<div class="col-md-7 ps-4">
<div class="card-body py-lg-4 px-lg-3">
<h3 class="card-title h4">{{$content->title}}</h3>
<p class="card-text">{{$content->kurzbeschreibung}}</p>
</div>
</div>
</div>
</div>


@if($leistungen->count() > 3) </a>


<div class="col-12 text-center mt-3"> @endforeach
<a href="{{url('/leistungen')}}" class="text-muted text-decoration-none">
Alle Leistungen
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
</svg>


</a> @if($leistungen->count() > 3)

<div class="col-12 text-center mt-3">
<a href="{{url('/leistungen')}}" class="text-muted text-decoration-none">
Alle Leistungen
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
</svg>

</a>
</div>

@endif


</div>
</div> </div>

</section>
@endif


</div>
</div>
</section>

@endif @endif
@endif @endif