Miroir

Avec quoi c'est construit

• React 18, TypeScript, Vite. Codé à la main, sans constructeur de site, sans modèle.
• Tailwind pour le style, `motion` pour la navigation à déploiement au survol et la page d'accueil en éventail de livres, aucune autre bibliothèque d'animation.
• three.js avec @react-three/fiber et @react-three/drei, utilisé dans exactement une salle (Brain). La constellation de War Room est un simple SVG, pas de la 3D, un choix de poids délibéré pour l'affichage de 232 agents.
• @noble/ed25519 et @noble/hashes pour les clés de signature éphémères par visite dans Heartbeat, Sketch, Verifier et Tre.
• Les polices (Inter, Newsreader, IBM Plex Mono) sont auto-hébergées, sous-ensemble par système d'écriture. Aucune Google Fonts ni aucune autre requête de police tierce.

Avec quoi ça communique

• api.drand.sh, la balise d'aléa public de la League of Entropy. Aucune clé, lecture seule.
• api.open-meteo.com, pour la température en direct d'Oslo et de Bali dans le pied de page et dans la salle Tre. Aucune clé, lecture seule.
• Rien d'autre. Aucune analyse, aucun pixel de suivi, aucun réseau publicitaire, aucune bannière de cookies, car il n'y a aucun cookie à gérer. Vérifié en parcourant tout l'arbre du code source à la recherche des noms habituels avant d'écrire cette phrase, pas supposé.

Comment c'est rendu

Chaque page de l'Estate et chaque salle est pré-rendue en HTML statique réel, par route, par langue, avant qu'un robot d'indexation ou une connexion lente n'exécute la moindre ligne de JavaScript. La couche interactive démarre ensuite en dessous, inchangée, pour un visiteur dont le navigateur peut l'exécuter.

Ce que pèse chaque pièce

JavaScript compressé en Gzip, le morceau de code propre à chaque salle issu du découpage de code. Un visiteur paie la coquille de l'Estate une fois, puis seulement les salles qu'il ouvre réellement, selon la règle de découpage de code CONSTELLATION-SCAFFOLD.

Mesuré lors de la dernière build qui a touché une pièce, pas récupéré en direct.