mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
38dc8de9d8
Added EmailObfuscator class (src/EmailObfuscator.php) that converts email addresses to HTML decimal entities (e.g. foo@...) so browsers render them correctly but bots and scrapers see gibberish. Methods: - email($addr): obfuscate for display in HTML content - mailto($addr): return obfuscated mailto: href - obfuscateHtml($html): post-process rendered HTML to obfuscate all mailto: links (used after Parsedown/Markdown rendering) Applied to: - partage/index.php: mailto link at top + error scenarios via _flash_contact flag rendered in form.php (outside htmlspecialchars to avoid double-escape) - admin/acces.php: request email mailto links - admin/file-access.php: request email mailto links - public/about.php: contact email mailto links - public/tfe.php: author contact mailto links - AboutController: Parsedown output post-processing - LicenceController: Parsedown output post-processing - Dispatcher::render(): require_once EmailObfuscator for all public views Also fixed _flash_contact session flag in form.php partial to show contact email line on share link validation errors (separate from flash_error/warning to bypass htmlspecialchars double-escaping).
129 lines
5.5 KiB
PHP
129 lines
5.5 KiB
PHP
<?php
|
|
/**
|
|
* Render a comma-separated list of entries with links.
|
|
* Entries joined with comma, last two joined with " & ".
|
|
*/
|
|
function renderEntries(array $entries): string
|
|
{
|
|
if (empty($entries)) {
|
|
return "";
|
|
}
|
|
$parts = [];
|
|
foreach ($entries as $e) {
|
|
$text = htmlspecialchars($e["text"] ?? "");
|
|
$url = $e["url"] ?? "";
|
|
if (!empty($url)) {
|
|
$parts[] =
|
|
'<span class="apropos-entry"><a href="' .
|
|
htmlspecialchars($url) .
|
|
'" target="_blank" rel="noopener">' .
|
|
$text .
|
|
"</a></span>";
|
|
} else {
|
|
$parts[] = '<span class="apropos-entry">' . $text . "</span>";
|
|
}
|
|
}
|
|
$count = count($parts);
|
|
if ($count === 1) {
|
|
return $parts[0];
|
|
}
|
|
$prefix = implode(", ", array_slice($parts, 0, $count - 2));
|
|
$suffix = implode(" & ", array_slice($parts, -2));
|
|
return $prefix !== "" ? $prefix . ", " . $suffix : $suffix;
|
|
} ?>
|
|
<main class="apropos-main" id="main-content">
|
|
<div class="apropos-layout">
|
|
|
|
<!-- LEFT: sticky table of contents -->
|
|
<nav class="apropos-toc" aria-label="Sections de la page">
|
|
<p class="apropos-toc-label">Parties</p>
|
|
<ul>
|
|
<li><a href="#apropos-intro">À propos</a></li>
|
|
<?php if (!empty($contacts)): ?>
|
|
<li><a href="#apropos-contacts">Contacts</a></li>
|
|
<?php endif; ?>
|
|
<li><a href="#apropos-credits">Crédits</a></li>
|
|
</ul>
|
|
<div class="apropos-toc-erg">
|
|
<a href="https://erg.be" target="_blank" rel="noopener">
|
|
Site de l'erg ↗
|
|
</a>
|
|
</div>
|
|
<div class="apropos-toc-source">
|
|
<a href="https://git.erg.school/PostERG/xamxam" target="_blank" rel="noopener">
|
|
Code source ↗
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- MIDDLE: main prose + sections -->
|
|
<div class="apropos-content">
|
|
|
|
<!-- Intro text from DB -->
|
|
<section class="apropos-section" id="apropos-intro">
|
|
<div class="prose">
|
|
<?= $aboutHtml ?>
|
|
</div>
|
|
</section>
|
|
|
|
<?php if (!empty($contacts)): ?>
|
|
<!-- Contacts section -->
|
|
<section class="apropos-section" id="apropos-contacts">
|
|
<h2 class="apropos-section-title">Contacts</h2>
|
|
<div class="apropos-contacts-grid">
|
|
<?php foreach ($contacts as $group): ?>
|
|
<address class="apropos-contact-card">
|
|
<?= renderEntries($group["entries"] ?? []) ?>
|
|
<?php if (!empty($group["role"])): ?>
|
|
<span><?= htmlspecialchars($group["role"]) ?></span>
|
|
<?php endif; ?>
|
|
<?php
|
|
$emails = array_filter(
|
|
array_column($group["entries"] ?? [], "email"),
|
|
fn($e) => !empty($e),
|
|
);
|
|
foreach ($emails as $email): ?>
|
|
<a href="<?= EmailObfuscator::mailto($email) ?>"><?= htmlspecialchars($email) ?></a>
|
|
<?php endforeach;
|
|
?>
|
|
</address>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<!-- Credits section (hardcoded) -->
|
|
<section class="apropos-section" id="apropos-credits">
|
|
<h2 class="apropos-section-title">Crédits</h2>
|
|
<dl class="apropos-credits-list">
|
|
<div class="apropos-credit-row">
|
|
<dt>Design & développement</dt>
|
|
<dd>
|
|
<a class="apropos-entry" target="_blank" href='mailto:oli98marly@gmail.com
'>Olivia Marly</a>,
|
|
<a class="apropos-entry" target="_blank" href='https://tgm.happyngreen.fr'>Théophile Gerveau-Mercier</a> &
|
|
<a class="apropos-entry" target="_blank" href='https://theohennequin.com'>Théo Hennequin</a>
|
|
</dd>
|
|
</div>
|
|
<div class="apropos-credit-row">
|
|
<dt>Typographies</dt>
|
|
<dd>
|
|
<a class="apropos-entry" target="_blank" href='https://typotheque.genderfluid.space/fr/fontes/ductus'><b>Ductus</b> - Amélie Dumont</a> &
|
|
<a class="apropos-entry" target="_blank" href='https://typotheque.genderfluid.space/fr/fontes/bbb-dm-sans'><b>BBB DM Sans</b> - Camille Circlude, Eugénie Bidaut, Mariel Nils, Bérénice Bouin</a>
|
|
</dd>
|
|
</div>
|
|
<div class="apropos-credit-row">
|
|
<dt>Iconographie</dt>
|
|
<dd>
|
|
<a class="apropos-entry" target="_blank" href="https://phosphoricons.com/">Phosphor Icons</a> —
|
|
<a class="apropos-entry" target="_blank" href="https://mit-license.org/">MIT</a>,
|
|
par Helena Zhang et Tobias Fried
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|