33 lines
1.3 KiB
HTML
33 lines
1.3 KiB
HTML
{{ define "main" }}
|
|
<!-- Text content -->
|
|
<article class="relative z-10 w-full">
|
|
<!-- Curved headline using SVG -->
|
|
<svg viewBox="25 0 450 300" class="mx-auto w-full drop-shadow-pink-400 drop-shadow-[0_0_6px]">
|
|
<defs>
|
|
<path id="curve" d="M 50 150 Q 250 10 450 150" />
|
|
</defs>
|
|
<text width="500">
|
|
<textPath href="#curve" startOffset="50%" text-anchor="middle"
|
|
class="fill-pink-200 text-4xl font-bold font-serif uppercase">
|
|
{{ .Title }}
|
|
</textPath>
|
|
</text>
|
|
|
|
<!-- Subtext -->
|
|
<text x="250" y="190" text-anchor="middle" class="fill-pink-200 text-3xl md:text-2xl font-bold font-serif">
|
|
{{ .Params.Subtitle }}
|
|
</text>
|
|
<text x="250" y="225" text-anchor="middle" class="fill-pink-200 text-3xl md:text-2xl font-bold font-serif">
|
|
{{ .Params.Location }}
|
|
</text>
|
|
</svg>
|
|
</article>
|
|
|
|
<article class="grid grid-cols-1 md:grid-cols-[1fr_300px] lg:grid-cols-[1fr_350px] gap-6">
|
|
<section class="prose lg:prose-xl prose-invert backdrop-blur-xs shadow-xl/20 p-6 rounded-lg">
|
|
{{ .Content }}
|
|
</section>
|
|
<lauti-calendar-list title="Nächste Bike Nights" group="2e2994eb-ae45-4297-a2f6-9f7948da784c" infos="name,location,time" link></lauti-calendar-list>
|
|
</article>
|
|
{{ end }}
|