actes : mise en ligne og + favicon (armé par Yvv)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
og : image de partage et favicon avec le vrai §, spaghetti retiré
2026-09-29 08:52:31 +02:00 · 2026-09-29 08:52:31 +02:00 · 2026-09-29 08:06:49 +02:00
9 changed files with 39 additions and 85 deletions
@@ -0,0 +1,30 @@
+# Acte — mise en ligne de l'image de partage et du favicon au vrai §
+Classe : déploie (push de main = mise en ligne de librodrome.org)
+Projet : librodrome   Date : 2026-09-29
+Armé le 2026-09-29 par Yvv : « Déploie. […] Vérifie juste l'og. »
+
+## Intention
+Remplacer le § « spaghetti » partout où il restait : image OG, favicon,
+fichiers orphelins ; corriger l'URL du logo JSON-LD (404).
+
+## Commandes exactes
+```bash
+git push origin <SHA de ce commit>:main
+```
+
+## Contenu sortant
+Commit og (app/app.vue, useSeoPage.ts, public/og-default.png, favicon.ico,
+3 fichiers retirés de public/images), le dossier de l'acte précédent (clos)
+et ce dossier. Scan data/ .env .db clés : vide.
+
+## Effet attendu
+Aperçus de partage et onglet avec le nouveau §. Réversible (git revert).
+
+## Rollback
+```bash
+git revert --no-edit HEAD~1 && git push origin HEAD:main
+```
+
+## Vérifications post-acte
+- [ ] og:image en prod = /og-default.png?v=2, fichier servi 200 et identique au local
+- [ ] favicon.ico et favicon.svg servis 200
@@ -10,7 +10,7 @@ correctifs lecteur (pastille, MP3 direct) et couverture du livre.

 ## Commandes exactes
 ```bash
-git push origin <SHA de ce commit>:main
+git push origin 67cd869d833bcb7924c6458f4d4b1928bb59e62a:main
 ```

 ## Contenu sortant
@@ -30,6 +30,8 @@ git revert --no-edit c3ada04^..HEAD && git push origin HEAD:main
 (ou redéployer 38467be)

 ## Vérifications post-acte
- [ ] CI Woodpecker verte / site servi avec le nouveau HTML
- [ ] captures prod : accueil desktop + mobile, numérique, cloud-libre, événement
- [ ] 0 erreur console, BookPlayer lit un MP3, /api/messages répond
+**Exécuté le 2026-09-29** : `38467be..67cd869 -> main`.
+
+- [x] Nouveau bundle servi ~60 s après le push (`entry.CIXHEUkt` → `entry.D1w8lqIL`)
+- [x] 17 pages × 2 ambiances (été, hiver) en prod : 0 erreur console, 0 hydratation, 0 débordement ; captures accueil desktop + mobile conformes
+- [x] BookPlayer en prod : lecture MP3 (200), suivant, sommaire, fermeture, Échap ; PDF 200 ; /api/messages 200
@@ -29,7 +29,7 @@ useSeoMeta({
  ogSiteName: 'Le Librodrome',
  ogType: 'website',
  ogLocale: 'fr_FR',
-  ogImage: `${siteUrl}/og-default.png`,
+  ogImage: `${siteUrl}/og-default.png?v=2`,
  ogImageWidth: 1200,
  ogImageHeight: 630,
  twitterCard: 'summary_large_image',
@@ -51,7 +51,7 @@ useHead({
            url: siteUrl,
            logo: {
              '@type': 'ImageObject',
-              url: `${siteUrl}/images/og-default.png`,
+              url: `${siteUrl}/og-default.png?v=2`,
            },
            description: 'Plateforme d\'autonomie numérique, économique et citoyenne à l\'échelle des bassins de vie.',
          },
@@ -21,7 +21,7 @@ export function useSeoPage(opts: {
  const title = opts.title || 'Le Librodrome'
  const description = opts.description
    || 'Autonomie numérique, économique et citoyenne. Un livre et des chansons sur l\'économie du don.'
-  const rawImage = opts.image || '/og-default.png'
+  const rawImage = opts.image || '/og-default.png?v=2'
  const image = rawImage.startsWith('http') ? rawImage : `${siteUrl}${rawImage}`
  const canonical = `${siteUrl}${route.path}`
  const type = opts.type || 'website'
@@ -1,25 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 80" fill="none" role="img" aria-label="Librodrome">
-  <!--
-    Logotype calligraphique Librodrome — § (section sign) brush-stroke.
-    Vectorisé depuis le PNG source (analyse pixel, 200×200 px).
-    Tracé S calligraphique : crochet haut-droit → arc gauche → arc droit → fin centre.
-    3 couches opacité : effet pinceau naturaliste.
-    currentColor → s'adapte automatiquement aux 4 palettes.
-  -->
-
-  <!-- Halo — diffusion pinceau -->
-  <path
-    d="M 28 6 C 44 2,52 12,47 14 C 40 18,16 18,12 28 C 8 38,16 50,28 54 C 38 56,52 60,52 68 C 52 76,42 78,34 74"
-    stroke="currentColor" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" opacity="0.12"
-  />
-  <!-- Corps — épaisseur principale -->
-  <path
-    d="M 28 6 C 44 2,52 12,47 14 C 40 18,16 18,12 28 C 8 38,16 50,28 54 C 38 56,52 60,52 68 C 52 76,42 78,34 74"
-    stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" opacity="0.38"
-  />
-  <!-- Trait vif — ligne calligraphique -->
-  <path
-    d="M 28 6 C 44 2,52 12,47 14 C 40 18,16 18,12 28 C 8 38,16 50,28 54 C 38 56,52 60,52 68 C 52 76,42 78,34 74"
-    stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.92"
-  />
-</svg>
@@ -1,53 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 80" fill="none">
-  <!-- Calligraphic § (section sign) - elegant, flowing strokes -->
-  <path
-    d="M38 8
-       C28 6 18 10 18 20
-       C18 28 26 32 34 34
-       C42 36 48 40 48 48
-       C48 52 46 55 42 57
-       L44 40
-       C44 36 40 32 34 30
-       C28 28 22 24 22 18
-       C22 14 24 11 28 10
-       Z"
-    fill="currentColor" opacity="0.85"
-  />
-  <path
-    d="M26 72
-       C36 74 46 70 46 60
-       C46 52 38 48 30 46
-       C22 44 16 40 16 32
-       C16 28 18 25 22 23
-       L20 40
-       C20 44 24 48 30 50
-       C36 52 42 56 42 62
-       C42 66 40 69 36 70
-       Z"
-    fill="currentColor" opacity="0.85"
-  />
-  <!-- Upper curve -->
-  <path
-    d="M20 16
-       C20 8 28 4 36 6
-       C42 8 46 14 44 20"
-    stroke="currentColor" stroke-width="2.5" stroke-linecap="round" fill="none" opacity="0.7"
-  />
-  <!-- Lower curve -->
-  <path
-    d="M44 64
-       C44 72 36 76 28 74
-       C22 72 18 66 20 60"
-    stroke="currentColor" stroke-width="2.5" stroke-linecap="round" fill="none" opacity="0.7"
-  />
-  <!-- Calligraphic flourish - top -->
-  <path
-    d="M36 4 Q42 2 46 6"
-    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none" opacity="0.5"
-  />
-  <!-- Calligraphic flourish - bottom -->
-  <path
-    d="M28 76 Q22 78 18 74"
-    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none" opacity="0.5"
-  />
-</svg>