mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
c4a550f9d1
- Auto-save: new autosave.js with 1.5s debounce, watches all forms with
data-autosave, POSTs to form action with Accept: application/json, shows
saving/saved/error status indicator
- All action handlers (page.php, apropos.php, form-help.php) now detect
JSON Accept header and return {success, csrf_token} or {error} responses
- OverType toolbar enabled (toolbar:true) on all three markdown editors
(page, about_page, form_help)
- Sidebar links: replaced fixed erg_site_url / source_code_url rows with
dynamic sidebar_links array of {label, url} objects. Add/remove via JS.
Fallback migration reads legacy keys if sidebar_links is empty.
- Updated AboutController and about.php template to render dynamic links
- Updated apropos.css: unified .apropos-toc-link replacing .apropos-toc-erg
and .apropos-toc-source
- New CSS: autosave-status states, sidebar-link-row layout
- Removed all Enregistrer + Annuler buttons — auto-save and h1 back-arrow
make them redundant
128 lines
5.5 KiB
PHP
128 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>
|
|
<?php if (!empty($sidebarLinks)): ?>
|
|
<?php foreach ($sidebarLinks as $sl): ?>
|
|
<div class="apropos-toc-link">
|
|
<a href="<?= htmlspecialchars($sl['url'] ?? '#') ?>" target="_blank" rel="noopener">
|
|
<?= htmlspecialchars($sl['label'] ?? 'Lien') ?> ↗
|
|
</a>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</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) ?>"><?= EmailObfuscator::email($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>
|