31 lines
1.0 KiB
PHP
31 lines
1.0 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
/**
|
|
* Kennzahlen-Band über abgedunkeltem Foto (Vereinsgelände), Kanten verlaufen
|
|
* weich in den Seitenhintergrund. Props:
|
|
* $stats array{items: array{value, label}[], image?: array (img-Komponente)}
|
|
*/
|
|
$image = $stats['image'] ?? [
|
|
'base' => 'img/pages/vereinsgelaende',
|
|
'widths' => [1000, 1600],
|
|
'alt' => '',
|
|
];
|
|
?>
|
|
<section class="section stats" aria-label="Der Verein in Zahlen">
|
|
<div class="stats__media" aria-hidden="true">
|
|
<?php component('img', ['image' => $image, 'sizes' => '100vw', 'class' => 'stats__img']); ?>
|
|
</div>
|
|
<div class="container">
|
|
<ul class="stats__list">
|
|
<?php foreach ($stats['items'] as $item): ?>
|
|
<li class="stats__item">
|
|
<span class="stats__value"><?= e($item['value']) ?></span>
|
|
<span class="stats__label"><?= e($item['label']) ?></span>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
</section>
|