Refonte complète en SvelteKit (méthode OKI, AI-Overview ready)

Reconstruit le site statique mono-page (Bulma + htmx + Strapi) en SvelteKit 2 +
Svelte 5 (runes) + TypeScript, 100 % statique (adapter-static), auto-hébergé.

- Contenu enrichi à partir du dossier documentaire sourcé : 28 pages (histoire,
  Mé 67, procès 1968, 9 fiches militants, idéologie, héritage, publications,
  charte, orientation, sources, FAQ, actualités, contact, mentions légales).
- Souveraineté : retrait de Bulma/htmx/mustache/ionicons/Plausible/Google Fonts
  et de l'API Strapi. Polices Archivo/Inter et sprite SVG auto-hébergés (zéro emoji).
- Identité GONG (drapeau vert/blanc/rouge), thème sombre par défaut + clair AA,
  cadences motion gwoka, KineticText, timeline, 404 kréyòl, PWA hors-ligne.
- SEO/AI-Overview : HTML sémantique, JSON-LD (Organization, Person, Event,
  FAQPage, Article...), hreflang, sitemap dynamique, robots/humans.txt.
- Sécurité : CSP hachée + en-têtes (.htaccess o2switch + _headers Cloudflare), HSTS.
- Actualités éditées via Sveltia CMS (git-based) ; Strapi retiré.

npm run build : vert · npm run check : 0 erreur / 0 warning · JS 97 Ko gzip.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
sucupira
2026-07-24 23:57:37 -04:00
co-authored by Claude Opus 4.8
parent b89c1a80b7
commit cd9b9b093c
104 changed files with 14569 additions and 1383 deletions
+60
View File
@@ -0,0 +1,60 @@
<script lang="ts">
import { page } from '$app/state';
import Icon from '$lib/components/Icon.svelte';
const is404 = $derived(page.status === 404);
</script>
<svelte:head>
<title>{page.status} — GONG</title>
<meta name="robots" content="noindex" />
</svelte:head>
<main id="contenu" class="erreur container">
<Icon name="ka" size="4.5rem" />
<p class="code">{page.status}</p>
{#if is404}
<h1 lang="gcf">Paj-la pa la</h1>
<p class="lead">
Cette page n'existe pas ou a été déplacée. Mais l'histoire du GONG, elle, est toujours là.
</p>
{:else}
<h1>Erreur {page.status}</h1>
<p class="lead">{page.error?.message ?? 'Une erreur est survenue.'}</p>
{/if}
<div class="liens">
<a class="btn btn--fill" href="/">Retour à l'accueil</a>
<a class="btn" href="/histoire/">L'histoire du GONG</a>
</div>
</main>
<style>
.erreur {
min-height: 68dvh;
display: grid;
place-content: center;
justify-items: center;
text-align: center;
gap: 0.6rem;
padding-block: var(--space-5);
}
.code {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(3rem, 2rem + 6vw, 6rem);
line-height: 1;
color: var(--accent);
margin: 0;
}
.lead {
max-width: 46ch;
color: var(--muted);
}
.liens {
display: flex;
gap: 0.6rem;
flex-wrap: wrap;
justify-content: center;
margin-top: var(--space-2);
}
</style>