frommeandClaude Opus 5.5
53faeccb70
Restored from a46918d unchanged.
Co-Authored-By: Claude Opus 5.5 <[email protected]>
76 lines
5.1 KiB
HTML
76 lines
5.1 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">
|
|
|
|
<div class="relative max-w-screen-2xl mx-auto">
|
|
<div class="absolute bottom-0 left-0 inset-x-0">
|
|
<div class="py-8 {ep:themeClasses(classes: '{sbw: \'bg-sbw-overlay/55\', snz: \'bg-snz-primary/50\', suz: \'bg-suz-primary/50\', uch: \'bg-uch-primary/50\'}', key: settings.themekey)}">
|
|
<div class="max-w-screen-md mx-auto px-4 md:px-0 flex">
|
|
<div class="hidden sm:flex flex-col justify-center {ep:themeClasses(classes: '{sbw: \'bg-sbw-primary\', snz: \'bg-snz-secondary\', suz: \'bg-suz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
|
|
<div class="text-white font-extrabold text-3xl lg:text-5xl flex-1 flex flex-col justify-around items-center text-center leading-none py-2 px-8 md:px-16">
|
|
<span>{settings.eventDateDayFrom -> f:format.raw()}</span>
|
|
<span>-</span>
|
|
<span>{settings.eventDateDayTo -> f:format.raw()}</span>
|
|
</div>
|
|
<div class="w-full px-4 bg-white text-center sbw:text-sbw-primary snz:text-snz-primary-dark suz:text-suz-primary-dark uch:text-uch-secondary p-2 whitespace-nowrap text-xl md:text-2xl uppercase font-bold leading-tight">
|
|
{settings.eventDateMonth -> f:format.raw()}
|
|
</div>
|
|
</div>
|
|
<div class="text-white uppercase text-3xl sm:text-5xl lg:text-7xl text-right sm:text-left font-extrabold px-4 md:px-8">
|
|
{settings.eventHeroClaim -> f:format.raw()}
|
|
</div>
|
|
<div class="text-white text-xl lg:text-2xl font-light border-l-4 md:border-l-8 border-white pl-4">
|
|
{settings.eventHeroDescription -> f:format.raw()}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sm:hidden text-white text-2xl uppercase text-center leading-none py-4 {ep:themeClasses(classes: '{sbw: \'bg-sbw-secondary\', snz: \'bg-snz-primary\', suz: \'bg-suz-primary\', uch: \'bg-uch-primary\'}', key: settings.themekey)}">
|
|
{settings.eventDateDayFrom -> f:format.raw()} - {settings.eventDateDayTo -> f:format.raw()} {settings.eventDateMonth -> f:format.raw()}
|
|
|
|
</div>
|
|
</div>
|
|
<f:alias map="{image: slide.image.0}">
|
|
<f:if condition="{image}">
|
|
<picture>
|
|
<source srcset="{f:uri.image(image: image, width: '1560')}" media="(min-width: 1280px)">
|
|
<source srcset="{f:uri.image(image: image, width: '1280')}" media="(min-width: 768px)">
|
|
<source srcset="{f:uri.image(image: image, height: '1024', cropVariant: 'mobile')}" media="(max-width: 767px)">
|
|
<f:image class="block w-full h-full object-cover"
|
|
image="{image}"
|
|
height="1024"
|
|
cropVariant="mobile"
|
|
alt="{image.alternative}"/>
|
|
</picture>
|
|
</f:if>
|
|
</f:alias>
|
|
<f:if condition="{badge}">
|
|
<f:alias map="{badgeData: badge.0.data}">
|
|
<f:link.typolink parameter="{badgeData.link}">
|
|
<div class="absolute top-0 right-0 mt-8 mr-4">
|
|
<svg viewBox="0 0 200 200"
|
|
class="w-40 h-40">
|
|
<circle id="bgouter" cx="100" cy="100" r="100" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary/50\', snz: \'text-snz-primary/50\', suz: \'text-suz-primary/50\', uch: \'text-uch-primary/50\'}', key: settings.themekey)}"/>
|
|
<circle id="bginner" cx="100" cy="100" r="70" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary\', snz: \'text-snz-primary\', suz: \'text-suz-primary\', uch: \'text-uch-primary\'}', key: settings.themekey)}"/>
|
|
</svg>
|
|
<div class="absolute top-1/2 left-1/2 -translate-xy-1/2 flex flex-col items-center justify-around">
|
|
<span class="text-white uppercase font-extrabold text-center leading-tight">{badgeData.title -> f:format.raw()}</span>
|
|
<span class="text-white uppercase text-center leading-tight">{badgeData.subtitle -> f:format.raw()}</span>
|
|
</div>
|
|
</div>
|
|
</f:link.typolink>
|
|
</f:alias>
|
|
</f:if>
|
|
<f:comment><!--
|
|
<f:if condition="{settings.eventAddon}">
|
|
<f:link.typolink parameter="{settings.eventAddon.link}" class="{settings.eventAddon.class}"
|
|
title="{settings.eventAddon.title}">
|
|
<f:image src="{settings.eventAddon.file}"
|
|
alt="{settings.eventAddon.title}"
|
|
title="{settings.eventAddon.title}"/>
|
|
</f:link.typolink>
|
|
</f:if>
|
|
--></f:comment>
|
|
</div>
|
|
|
|
</html>
|