Split-Sektionen: tinted-Variante (sanft aufgehelltes Panel) für Historie + Sportheim

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-06-11 22:31:58 +02:00
parent 51149e8c5f
commit f55bd40a1e
3 changed files with 107 additions and 57 deletions

View File

@@ -4,13 +4,15 @@ declare(strict_types=1);
/**
* Alternierende Bild/Text-Sektion. Props:
* $section array{id, title, text, image, flip?, cta?} (aus home.json o.ä.)
* $section array{id, title, text, image, flip?, tinted?, cta?} (aus home.json o.ä.)
* $level int Überschriften-Ebene (default 2)
* tinted: sanft aufgehelltes Panel hinter dem Inhalt (Abgrenzung vom Seitenhintergrund).
*/
$level = $level ?? 2;
$flip = !empty($section['flip']);
$tinted = !empty($section['tinted']);
?>
<section class="section split<?= $flip ? ' split--flip' : '' ?>" id="<?= e($section['id']) ?>">
<section class="section split<?= $flip ? ' split--flip' : '' ?><?= $tinted ? ' split--tinted' : '' ?>" id="<?= e($section['id']) ?>">
<div class="container split__inner">
<div class="split__text">
<h<?= $level ?>><?= e($section['title']) ?></h<?= $level ?>>