From 32340afd89687c5357dbc4b9e58b47fb8c9941e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Thu, 18 Jan 2024 21:27:53 +0100
Subject: [PATCH] .

---
 content/contents/referenz.blade.php | 181 +++++++++++++++++++++++++++-
 content/lists/referenzen.blade.php  |  47 ++------
 content/pages/referenzen.blade.php  |  78 ------------
 3 files changed, 183 insertions(+), 123 deletions(-)
 delete mode 100644 content/pages/referenzen.blade.php

diff --git a/content/contents/referenz.blade.php b/content/contents/referenz.blade.php
index f2af2f1..12c39e7 100644
--- a/content/contents/referenz.blade.php
+++ b/content/contents/referenz.blade.php
@@ -6,8 +6,6 @@
 @section('content')
     <div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}">
         <div class="container">
-
-
             <nav style="--bs-breadcrumb-divider: '›';" aria-label="breadcrumb">
                 <ol class="breadcrumb text-decoration-none">
                     <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
@@ -21,7 +19,7 @@
     <div class="container">
 
         <div class="row">
-            <div class="col-12 col-lg-7">
+            <div class="col-12 col-lg-8">
 
 
                 <div class="col-12 col-md-11 d-flex">
@@ -40,8 +38,179 @@
                 <div class="col-12 mb-5 mt-5 fs-5">
                     {!! isset($content->bescheibung) ? $content->beschreibung : 'Text folgt...' !!}
                 </div>
+
+
+
+
+                <div class="col-12">
+                    <h2 class="h3 mb-3 mt-5">Standort</h2>
+
+
+                    <div style="height:400px; 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!1d82670.63513570253!2d12.3559048!3d49.64568135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a0167677a646b7%3A0x89d4aabcaf3748c3!2sZum%20Schwarzen%20B%C3%A4ren!5e0!3m2!1sde!2sde!4v1705608759828!5m2!1sde!2sde" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+                        @else
+                            <div class="container">
+                                <div class="row">
+                                    <div class="col-12 col-lg-10 offset-lg-1 text-center py-3"
+                                        style=" margin-top: 80px;
+                                        background: rgba(255, 255, 255, 0.2);
+                                        border-radius: 16px;
+                                        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+                                        backdrop-filter: blur(3px);
+                                        -webkit-backdrop-filter: blur(3px);
+                                        border: 1px solid rgba(255, 255, 255, 0.3);">
+
+                                        <div class="text-muted">
+                                            <svg style="fill: currentColor; width: 50px; margin-bottom: 20px; margin-top: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M512 192C512 86 426 0 320 0C263.8 0 213.3 24.1 178.2 62.5l25.2 19.9C232.6 51.4 274 32 320 32c88.4 0 160 71.6 160 160c0 15.6-5.4 37-16.6 63.4c-3.3 7.7-6.9 15.6-10.9 23.7l25.6 20.2C498.3 259.8 512 221.9 512 192zM176.6 255.4c-6.7-15.9-11.4-30-14-42.2L128.1 186c-.1 2-.1 4-.1 6c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0c17.3-21.6 42-53.6 67.2-89.8l-25.2-19.9c-24.4 35.2-48.5 66.5-65.8 88.1c-25.4-31.8-65.8-84.7-99.9-140c-17.3-28.1-32.7-56.3-43.6-82.1zM25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4z"/></svg>
+
+                                        </div>
+                                        <h5>Google Maps ist derzeit deaktiviert</h5>
+                                        <br>
+                                        <i class="text-muted small">Sie müssen laut unser <a class="text-decoration-none" href="{{url('/datenschutz')}}">Datenschutzbestimmung</a>  funktionale Cookies akzeptieren, um diesen externen Dienst zu nutzen.</i>
+                                        <br>
+                                        <br>
+
+                                        @if(isset($_COOKIE["cookies-consent"]))
+                                            <button class="btn btn-outline-primary btn-sm btn-cookies-consent" data-cookies="{{'1'.$_COOKIE['cookies-consent'][1].$_COOKIE['cookies-consent'][2]}}">Google Maps anzeigen
+                                                <svg style="fill: currentColor; width: 18px; margin-bottom: 2px; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm72.7-256L208 329.7V182.3L328.7 256zM212.5 147.5c-7.4-4.5-16.7-4.7-24.3-.5s-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88z"/></svg>
+                                            </button>
+                                        @else
+                                            <button class="btn btn-outline-primary btn-sm btn-cookies-consent" data-cookies="100" title="Funktionelle Cookies akzeptieren und Google Maps anzeigen">Google Maps anzeigen
+                                                <svg style="fill: currentColor; width: 18px; margin-bottom: 2px; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm72.7-256L208 329.7V182.3L328.7 256zM212.5 147.5c-7.4-4.5-16.7-4.7-24.3-.5s-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88z"/></svg>
+                                            </button>
+                                        @endif
+                                    </div>
+                                </div>
+                            </div>
+                        @endif
+                    </div>
+
+
+                </div>
+
+
             </div>
 
