YvvandClaude Opus 5.5 fb8c71fc59 identité 2 : un oiseau perché seulement où il y a du vide au-dessus, l'en-tête tient à 768 px
Avis du studio DA du 03/11 (07h00) et relecture de 8ccdda3 :
- règle du perché : il faut au-dessus de l'arête un vide au moins égal à la hauteur
  de l'oiseau, sinon il va en marge ou derrière la carte. Les perchés entre cartes
  rapprochées (numérique, logiciel-libre, économique, sommaire du livre, commande,
  citoyenne, événement) passent en marge, derrière, ou partent ;
- productions-collectives : 8 oiseaux ramenés à 4, sans colonne ni chevauchement.
  Les oiseaux retirés vont sur des pages qui en avaient peu : monnaie-libre
  (boulangère, vigneronne), tarifs-eau (potier), décision (tisserand),
  cloud-libre (imprimeuse 3D). Les 61 restent rendus ;
- pas trois oiseaux sur la même verticale (commande, numérique) ;
- au téléphone, l'oiseau de la page se tient au bout de la ligne de l'intitulé ;
- seuil 1024 pour un perché dont le bloc n'a de vide au-dessus qu'en deux colonnes
  (accordéoniste et factrice de l'accueil) ;
- numerique/[slug] : les oiseaux des sections larges tiennent dans 152 px de marge
  à 1200 px ;
- en-tête : de 768 à 1023 px, boutons resserrés au lieu d'un débordement ; le
  logotype du kit ne change pas.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-03 07:41:10 +01:00
2026-02-25 02:23:58 +01:00
2026-02-25 02:23:58 +01:00
2026-02-20 12:55:10 +01:00

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 hébergé sur stats.open.us.org. Module nuxt-umami configuré dans nuxt.config.ts. Stats publiques exposées via /api/stats (nécessite NUXT_UMAMI_API_KEY).

Déploiement

Docker + Traefik, CI via Woodpecker. Domaine : librodrome.org.

S
Description
Plateforme de coopération. Une économie du don.
https://librodrome.org
Readme
88 MiB
Languages
Vue 82%
TypeScript 12.4%
HTML 2.1%
CSS 2.1%
Shell 1%
Other 0.4%