first tests with sizes when removing whitespace

master
Benjamin Völkl 2024-01-14 07:45:30 +01:00
parent d4150d55b9
commit 6fbebf53b3
3 changed files with 9 additions and 139 deletions

View File

@ -9,7 +9,6 @@
overflow: hidden; overflow: hidden;
font-size: 16px; font-size: 16px;
} }

.img-parallax { .img-parallax {
width: 100vmax; width: 100vmax;
z-index: -1; z-index: -1;
@ -24,7 +23,6 @@
@section('content') @section('content')
<div class="block" style="height: 100%;"> <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"/> <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="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);
border-radius: 16px; border-radius: 16px;
@ -41,7 +39,6 @@
</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);">
@ -51,10 +48,6 @@
</div> </div>
</div> </div>
</div> </div>




<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">
@ -63,8 +56,6 @@
</div> </div>
</div> </div>
</div> </div>


@if($type->get("Ankündigung")->status) @if($type->get("Ankündigung")->status)
@php($ankundigung = filterByContentType("Ankündigung")) @php($ankundigung = filterByContentType("Ankündigung"))
@if($ankundigung->isNotEmpty()) @if($ankundigung->isNotEmpty())
@ -79,7 +70,6 @@
<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 }} 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. {{ $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"> <div class="text-end">
@ -89,8 +79,7 @@
</div> </div>
</div> </div>
</a> </a>
@else @els

<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;">
@ -101,29 +90,22 @@
{{ $content->ankundigung }} {{ $content->ankundigung }}
</div> </div>
@endisset @endisset

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



@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> </div>

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

<a href="{{ $content->path }}" class="text-decoration-none"> <a href="{{ $content->path }}" class="text-decoration-none">
<div class="card mb-4" > <div class="card mb-4" >
<div class="row g-0"> <div class="row g-0">
@ -138,33 +120,23 @@
</div> </div>
</div> </div>
</div> </div>

</a> </a>

@endforeach @endforeach

@if($leistungen->count() > 3) @if($leistungen->count() > 3)

<div class="col-12 text-center mt-3"> <div class="col-12 text-center mt-3">
<a href="{{url('/leistungen')}}" class="text-muted text-decoration-none"> <a href="{{url('/leistungen')}}" class="text-muted text-decoration-none">
Alle Leistungen 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"> <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" /> <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> </svg>

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

@endif @endif


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


@if($type->get("News")->status) @if($type->get("News")->status)
@php($news = filterByContentType("News")) @php($news = filterByContentType("News"))
@if($news->isNotEmpty()) @if($news->isNotEmpty())
@ -174,7 +146,6 @@
<div class="col-12"> <div class="col-12">
<h2 id="aktuelles" class="mb-4">Aktuelles</h2> <h2 id="aktuelles" class="mb-4">Aktuelles</h2>
</div> </div>
@foreach($news->take(3) as $index => $content) @foreach($news->take(3) as $index => $content)
<div class="col-12 col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="{{$index * 250}}"> <div class="col-12 col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="{{$index * 250}}">
<div class="card shadow-sm h-100"> <div class="card shadow-sm h-100">
@ -196,7 +167,6 @@


{!! Str::limit($content->vorschau, 280) !!} {!! Str::limit($content->vorschau, 280) !!}
</div> </div>

<div class="card-footer text-end"> <div class="card-footer text-end">
<a class="btn btn-sm btn-ci" href="{{ $content->path }}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});"> <a class="btn btn-sm btn-ci" href="{{ $content->path }}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});">
Mehr lesen Mehr lesen
@ -205,11 +175,9 @@
</svg> </svg>
</a> </a>
</div> </div>

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

@if($news->count() > 3) @if($news->count() > 3)
<div class="col-12 text-center mt-3"> <div class="col-12 text-center mt-3">
<a href="{{url('/aktuelles')}}" class="text-muted text-decoration-none"> <a href="{{url('/aktuelles')}}" class="text-muted text-decoration-none">
@ -218,13 +186,11 @@
</a> </a>
</div> </div>
@endif @endif

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

@if($type->get("Produkte")->status) @if($type->get("Produkte")->status)
@php($products = filterByContentType("Produkte")) @php($products = filterByContentType("Produkte"))
@if($products->isNotEmpty()) @if($products->isNotEmpty())
@ -234,7 +200,6 @@
<div class="col-12"> <div class="col-12">
<h2 id="aktuelles" class="mb-4">Produkte</h2> <h2 id="aktuelles" class="mb-4">Produkte</h2>
</div> </div>
@foreach($products->take(3) as $content) @foreach($products->take(3) as $content)
<div class="col-12 col-md-6 col-lg-4 mb-4"> <div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="card shadow-sm h-100"> <div class="card shadow-sm h-100">
@ -247,17 +212,14 @@
{{$content->title}} {{$content->title}}
</a> </a>
</h3> </h3>

<div class="text-muted small my-3"> <div class="text-muted small my-3">
<span title="{{$content->created_at}}"> <span title="{{$content->created_at}}">
<svg style="fill: currentColor;width:15px;margin-bottom: 5px;margin-right: 3px;}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M112 0c8.8 0 16 7.2 16 16V64H320V16c0-8.8 7.2-16 16-16s16 7.2 16 16V64h32c35.3 0 64 28.7 64 64v32 32V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 160 128C0 92.7 28.7 64 64 64H96V16c0-8.8 7.2-16 16-16zM416 192H32V448c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V192zM384 96H64c-17.7 0-32 14.3-32 32v32H416V128c0-17.7-14.3-32-32-32z"/></svg> <svg style="fill: currentColor;width:15px;margin-bottom: 5px;margin-right: 3px;}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M112 0c8.8 0 16 7.2 16 16V64H320V16c0-8.8 7.2-16 16-16s16 7.2 16 16V64h32c35.3 0 64 28.7 64 64v32 32V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 160 128C0 92.7 28.7 64 64 64H96V16c0-8.8 7.2-16 16-16zM416 192H32V448c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V192zM384 96H64c-17.7 0-32 14.3-32 32v32H416V128c0-17.7-14.3-32-32-32z"/></svg>
{{$content->updated_at->diffForHumans()}} {{$content->updated_at->diffForHumans()}}
</span> </span>
</div> </div>

{{$content->kurzbeschreibung}} {{$content->kurzbeschreibung}}
</div> </div>

<div class="card-footer text-end"> <div class="card-footer text-end">
<a class="btn btn-sm btn-ci" href="{{$content->path}}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});"> <a class="btn btn-sm btn-ci" href="{{$content->path}}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});">
Mehr lesen Mehr lesen
@ -266,11 +228,9 @@
</svg> </svg>
</a> </a>
</div> </div>

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

@if($products->count() > 3) @if($products->count() > 3)
<div class="col-12 text-center mt-3"> <div class="col-12 text-center mt-3">
<a href="{{url('/aktuelles')}}" class="text-muted text-decoration-none"> <a href="{{url('/aktuelles')}}" class="text-muted text-decoration-none">
@ -279,13 +239,11 @@
</a> </a>
</div> </div>
@endif @endif

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

<section id="kontakt"> <section id="kontakt">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -296,21 +254,13 @@
<div class="col-md-4 text-center" data-aos="zoom-in"> <div class="col-md-4 text-center" data-aos="zoom-in">
<div class="icon-box-2"> <div class="icon-box-2">
<div class="icon-box-content"> <div class="icon-box-content">


<svg style="fill: {{$_title_color}} ; width: 70px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg> <svg style="fill: {{$_title_color}} ; width: 70px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg>
<p class="mt-4"> <p class="mt-4">


Telefon: <a href="tel://{{$_telefonnummer}}" class="text-decoration-none">{{$_telefonnummer}}</a> Telefon: <a href="tel://{{$_telefonnummer}}" class="text-decoration-none">{{$_telefonnummer}}</a>


</p> </p>
<br> <br>
<br> <br>
<br> <br>


</div> </div>


</div> </div>
@ -318,35 +268,23 @@
</div> </div>


<div class="col-md-4 text-center" data-aos="zoom-in" data-aos-delay="250"> <div class="col-md-4 text-center" data-aos="zoom-in" data-aos-delay="250">

<div class="icon-box-2"> <div class="icon-box-2">

<svg style="fill: {{$_title_color}}; width: 70px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C118.941 8 8 118.919 8 256c0 137.058 110.919 248 248 248 52.925 0 104.68-17.078 147.092-48.319 5.501-4.052 6.423-11.924 2.095-17.211l-5.074-6.198c-4.018-4.909-11.193-5.883-16.307-2.129C346.93 457.208 301.974 472 256 472c-119.373 0-216-96.607-216-216 0-119.375 96.607-216 216-216 118.445 0 216 80.024 216 200 0 72.873-52.819 108.241-116.065 108.241-19.734 0-23.695-10.816-19.503-33.868l32.07-164.071c1.449-7.411-4.226-14.302-11.777-14.302h-12.421a12 12 0 0 0-11.781 9.718c-2.294 11.846-2.86 13.464-3.861 25.647-11.729-27.078-38.639-43.023-73.375-43.023-68.044 0-133.176 62.95-133.176 157.027 0 61.587 33.915 98.354 90.723 98.354 39.729 0 70.601-24.278 86.633-46.982-1.211 27.786 17.455 42.213 45.975 42.213C453.089 378.954 504 321.729 504 240 504 103.814 393.863 8 256 8zm-37.92 342.627c-36.681 0-58.58-25.108-58.58-67.166 0-74.69 50.765-121.545 97.217-121.545 38.857 0 58.102 27.79 58.102 65.735 0 58.133-38.369 122.976-96.739 122.976z"/></svg> <svg style="fill: {{$_title_color}}; width: 70px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C118.941 8 8 118.919 8 256c0 137.058 110.919 248 248 248 52.925 0 104.68-17.078 147.092-48.319 5.501-4.052 6.423-11.924 2.095-17.211l-5.074-6.198c-4.018-4.909-11.193-5.883-16.307-2.129C346.93 457.208 301.974 472 256 472c-119.373 0-216-96.607-216-216 0-119.375 96.607-216 216-216 118.445 0 216 80.024 216 200 0 72.873-52.819 108.241-116.065 108.241-19.734 0-23.695-10.816-19.503-33.868l32.07-164.071c1.449-7.411-4.226-14.302-11.777-14.302h-12.421a12 12 0 0 0-11.781 9.718c-2.294 11.846-2.86 13.464-3.861 25.647-11.729-27.078-38.639-43.023-73.375-43.023-68.044 0-133.176 62.95-133.176 157.027 0 61.587 33.915 98.354 90.723 98.354 39.729 0 70.601-24.278 86.633-46.982-1.211 27.786 17.455 42.213 45.975 42.213C453.089 378.954 504 321.729 504 240 504 103.814 393.863 8 256 8zm-37.92 342.627c-36.681 0-58.58-25.108-58.58-67.166 0-74.69 50.765-121.545 97.217-121.545 38.857 0 58.102 27.79 58.102 65.735 0 58.133-38.369 122.976-96.739 122.976z"/></svg>
<div class="icon-box-content"> <div class="icon-box-content">



<p class="mt-4"> <p class="mt-4">
<a href="mailto:{{config('settings.contact_email')}}" class="text-decoration-none">{{config('settings.contact_email')}}</a> <a href="mailto:{{config('settings.contact_email')}}" class="text-decoration-none">{{config('settings.contact_email')}}</a>
</p> </p>
<br> <br>
<br> <br>
<br> <br>

</div> </div>


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

<div class="col-md-4 text-center" data-aos="zoom-in" data-aos-delay="500"> <div class="col-md-4 text-center" data-aos="zoom-in" data-aos-delay="500">

<div class="icon-box-2"> <div class="icon-box-2">


<svg style="fill: {{$_title_color}}; width: 70px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M570.53,242,512,190.75V48a16,16,0,0,0-16-16H400a16,16,0,0,0-16,16V78.75L298.53,4a16,16,0,0,0-21.06,0L5.47,242a16,16,0,0,0,21.07,24.09L64,233.27V464a48.05,48.05,0,0,0,48,48H464a48.05,48.05,0,0,0,48-48V233.27l37.46,32.79A16,16,0,0,0,570.53,242ZM480,464a16,16,0,0,1-16,16H112a16,16,0,0,1-16-16V205.27l192-168,192,168Zm0-301.25-64-56V64h64ZM208,218.67V325.34A26.75,26.75,0,0,0,234.66,352H341.3A26.76,26.76,0,0,0,368,325.34V218.67A26.75,26.75,0,0,0,341.3,192H234.66A26.74,26.74,0,0,0,208,218.67ZM240,224h96v96H240Z"/></svg> <svg style="fill: {{$_title_color}}; width: 70px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M570.53,242,512,190.75V48a16,16,0,0,0-16-16H400a16,16,0,0,0-16,16V78.75L298.53,4a16,16,0,0,0-21.06,0L5.47,242a16,16,0,0,0,21.07,24.09L64,233.27V464a48.05,48.05,0,0,0,48,48H464a48.05,48.05,0,0,0,48-48V233.27l37.46,32.79A16,16,0,0,0,570.53,242ZM480,464a16,16,0,0,1-16,16H112a16,16,0,0,1-16-16V205.27l192-168,192,168Zm0-301.25-64-56V64h64ZM208,218.67V325.34A26.75,26.75,0,0,0,234.66,352H341.3A26.76,26.76,0,0,0,368,325.34V218.67A26.75,26.75,0,0,0,341.3,192H234.66A26.74,26.74,0,0,0,208,218.67ZM240,224h96v96H240Z"/></svg>

<div class="icon-box-content"> <div class="icon-box-content">

<p class="mt-4"> <p class="mt-4">
<strong>{{$_legal_name}}</strong> <strong>{{$_legal_name}}</strong>
<br> <br>
@ -354,24 +292,14 @@
<br> <br>
{{$_legal_zip_code}} {{$_legal_city}} {{$_legal_zip_code}} {{$_legal_city}}
</p> </p>

</div>

</div>
</div><!-- end .icon-box-content --> </div>

</div><!-- end .icon-box-2 -->

</div><!-- end .span3 -->

</div> </div>

</div> </div>

</div> </div>

</section> </section>

@stop @stop

@section('scripts') @section('scripts')
<script> <script>
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {

View File

@ -1,52 +1,34 @@
@extends('template.'.config('settings.template').'.content.master') @extends('template.'.config('settings.template').'.content.master')
@section('content') @section('content')

<div class="container">



<div class="container">
<div class="row mb-5"> <div class="row mb-5">
<div class="col-12"> <div class="col-12">
<h1 class="mb-5 mt-5">{{ $list->name }}</h1> <h1 class="mb-5 mt-5">{{ $list->name }}</h1>

<p class="fs-5 mb-5"> <p class="fs-5 mb-5">
{{ $list->description }} {{ $list->description }}
</p> </p>
</div> </div>




@if(count($contents) > 0) @if(count($contents) > 0)

@foreach($contents as $index => $content) @foreach($contents as $index => $content)

<div class="col-12 col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="{{$index * 250}}"> <div class="col-12 col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="{{$index * 250}}">
<div class="card shadow-sm h-100"> <div class="card shadow-sm h-100">
<a href="{{ $content->path }}" class="text-decoration-none"> <a href="{{ $content->path }}" class="text-decoration-none">
<x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/> <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
</a> </a>

<div class="card-body"> <div class="card-body">
<h3 class="h5 mb-2"> <h3 class="h5 mb-2">
<a href="{{ $content->path }}" class="text-decoration-none"> <a href="{{ $content->path }}" class="text-decoration-none">
{{$content->title}} {{$content->title}}

</a> </a>
</h3> </h3>

<div class="text-muted small my-3"> <div class="text-muted small my-3">
<span title="{{$content->created_at}}"> <span title="{{$content->created_at}}">
<svg style="fill: currentColor;width:15px;margin-bottom: 5px;margin-right: 3px;}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M112 0c8.8 0 16 7.2 16 16V64H320V16c0-8.8 7.2-16 16-16s16 7.2 16 16V64h32c35.3 0 64 28.7 64 64v32 32V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 160 128C0 92.7 28.7 64 64 64H96V16c0-8.8 7.2-16 16-16zM416 192H32V448c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V192zM384 96H64c-17.7 0-32 14.3-32 32v32H416V128c0-17.7-14.3-32-32-32z"/></svg> <svg style="fill: currentColor;width:15px;margin-bottom: 5px;margin-right: 3px;}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M112 0c8.8 0 16 7.2 16 16V64H320V16c0-8.8 7.2-16 16-16s16 7.2 16 16V64h32c35.3 0 64 28.7 64 64v32 32V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 160 128C0 92.7 28.7 64 64 64H96V16c0-8.8 7.2-16 16-16zM416 192H32V448c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V192zM384 96H64c-17.7 0-32 14.3-32 32v32H416V128c0-17.7-14.3-32-32-32z"/></svg>
{{ $content->updated_at->diffForHumans() }} {{ $content->updated_at->diffForHumans() }}
</span> </span>

</div> </div>

{!! Str::limit($content->vorschau, 280) !!} {!! Str::limit($content->vorschau, 280) !!}

</div> </div>

<div class="card-footer text-end"> <div class="card-footer text-end">
<a class="btn btn-sm btn-ci" href="{{ $content->path }}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});"> <a class="btn btn-sm btn-ci" href="{{ $content->path }}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});">
Mehr lesen Mehr lesen
@ -55,33 +37,20 @@
</svg> </svg>
</a> </a>
</div> </div>

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


@endforeach @endforeach
@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> <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.
</i> </i>
</div> </div>

@endif @endif


</div> </div>



</div> </div>





View File

@ -3,15 +3,9 @@
<html lang="de"> <html lang="de">
<head> <head>



@include('template.'.config('settings.template').'.content.includes.meta') @include('template.'.config('settings.template').'.content.includes.meta')
@include('template.'.config('settings.template').'.content.includes.css') @include('template.'.config('settings.template').'.content.includes.css')

@yield('head') @yield('head')




</head> </head>
<body> <body>
@if($_contact_bar) @if($_contact_bar)
@ -33,46 +27,35 @@
@else @else
<div style="border-top: 8px solid {{$_primary_ci_color}};"></div> <div style="border-top: 8px solid {{$_primary_ci_color}};"></div>
@endif @endif

<nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};"> <nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};">
<div class="container "> <div class="container ">
<a class="navbar-brand " href="{{url('/')}}"> <a class="navbar-brand " href="{{url('/')}}">
<x-img src="{{$logo}}" alt="{{config('settings.name')}}" height="60px" sizes="220px" class="fw-bold" style="color: {{$_primary_ci_color}};" loading="eager" blur="off"/> <x-img src="{{$logo}}" alt="{{config('settings.name')}}" height="60px" sizes="220px" class="fw-bold" style="color: {{$_primary_ci_color}};" loading="eager" blur="off"/>
</a> </a>

@if(!request()->is('checkout')) @if(!request()->is('checkout'))
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>

<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav fs-5"> <ul class="navbar-nav fs-5">

@if($type->get("Produkte")->status) @if($type->get("Produkte")->status)
<a class="nav-item nav-link {{request()->is('produkt*')?'active':''}}" href="{{url('/produkte')}}">Produkte</a> <a class="nav-item nav-link {{request()->is('produkt*')?'active':''}}" href="{{url('/produkte')}}">Produkte</a>
@endif @endif

@if($type->get("Leistungen")->status) @if($type->get("Leistungen")->status)
<a class="nav-item nav-link {{request()->is('leistung*')?'active':''}}" href="{{url('/leistungen')}}">Leistungen</a> <a class="nav-item nav-link {{request()->is('leistung*')?'active':''}}" href="{{url('/leistungen')}}">Leistungen</a>
@endif @endif

@if($type->get("News")->status) @if($type->get("News")->status)
<a class="nav-item nav-link {{request()->is('aktuelles*') || request()->is('news*')?'active':''}}" href="{{url('/aktuelles')}}">Aktuelles</a> <a class="nav-item nav-link {{request()->is('aktuelles*') || request()->is('news*')?'active':''}}" href="{{url('/aktuelles')}}">Aktuelles</a>
@endif @endif

<a class="nav-item nav-link {{request()->is('ueber-uns*')?'active':''}}" href="{{url('/ueber-uns')}}">Über uns</a> <a class="nav-item nav-link {{request()->is('ueber-uns*')?'active':''}}" href="{{url('/ueber-uns')}}">Über uns</a>
@if($type->get("Referenzen")->status) @if($type->get("Referenzen")->status)
<a class="nav-item nav-link {{request()->is('referenzen*')?'active':''}}" href="{{url('/referenzen')}}">Referenzen</a> <a class="nav-item nav-link {{request()->is('referenzen*')?'active':''}}" href="{{url('/referenzen')}}">Referenzen</a>
@endif @endif

@if($type->get("Referenzen")->status) @if($type->get("Referenzen")->status)
<a class="nav-item nav-link {{request()->is('events*')?'active':''}}" href="{{url('/events')}}">Events</a> <a class="nav-item nav-link {{request()->is('events*')?'active':''}}" href="{{url('/events')}}">Events</a>
@endif @endif

<a class="nav-item nav-link {{request()->is('karriere*')?'active':''}}" href="{{url('/karriere')}}">Karriere</a> <a class="nav-item nav-link {{request()->is('karriere*')?'active':''}}" href="{{url('/karriere')}}">Karriere</a>
<a class="nav-item nav-link {{request()->is('kontakt*')?'active':''}}" href="{{url('/kontakt')}}">Kontakt</a> <a class="nav-item nav-link {{request()->is('kontakt*')?'active':''}}" href="{{url('/kontakt')}}">Kontakt</a>

@if($_warenkorb_aktiv) @if($_warenkorb_aktiv)
<li class="nav-item ms-md-5"> <li class="nav-item ms-md-5">
<a href="" data-bs-toggle="modal" data-bs-target="#shopping-cart" class="position-relative d-block"> <a href="" data-bs-toggle="modal" data-bs-target="#shopping-cart" class="position-relative d-block">
@ -81,9 +64,7 @@
</a> </a>
</li> </li>
@endif @endif

@if($_menue_button) @if($_menue_button)

<li class="nav-item ms-md-5"> <li class="nav-item ms-md-5">
<a href="{{$_menue_button_link}}" class="btn btn-primary position-relative d-block mt-1 text-light" @if($_menue_button_external) target="_blank" @endif> <a href="{{$_menue_button_link}}" class="btn btn-primary position-relative d-block mt-1 text-light" @if($_menue_button_external) target="_blank" @endif>
{{$_menue_button_text}} {{$_menue_button_text}}
@ -98,11 +79,8 @@
@endif @endif
</div> </div>
</nav> </nav>

@yield('content') @yield('content')

@include('template.'.config('settings.template').'.content.includes.cookie-banner') @include('template.'.config('settings.template').'.content.includes.cookie-banner')
@if($_warenkorb_aktiv) @if($_warenkorb_aktiv)
<div class="modal fade" id="shopping-cart" tabindex="-1" aria-labelledby="shopping-cart" aria-hidden="true"> <div class="modal fade" id="shopping-cart" tabindex="-1" aria-labelledby="shopping-cart" aria-hidden="true">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
@ -164,7 +142,6 @@
</div> </div>
</div> </div>
</div> </div>

<div class="modal fade" id="share-cart" tabindex="-1" aria-labelledby="share-cart" aria-hidden="true"> <div class="modal fade" id="share-cart" tabindex="-1" aria-labelledby="share-cart" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
@ -178,7 +155,6 @@
<p>Teilen Sie Ihre Einkaufsliste mit Freunden und Bekannten, damit diese Sie dann bei Ihrere Auswahl helfen können.</p> <p>Teilen Sie Ihre Einkaufsliste mit Freunden und Bekannten, damit diese Sie dann bei Ihrere Auswahl helfen können.</p>
</div> </div>
</div> </div>

<div class="input-group input-group-lg my-2"> <div class="input-group input-group-lg my-2">
<input type="text" class="form-control cart-link js-cart-link" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg" style="box-shadow: none;" readonly> <input type="text" class="form-control cart-link js-cart-link" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg" style="box-shadow: none;" readonly>
<span class="input-group-text" id="btn-copy-cart-link"> <span class="input-group-text" id="btn-copy-cart-link">
@ -188,9 +164,7 @@
</svg> </svg>
</span> </span>
</div> </div>

<br> <br>

<button class="btn btn-share btn-primary mx-auto"> <button class="btn btn-share btn-primary mx-auto">
Warenkorb teilen Warenkorb teilen
<svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg> <svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
@ -200,7 +174,6 @@
</div> </div>
</div> </div>
@endif @endif

@include('template.'.config('settings.template').'.content.includes.footer') @include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts') @include('template.'.config('settings.template').'.content.includes.scripts')
@yield('scripts') @yield('scripts')