Yvv
8408fd6466
SEO : - composable useSeoPage() : og:*, Twitter Cards, canonical sur toutes les pages (15 pages) - app.vue : JSON-LD Organization + Book, og:image global og-default.png - og-default.png 1200×630 : logo § calligraphique + texte (Pillow) - nuxt.config.ts : @nuxtjs/sitemap avec 26 URLs statiques Analytics Umami : - useTracking() : helpers typés audio/pdf/player/scroll/cta - useScrollTracking() : scroll depth 25/50/75/100% + liens externes auto - useAudioPlayer : trackAudioPlay/Progress/Complete - BookPdfReader : trackPdfOpen/Close avec durée - BookPlayer : trackPlayerOpen/Chapter/Mode - docker-compose : variables NUXT_PUBLIC_UMAMI_* passées au container Images : - Couv-Economie-du-don.jpg ajoutée dans public/images/ - bookplayer.config.yml + home.yml : références mises à jour Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Le Librodrome
Site vitrine du projet Le Librodrome — livre + chansons sur l'économie du don.
Navigation
Le site est organisé en 3 grandes sections :
| Section | Route | Contenu |
|---|---|---|
| Numérique | /numerique |
Autonomie numérique : logiciel libre, authentification WoT, cloud libre |
| Économique | /economique |
Création monétaire, monnaie libre, modèle économique (livre + chapitres), productions collectives |
| Citoyenne | /citoyenne |
Décision collective (Glibredecision), tarifs de l'eau (SejeteralO) |
Autres pages : /en-musique (player audio), /evenement, /a-propos, /messages.
Chaque section a une page index et des sous-pages de détail (/numerique/logiciel-libre, /economique/modele-eco, etc.).
Le livre
- Lire : lecteur PDF intégré, chapitres Markdown sous
/economique/modele-eco/[slug] - Écouter : player audio avec 9 morceaux sous
/en-musique - Commander : page
/economique/commande(Bookelis + librairie)
Stack
- Nuxt 4 (Vue 3, TypeScript, Nitro)
- UnoCSS (utility-first) + palettes saisonnières (été par défaut)
- Nuxt Content pour les chapitres du livre
- Pinia pour l'état (palette, player)
- pnpm comme package manager
Contenu administrable
Le contenu des pages est dans site/pages/ en YAML, organisé par section :
site/pages/
home.yml # Page d'accueil
numerique.yml # Index numérique
numerique/*.yml # Sous-pages
economique.yml # Index économique
economique/*.yml # Sous-pages (modele-eco, monnaie-libre, commande...)
citoyenne.yml # Index citoyenne
citoyenne/*.yml # Sous-pages (decision, tarifs-eau)
en-musique.yml, evenement.yml, gratewizard.yml
Administration via /admin/pages (éditeur YAML, authentifié).
Le hero de la home (home.yml) supporte deux blocs dépliables :
approach+axes: approche par dimension (numérique → code source, etc.)audience+addressees: à qui s'adresse le projet (collectifs, entreprises, collectivités)
Développement
pnpm install
pnpm dev # Dev server sur :3000
pnpm build # Build production
Port réservé : 3000 (ne pas changer).
Analytics
Umami self-hosted (optionnel). Configurer NUXT_PUBLIC_UMAMI_WEBSITE_ID et NUXT_PUBLIC_UMAMI_URL dans l'environnement.
Déploiement séparé : docker/docker-compose.umami.yml → stats.librodrome.org.
Stats publiques exposées via /api/stats pour la fédération inter-instances.
Déploiement
Docker + Traefik, CI via Woodpecker. Domaine : librodrome.org.