tfeigel
b6f077a8c4
Enhanced layout snippet with conditional styling support for dark mode. Updated typography and grid classes for improved text and visual consistency. Added additional memorial section content, including headings and text fields for tributes. Expanded blueprint definitions with new block types (`line`, `gallery`, and `quote`). Adjusted chessboard piece and square dimensions in `pgn4web.css` for refined appearance.
23 lines
1.3 KiB
PHP
23 lines
1.3 KiB
PHP
<section class="bg-sf_blau-500 py-24" id="titel">
|
|
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 lg:gap-12 lg:grid lg:grid-cols-2 text-sf_grau-50">
|
|
<div class="w-full max-w-lg">
|
|
<h1 class="text-6xl font-bold"><?= $page->title() ?></h1>
|
|
</div>
|
|
<div class="w-full max-w-lg">
|
|
<p class="lg:pt-0 pt-6 text-xl"><?= $page->heroText() ?></p>
|
|
<?php if ($page->heroButton()->isNotEmpty()): ?>
|
|
<div class="mt-6 flex flex-wrap gap-4 md:mt-8">
|
|
<a href="<?= $page->buttonLink() ?>" class="hover:cursor-pointer hover:text-sf_gelb-500"
|
|
target="_blank">
|
|
<button class="rounded-button inline-flex gap-3 items-center justify-center whitespace-nowrap transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none border border-border-primary text-text-primary bg-background-primary px-6 py-3"
|
|
title="Kontakt" type="button">
|
|
<?= $page->heroButton() ?>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|