+            <div class="col-12 col-lg-3 offset-lg-1 position-sticky">
+                <div class="row position-sticky">
+                    <div class="col-12 col-md-11 mt-2">
+                        <h2 class="h4 mt-3 mb-4">Unsere Leistungen:</h2>
+                        <div class="text muted small mb-4">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur corporis enim excepturi nostrum quibusdam rem temporibus, voluptatum.
+                        </div>
+                    </div>
+
+                    <div class="col-12 mt-2  fs-6 mb-2">
+                        <div class="card">
+                            <a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
+                                <div class="card-body p-3 fs-5">
+                                    <div class="row">
+                                        <div class="col">
+                                            Hausverwaltung
+                                        </div>
+                                        <div class="col text-end">
+                                            <svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="col-12 mt-2  fs-6 mb-2">
+                        <div class="card">
+                            <a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
+                                <div class="card-body p-3 fs-5">
+                                    <div class="row">
+                                        <div class="col">
+                                            Hausverwaltung
+                                        </div>
+                                        <div class="col text-end">
+                                            <svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="col-12 mt-2  fs-6 mb-2">
+                        <div class="card">
+                            <a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
+                                <div class="card-body p-3 fs-5">
+                                    <div class="row">
+                                        <div class="col">
+                                            Hausverwaltung
+                                        </div>
+                                        <div class="col text-end">
+                                            <svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="col-12 mt-2  fs-6 mb-2">
+                        <div class="card">
+                            <a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
+                                <div class="card-body p-3 fs-5">
+                                    <div class="row">
+                                        <div class="col">
+                                            Hausverwaltung
+                                        </div>
+                                        <div class="col text-end">
+                                            <svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="col-12 mt-2  fs-6 mb-2">
+                        <div class="card">
+                            <a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
+                                <div class="card-body p-3 fs-5">
+                                    <div class="row">
+                                        <div class="col">
+                                            Hausverwaltung
+                                        </div>
+                                        <div class="col text-end">
+                                            <svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+
+                    <div class="col-12 mt-2  fs-6 mb-2">
+                        <div class="card">
+                            <a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
+                                <div class="card-body p-3 fs-5">
+                                    <div class="row">
+                                        <div class="col">
+                                            Hausverwaltung
+                                        </div>
+                                        <div class="col text-end">
+                                            <svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+
+
+
+                </div>
+
+            </div>
+
+
 
         </div>
 
@@ -57,12 +226,12 @@
 
                 <div class="col-12">
                     <hr class="pb-5 mt-5">
-                    <h2 class="mb-4 mt-5 h3">Weitere Stellenangebote</h2>
+                    <h2 class="mb-4 mt-5 h3">Weitere Referenzen</h2>
                 </div>
 
-                @foreach($otherContents->take(3) as $otherContent)
+                @foreach($otherContents->take(4) as $otherContent)
 
-                    <div class="col-12 col-md-6 col-sm-4 mb-3">
+                    <div class="col-12 col-xs-6 col-md-4 col-lg-3 mb-3">
 
                         <a href="{{$otherContent->path}}" class="text-decoration-none">
                             <div class="card shadow-sm h-100">
diff --git a/content/lists/referenzen.blade.php b/content/lists/referenzen.blade.php
index ed7b534..6a80d4d 100644
--- a/content/lists/referenzen.blade.php
+++ b/content/lists/referenzen.blade.php
@@ -17,51 +17,20 @@
             </div>
 
             @foreach($contents as $content)
-                <div class="col-12 col-md-6 col-lg-4 mb-4">
+                <div class="col-12 col-xs-4 col-md-4 col-lg-3 mb-4">
 
+                    <a href="{{ $content->path }}" class="text-decoration-none">
+                        <div class="card h-100 shadow-lg mb-4" id="news-{{$content->id}}">
 
+                            <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
 
+                            <div class="card-body">
+                                <h2 class="h5 card-title">{{$content->title}}</h2>
 
-
-                    <div class="card h-100 shadow-lg mb-4" id="news-{{$content->id}}">
-
-                        <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
-
-                        <div class="card-body">
-
-
-                            <h4 class="card-title">{{$content->title}}</h4>
-
-                            <h6 class="card-subtitle mb-2">
-
-                                <div  class="small text-muted">{{date('d.m.Y H:i', strtotime($content->created_at))}}</div>
-
-                            </h6>
-
-                            <p class="card-text">
-
-                            </p>
+                            </div>
 
                         </div>
-
-                        <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}}'});">
-                                Mehr lesen
-                                <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>
-
-
-
-
-
-
-
-
-
-                    </div>
+                    </a>
 
                 </div>
 
diff --git a/content/pages/referenzen.blade.php b/content/pages/referenzen.blade.php
deleted file mode 100644
index 981359e..0000000
--- a/content/pages/referenzen.blade.php
+++ /dev/null
@@ -1,78 +0,0 @@
-@extends('template.'.config('settings.template').'.content.master')
-
-@section('content')
-
-    <div class="container">
-        <div class="row">
-            <div class="col-12">
-                <h1 class="mb-5 mt-5">Über uns</h1>
-
-                <p class="fs-5 mb-5 text-center">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
-                </p>
-            </div>
-
-            <div class="col-12 mb-5">
-                <img src="https://picsum.photos/2000/600" class="img-fluid rounded">
-
-            </div>
-
-            <div class="col-12">
-                <p class="fs-5 mb-5">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
-                </p>
-
-                <p class="fs-5 mb-5">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
-                </p>
-
-                <p class="fs-5 mb-5">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
-                </p>
-
-                <p class="fs-5 mb-5">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
-                </p>
-            </div>
-
-            <div class="row my-5">
-                <div class="col-12 col-md-6 col-lg-4">
-                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
-                </div>
-
-                <div class="col-12 col-md-6 col-lg-4">
-                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
-                </div>
-
-                <div class="col-12 col-md-6 col-lg-4">
-                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
-                </div>
-            </div>
-
-        </div>
-
-    </div>
-
-
-
-
-
-
-
-
-
-    
-
-
-
-    
-@stop
-    @section('scripts')
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
-
-  
-@stop