chore: sync all 86 ES audio entries into blogData

Author: JuanLara18

front/public/blog/audio-es/curiosities/network-science-communities-centrality.json

@@ -3,11 +3,11 @@
   "category": "curiosities",
   "lang": "es",
   "voice": "es-CO-GonzaloNeural",
-  "hash": "7a3a49f386fc2ed7c5382a326269e08eaa738587a1d9b81fe523e6ddcb1f2a9b",
+  "hash": "a8b4ae449043e0e7e7c7cb2315e48ed22d835b0a6520f6a999f1568ceac432e6",
   "sourceHash": "634159cff0424782b9f2ae8348a693fcc16dc6263c96fa822e0f293e3d41a9ca",
-  "durationSec": 1505.472,
-  "byteSize": 9032832,
-  "narrationWordCount": 4001,
+  "durationSec": 1505.136,
+  "byteSize": 9030816,
+  "narrationWordCount": 3999,
   "audioUrl": "/blog/audio-es/curiosities/network-science-communities-centrality.mp3",
   "translationModel": "gemma4:latest"
 }

front/public/blog/audio-es/curiosities/network-science-communities-centrality.mp3

@@ -1,7 +1,7 @@
 {
   "lang": "es",
   "voice": "es-CO-GonzaloNeural",
-  "generatedAt": 1776030427,
+  "generatedAt": 1776031248,
   "posts": {
     "curiosities/algebraic-number-theory-when-factorization-breaks": {
       "slug": "algebraic-number-theory-when-factorization-breaks",
@@ -99,11 +99,11 @@
       "category": "curiosities",
       "lang": "es",
       "voice": "es-CO-GonzaloNeural",
-      "hash": "7a3a49f386fc2ed7c5382a326269e08eaa738587a1d9b81fe523e6ddcb1f2a9b",
+      "hash": "a8b4ae449043e0e7e7c7cb2315e48ed22d835b0a6520f6a999f1568ceac432e6",
       "sourceHash": "634159cff0424782b9f2ae8348a693fcc16dc6263c96fa822e0f293e3d41a9ca",
-      "durationSec": 1505.472,
-      "byteSize": 9032832,
-      "narrationWordCount": 4001,
+      "durationSec": 1505.136,
+      "byteSize": 9030816,
+      "narrationWordCount": 3999,
       "audioUrl": "/blog/audio-es/curiosities/network-science-communities-centrality.mp3",
       "translationModel": "gemma4:latest"
     },
@@ -1048,11 +1048,11 @@
       "category": "research",
       "lang": "es",
       "voice": "es-CO-GonzaloNeural",
-      "hash": "50b2d68600601ec54e1865e096f0b973e69b41c25cbc90afeef58a3a81f1ebfe",
+      "hash": "a93909f3c8565c0630a8e799cffe86d39b297e128c668567a8b871b81dfe3522",
       "sourceHash": "38a5c83a9baa16c2973452954afb5e3addbdcbedad9d713c088d9c8002fa4e4a",
-      "durationSec": 1783.968,
-      "byteSize": 10703808,
-      "narrationWordCount": 4837,
+      "durationSec": 1787.136,
+      "byteSize": 10722816,
+      "narrationWordCount": 4859,
       "audioUrl": "/blog/audio-es/research/mamba-selective-state-spaces.mp3",
       "translationModel": "gemma4:latest"
     },

front/public/blog/audio-es/curiosities/network-science-communities-centrality.narration.json

@@ -317,6 +317,7 @@ async function fetchMermaidPNG(code) {
     return fs.readFileSync(pngCachePath);
   }
 
+  // Try with htmlLabels:false (SVG text labels, needed for sharp/librsvg rasterization)
   const krokiSource = toKrokiMermaidSource(code);
   const body = Buffer.from(krokiSource, 'utf8');
   const { statusCode, body: resp } = await krokiPost('/mermaid/svg', body);
@@ -328,17 +329,25 @@ async function fetchMermaidPNG(code) {
     } catch (e) {
       console.warn(`  ⚠ Mermaid SVG rasterize failed (${e.message}); falling back to Kroki PNG`);
     }
-  } else if (statusCode !== 200) {
-    console.warn(`  ⚠ Kroki SVG ${statusCode}: ${resp.toString('utf8').slice(0, 120)}`);
   }
 
   const pngFallback = await krokiPost('/mermaid/png', body);
   if (pngFallback.statusCode === 200 && pngFallback.body.length) {
     fs.writeFileSync(pngCachePath, pngFallback.body);
     return pngFallback.body;
   }
