6aa5a7143a
- IframeCarteAEP.astro : iframe https://aep.trans-former.fr/agences avec skeleton loader + timeout 8s + fallback lien externe - ScrollArticles.astro : 7 articles placeholder (V1, PC6 remplacera par fetch journal.json) - ColCentre.astro : zone BAS cablee (iframe min-h 60vh mobile / 400px desktop + scroll articles dessous) - Preflight headers : pas de X-Frame-Options ni frame-ancestors restrictifs sur /agences (200 OK), iframe cross-origin permise sans modif Caddy
73 lines
2.2 KiB
Plaintext
73 lines
2.2 KiB
Plaintext
---
|
|
// PC4 - Liste articles Substack en scroll sous l'iframe carte.
|
|
// V1 placeholder data en dur ; PC6 (journal n8n) remplacera par fetch journal.json filtre tag #politique.
|
|
const articles = [
|
|
{
|
|
date: '2026-04-28',
|
|
titre: 'Cap sur l\'autonomie : retour sur 6 mois de chantier',
|
|
url: 'https://transformations.substack.com/p/cap-autonomie',
|
|
},
|
|
{
|
|
date: '2026-04-15',
|
|
titre: 'Le commun comme infrastructure',
|
|
url: 'https://transformations.substack.com/p/commun-infrastructure',
|
|
},
|
|
{
|
|
date: '2026-03-30',
|
|
titre: 'Architecte ou operateur de bifurcation ?',
|
|
url: 'https://transformations.substack.com/p/architecte-bifurcation',
|
|
},
|
|
{
|
|
date: '2026-03-12',
|
|
titre: 'Reseaux AEP : pourquoi la coordination est politique',
|
|
url: 'https://transformations.substack.com/p/aep-coordination',
|
|
},
|
|
{
|
|
date: '2026-02-26',
|
|
titre: 'Sortir du sauveur, entrer dans le compagnon',
|
|
url: 'https://transformations.substack.com/p/sauveur-compagnon',
|
|
},
|
|
{
|
|
date: '2026-02-08',
|
|
titre: 'Petit manifeste contre l\'expert isole',
|
|
url: 'https://transformations.substack.com/p/contre-expert-isole',
|
|
},
|
|
{
|
|
date: '2026-01-22',
|
|
titre: 'Ce que la commande publique fait a la pensee',
|
|
url: 'https://transformations.substack.com/p/commande-publique',
|
|
},
|
|
// TODO PC6 : remplacer par fetch journal.json filtre tag #politique.
|
|
];
|
|
---
|
|
<section class="border-t border-neutral-200 py-6 px-4 bg-white">
|
|
<h3 class="text-sm font-semibold uppercase tracking-wider text-neutral-500 mb-4">
|
|
Derniers articles ; Substack
|
|
</h3>
|
|
<ul class="space-y-3">
|
|
{articles.map(({ date, titre, url }) => (
|
|
<li>
|
|
<a
|
|
href={url}
|
|
target="_blank"
|
|
rel="noopener"
|
|
class="block group"
|
|
>
|
|
<time class="text-xs text-neutral-400">{date}</time>
|
|
<p class="text-sm text-neutral-800 group-hover:text-neutral-600 transition-colors leading-snug">
|
|
{titre}
|
|
</p>
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
<a
|
|
href="https://transformations.substack.com"
|
|
target="_blank"
|
|
rel="noopener"
|
|
class="inline-block mt-4 text-xs text-neutral-500 hover:text-neutral-900"
|
|
>
|
|
Voir tous les articles →
|
|
</a>
|
|
</section>
|