frommeandClaude Opus 5.5
a46918de9d
Copied unchanged from public/typo3conf/ext/ of EP/website at 9593cc8631354f8a363d6609de8b7433f669a9a0 (Git-tracked files only). History stays in the old repository. Only composer.json files are added so the extensions install as path packages. Co-Authored-By: Claude Opus 5.5 <[email protected]>
80 lines
4.5 KiB
HTML
80 lines
4.5 KiB
HTML
<html data-namespace-typo3-fluid="true" lang="en"
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
|
|
|
<f:if condition="{slide}">
|
|
<div class="herounit h-80 lg:h-96 mb-8">
|
|
<f:alias map="{image: slide.image.0}">
|
|
<f:if condition="{image}">
|
|
<picture>
|
|
<source srcset="{f:uri.image(image: image, width: '1440')}" media="(min-width: 768px)">
|
|
<source srcset="{f:uri.image(image: image, height: '320', cropVariant: 'mobile')}" media="(max-width: 767px)">
|
|
<f:image class="block w-full h-full object-cover"
|
|
image="{image}"
|
|
height="320"
|
|
cropVariant="mobile"
|
|
alt="{image.alternative}"/>
|
|
</picture>
|
|
</f:if>
|
|
</f:alias>
|
|
<div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
|
|
<div class="lg:container">
|
|
<div class="p-4 bg-ep-primary-dark/80 sbw:bg-sbw-primary/80 snz:bg-snz-primary/80 suz:bg-suz-primary/80 uch:bg-uch-primary/80 ser:bg-ser-primary/80 mb-4 md:p-8 md:max-w-2xl">
|
|
<div class="text-xl md:text-2xl text-white uppercase">
|
|
{slide.headline}
|
|
</div>
|
|
<div class="text-2xl md:text-3xl lg:text-4xl text-white uppercase">
|
|
{slide.subline}
|
|
</div>
|
|
<f:if condition="{slide.button}">
|
|
<f:link.typolink parameter="{slide.page_uid}"
|
|
class="button bg-button inline-block">
|
|
{slide.button}
|
|
</f:link.typolink>
|
|
</f:if>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<f:if condition="{slide.skipass} || {badge}">
|
|
<div class="herounit__badge-wrapper">
|
|
<f:if condition="{settings.showSkipassBadge}">
|
|
<f:link.typolink parameter="{settings.skipassPageUid}">
|
|
<div class="herounit__badge herounit__badge--skipass">
|
|
<p class="uppercase text-4xl font-bold leading-7 mb-2">Ski-<br>Pass</p>
|
|
<p class="uppercase">inklusive</p>
|
|
</div>
|
|
</f:link.typolink>
|
|
</f:if>
|
|
<f:if condition="{badge}">
|
|
<f:alias map="{badgeData: badge.0.data}">
|
|
<f:link.typolink parameter="{badgeData.link}">
|
|
<div class="hidden md:block absolute top-0 right-0 mt-12 mr-8 w-40 rotate-6">
|
|
<svg viewBox="0 0 200 200"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
preserveAspectRatio="xMinYMin meet"
|
|
class="w-full h-full">
|
|
<circle fill="currentColor" class="text-ep-primary-dark/50" cx="100" cy="100" r="100"/>
|
|
<circle fill="currentColor" class="text-ep-primary-dark" cx="100" cy="100" r="70"/>
|
|
</svg>
|
|
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
|
|
<span class="block text-center text-white uppercase font-bold leading-none text-xl">{badgeData.title -> f:format.raw()}</span>
|
|
<f:if condition="{badgeData.subtitle}">
|
|
<span class="block text-center text-white uppercase font-bold leading-none">{badgeData.subtitle -> f:format.raw()}</span>
|
|
</f:if>
|
|
</div>
|
|
</div>
|
|
</f:link.typolink>
|
|
</f:alias>
|
|
</f:if>
|
|
</div>
|
|
</f:if>
|
|
<f:if condition="{slide.image.0.description}">
|
|
<div class="absolute bottom-0 right-0 bg-white/85 font-sm text-zinc-700">
|
|
{slide.image.0.description -> f:format.htmlspecialchars()}
|
|
</div>
|
|
</f:if>
|
|
</div>
|
|
</f:if>
|
|
|
|
</html>
|