-  if (pngFallback.statusCode !== 200) {
-    console.warn(`  ⚠ Kroki PNG ${pngFallback.statusCode}: ${pngFallback.body.toString('utf8').slice(0, 120)}`);
+
+  // htmlLabels:false can break diagrams with \n in labels on some Kroki versions.
+  // Fallback: request PNG with the original code (Kroki's PNG uses a headless browser
+  // that renders foreignObject / HTML labels correctly).
+  const originalBody = Buffer.from(code, 'utf8');
+  const originalPng = await krokiPost('/mermaid/png', originalBody);
+  if (originalPng.statusCode === 200 && originalPng.body.length) {
+    fs.writeFileSync(pngCachePath, originalPng.body);
+    return originalPng.body;
+  }
+  if (originalPng.statusCode !== 200) {
+    console.warn(`  ⚠ Kroki PNG (all attempts) ${originalPng.statusCode}: ${originalPng.body.toString('utf8').slice(0, 120)}`);
   }
   return null;
 }
@@ -1466,24 +1475,19 @@ function drawCoverCollage(doc, pw, ph, imgPaths) {
     return;
   }
 
-  // n >= 4 — full-width hero + lower mosaic (cycles through remaining headers)
-  const heroH = Math.round(ph * 0.44);
-  drawCoverImageCell(doc, imgPaths[0], 0, 0, pw, heroH);
-
-  const galleryTop = heroH + g;
-  const galleryH = ph - galleryTop;
-  const rest = n - 1;
-  const cols = Math.min(7, Math.max(3, Math.ceil(Math.sqrt(rest * (pw / Math.max(galleryH, 1)) * 1.15))));
-  const rows = Math.ceil(rest / cols);
+  // n >= 4 — uniform grid, all cells roughly the same size
+  const aspect = pw / ph;
+  const cols = Math.min(8, Math.max(3, Math.round(Math.sqrt(n * aspect))));
+  const rows = Math.ceil(n / cols);
   const cellW = (pw - g * (cols - 1)) / cols;
-  const cellH = (galleryH - g * (rows - 1)) / rows;
+  const cellH = (ph - g * (rows - 1)) / rows;
 
   let cell = 0;
   for (let row = 0; row < rows; row++) {
     for (let col = 0; col < cols; col++) {
-      const imgIdx = 1 + (cell % rest);
+      const imgIdx = cell % n;
       const x = col * (cellW + g);
-      const y = galleryTop + row * (cellH + g);
+      const y = row * (cellH + g);
       drawCoverImageCell(doc, imgPaths[imgIdx], x, y, cellW, cellH);
       cell += 1;
     }
@@ -1496,15 +1500,15 @@ function drawCoverCollage(doc, pw, ph, imgPaths) {
  * without the directional-light noise of the old 3-gradient version.
  */
 function drawCoverAtmosphericOverlay(doc, pw, ph) {
-  // Main tonal wash — top slightly lighter than bottom for depth.
+  // Main tonal wash — lighter so the collage shows through as visible texture.
   const wash = doc.linearGradient(0, 0, 0, ph)
-    .stop(0, '#0b1220', 0.86)
-    .stop(1, '#020617', 0.94);
+    .stop(0, '#0b1220', 0.55)
+    .stop(1, '#020617', 0.72);
   doc.rect(0, 0, pw, ph).fill(wash);
 
   // Soft left-column shadow to seat the typography without forcing a hard edge.
   const shadow = doc.linearGradient(0, 0, pw * 0.55, 0)
-    .stop(0, '#020617', 0.45)
+    .stop(0, '#020617', 0.40)
     .stop(1, '#020617', 0);
   doc.rect(0, 0, pw * 0.55, ph).fill(shadow);
 }