53 lines
2.1 KiB
PHP
53 lines
2.1 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
/**
|
|
* Visitenkarte für eine Person. Props:
|
|
* $person array{department, name, phone?, email?, image?}
|
|
* Ohne image rendert die Karte einen geschlechtsneutralen Initialen-Avatar
|
|
* (Coolvetica-Initialen + Logo-Wasserzeichen) — keinen Foto-Platzhalter.
|
|
* Kontakt-Link: phone → tel:, sonst email → mailto:.
|
|
*/
|
|
$image = $person['image'] ?? null;
|
|
|
|
$initials = implode('', array_map(
|
|
static fn (string $word): string => mb_substr($word, 0, 1),
|
|
array_slice(preg_split('/\s+/', trim($person['name'])) ?: [], 0, 2)
|
|
));
|
|
|
|
if (!empty($person['phone'])) {
|
|
$contactHref = 'tel:' . preg_replace('/[^+\d]/', '', $person['phone']);
|
|
$contactLabel = $person['phone'];
|
|
$contactIcon = 'telephone';
|
|
} elseif (!empty($person['email'])) {
|
|
$contactHref = 'mailto:' . $person['email'];
|
|
$contactLabel = $person['email'];
|
|
$contactIcon = 'envelope';
|
|
} else {
|
|
$contactHref = null;
|
|
}
|
|
?>
|
|
<article class="person-card">
|
|
<div class="person-card__media">
|
|
<?php if ($image): ?>
|
|
<img src="<?= e(asset($image)) ?>"
|
|
alt="<?= e($person['name']) ?>"
|
|
width="480" height="600" loading="lazy" decoding="async">
|
|
<?php else: ?>
|
|
<div class="person-card__initials" aria-hidden="true">
|
|
<span><?= e($initials) ?></span>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
<div class="person-card__body">
|
|
<h3 class="person-card__department"><?= e($person['department']) ?></h3>
|
|
<p class="person-card__name"><?= e($person['name']) ?></p>
|
|
<?php if ($contactHref !== null): ?>
|
|
<a class="person-card__contact" href="<?= e($contactHref) ?>">
|
|
<?= icon($contactIcon) ?><span><?= e($contactLabel) ?></span>
|
|
</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
</article>
|