feat: migre le site vers SvelteKit (Svelte 5, statique, zéro tiers)

- Rebuild complet SvelteKit 2 + Svelte 5 runes + TypeScript, adapter-static
- Images self-hébergées optimisées au build (vite-imagetools), fonts Archivo/Inter
  en woff2 local — BunnyCDN et Google Fonts supprimés (corrige les 403 d'images)
- Tokens charte OKI, thème sombre par défaut / clair opt-in, zéro emoji (set SVG)
- Motion : KineticText (stagger syncopé gwoka), ScrollProgressBar, View Transitions
- Village SVG isométrique pour les services hébergés + fallback accessible
- PWA (manifest + SW hors-ligne), 404 en KA, CSP nettoyée (.htaccess + _headers)
- Lighthouse mobile : 91/100/100/100 — JS initial 67 Ko gzip
This commit is contained in:
sucupira
2026-07-21 08:00:16 -04:00
parent d0fc7207f2
commit d0d80a105e
175 changed files with 15603 additions and 5911 deletions
@@ -0,0 +1,43 @@
<script lang="ts">
import KineticText from '$lib/components/motion/KineticText.svelte';
import type { Bundle, Locale } from '$lib/i18n';
import HostingVillage from './HostingVillage.svelte';
let { t, locale }: { t: Bundle; locale: Locale } = $props();
</script>
<section id="services-libres" class="section">
<div class="container">
<h2 class="section-title">
<KineticText as="span" text={t.services.section_title} />{' '}
<span class="accent-text"
><KineticText as="span" text={t.services.section_title_accent} /></span
>
</h2>
<p class="section-subtitle">{t.services.section_subtitle}</p>
<!-- Scène « village créole » : remplace la grille de cards du legacy
(composant autonome, fallback grille accessible inclus). -->
<HostingVillage {t} {locale} />
</div>
</section>
<style>
section {
background: var(--noir-profond);
}
.section-title {
text-align: center;
}
.accent-text {
color: var(--or-oki);
}
.section-subtitle {
text-align: center;
margin-left: auto;
margin-right: auto;
}
</style>