gitmedia/sterntours
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Startseiten-CMS-Anbindung abschließen

Browse source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Kevin Adametz 2026-05-28 15:04:21 +00:00
parent 754aa699a1
commit 45150780de
22 changed files with 28191 additions and 2362 deletions
Download patch file Download diff file Expand all files Collapse all files

110
app/Resources/views/default/components/home/dev_slider.html.twig
View file

@ -1,5 +1,71 @@
{% form_theme search_form 'default/form/theme.html.twig' %}
<style>
.dev-start-slider {
background: #e8dfd2;
overflow: hidden;
}
.dev-start-slider .dev-start-slider-frame {
position: relative;
z-index: 2;
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
background: #e8dfd2;
}
.dev-start-slider .carousel-inner > .item {
overflow: hidden;
}
.dev-start-slider .dev-start-slider-blur {
position: absolute;
top: -24px;
right: -24px;
bottom: -24px;
left: -24px;
z-index: 1;
background-color: #e8dfd2;
background-position: center;
background-size: cover;
filter: blur(18px);
opacity: 0.65;
transform: scale(1.04);
}
.dev-start-slider .carousel-indicators {
right: auto;
bottom: 26px;
left: 50%;
z-index: 4;
width: 100%;
max-width: 1280px;
margin-left: 0;
padding-left: 24px;
text-align: left;
transform: translateX(-50%);
}
.dev-start-slider .carousel-indicators li,
.dev-start-slider .carousel-indicators .active {
width: auto;
height: auto;
margin: 0 6px 0 0;
padding: 5px 10px;
border: 1px solid rgba(255, 255, 255, 0.85);
border-radius: 14px;
background: rgba(0, 0, 0, 0.35);
color: #fff;
text-indent: 0;
line-height: 1;
}
.dev-start-slider .carousel-indicators .active {
background: #d89a13;
border-color: #d89a13;
}
.dev-start-slider .fill {
background-color: #e8dfd2;
background-position: center;
background-size: cover;
}
</style>
<section class="section fullscreen background start-slider dev-start-slider">
<div class="absolute-section">
<div class="container-fluid">
@ -22,12 +88,48 @@
</div>
</div>
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active">1/4</li>
<li data-target="#myCarousel" data-slide-to="1">2/4</li>
<li data-target="#myCarousel" data-slide-to="2">3/4</li>
<li data-target="#myCarousel" data-slide-to="3">4/4</li>
</ol>
<div class="carousel-inner">
<div class="item active">
<div class="fill lozad" style="background-image:url(images/placeholder-image.png)" data-background-image="{{ image('bundles/app/images/travel/slider_aegypten.jpg') }}"></div>
<noscript>
<div class="fill" style="background-image:url({{ image('bundles/app/images/travel/slider_aegypten.jpg').cropResize(1024).guess(70) }})"></div>
</noscript>
<div class="dev-start-slider-blur" style="background-image:url({{ asset('img/slider/a1.jpg') }})"></div>
<div class="dev-start-slider-frame">
<div class="fill" style="background-image:url({{ asset('img/slider/a1.jpg') }})"></div>
<noscript>
<div class="fill" style="background-image:url({{ asset('img/slider/a1.jpg') }})"></div>
</noscript>
</div>
</div>
<div class="item">
<div class="dev-start-slider-blur" style="background-image:url({{ asset('img/slider/m1.jpg') }})"></div>
<div class="dev-start-slider-frame">
<div class="fill" style="background-image:url({{ asset('img/slider/m1.jpg') }})"></div>
<noscript>
<div class="fill" style="background-image:url({{ asset('img/slider/m1.jpg') }})"></div>
</noscript>
</div>
</div>
<div class="item">
<div class="dev-start-slider-blur" style="background-image:url({{ asset('img/slider/s1.jpg') }})"></div>
<div class="dev-start-slider-frame">
<div class="fill" style="background-image:url({{ asset('img/slider/s1.jpg') }})"></div>
<noscript>
<div class="fill" style="background-image:url({{ asset('img/slider/s1.jpg') }})"></div>
</noscript>
</div>
</div>
<div class="item">
<div class="dev-start-slider-blur" style="background-image:url({{ asset('img/slider/u1.jpg') }})"></div>
<div class="dev-start-slider-frame">
<div class="fill" style="background-image:url({{ asset('img/slider/u1.jpg') }})"></div>
<noscript>
<div class="fill" style="background-image:url({{ asset('img/slider/u1.jpg') }})"></div>
</noscript>
</div>
</div>
</div>
</div>