ORGANISATION-KA-INTERNATIONALE/o-k-i.net

Files

T

sucupira d0d80a105e 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

2026-07-21 08:00:16 -04:00

3.5 KiB

Raw Blame History

o-k-i.net

Site web officiel de ORGANISATION KA INTERNATIONALE (OKI) — « Le numérique au service de vos luttes ».

Version 3, reconstruite avec SvelteKit + Svelte 5 (runes) + TypeScript, entièrement pré-rendue en statique (adapter-static). L'ancienne version Eleventy est conservée sur la branche main.

À propos

ORGANISATION KA INTERNATIONALE (OKI) construit un internet différent : un espace où nos langues ont leur place, où nos données nous appartiennent vraiment, et où nos communautés se connectent sur des plateformes qu'on contrôle collectivement. Applis web sur mesure à tarifs solidaires pour associations, collectifs et organisations militantes.

Technologies

SvelteKit 2 / Svelte 5 — composants en runes, TypeScript strict
adapter-static — pré-rendu intégral, aucun serveur Node requis
vite-imagetools — images AVIF/WebP responsives générées au build
vite-plugin-pwa — service worker + shell hors-ligne
CSS vanilla — tokens de la charte OKI (src/lib/styles/oki-tokens.css), aucun framework
Polices self-hébergées — Archivo (600-900) et Inter (400-800) en woff2 (static/fonts/)
Zéro service tiers — aucune requête vers un CDN, Google Fonts ou autre domaine externe

Développement

npm install
npm run dev        # serveur de développement
npm run build      # build de production → build/
npm run preview    # prévisualisation du build
npm run check      # svelte-check (types + a11y)

Structure

src/
  app.html                 # coquille HTML (thème anti-FOUC, fonts, manifest)
  hooks.server.ts          # attribut lang fr/en selon la route
  lib/
    styles/                # oki-tokens.css (charte), base.css (primitives)
    i18n/                  # bundles FR/EN (contenu éditorial, repris de la V2)
    assets/images/         # sources images (optimisées au build)
    components/            # Seo, Nav, Footer, sections/, motion/, icons/
    motion/tokens.ts       # gate reduced-motion, stagger syncopé gwoka
  routes/
    +layout.svelte         # skip-link, ScrollProgressBar, Nav, Footer, View Transitions
    +page.svelte           # accueil FR        en/+page.svelte    # accueil EN
    dons/                  # dons FR           en/donate/         # dons EN
    presse/                # presse FR         en/press/          # presse EN
    mentions-legales/      # légal FR          en/legal-notice/   # légal EN
    offline/               # page hors-ligne (cible navigateFallback du SW)
    +error.svelte          # 404/erreurs designée (microcopy KA)
static/
  fonts/ icons.svg images/ assets/press/ theme.js lang-redirect.js
  manifest.webmanifest 404.html robots.txt sitemap.xml _headers .htaccess

Internationalisation

FR par défaut, EN sous /en/. Les bundles JSON de src/lib/i18n/{fr,en}/ alimentent les composants via getBundle(locale). Les correspondances d'URLs FR↔EN (hreflang, bascule de langue) sont dans alternatePath() (src/lib/i18n/index.ts).

Sécurité & déploiement

Headers de sécurité (CSP stricte default-src 'self', HSTS, X-Frame-Options: DENY, nosniff, Referrer-Policy, Permissions-Policy) livrés en deux formats : static/.htaccess (Apache/o2switch) et static/_headers (Cloudflare Pages). Voir DEPLOY.md.

Charte

Couleurs, typographie, motion (cadences gwoka), iconographie SVG (zéro emoji en interface) : voir charte-oki-design-system.md. Thème sombre par défaut, thème clair en opt-in persisté (localStorage['oki-theme']).

Licence

AGPL-3.0 — voir LICENSE.

3.5 KiB Raw Blame History