// Generic saint deep-dive renderer. Takes a slug, looks up content from // window.SAINTS_DATA, and renders the same editorial layout used for // Carlo Acutis. Self-contained styles. function SaintHero({ saint }) { if (saint.image) { return (
{saint.fullName}
); } // No portrait — render a tonal field using the saint's hue so the page // still has a banded hero, not a sudden flat title. const hue = saint.hue || "#1d2330"; return (
{saint.name.replace(/^(St\.|Bl\.)\s*/, "").charAt(0)}
{saint.fullName}
); } // Hue helpers — lighten and darken a hex color. function _hexToRgb(h) { const x = h.replace("#", ""); return [ parseInt(x.substr(0, 2), 16), parseInt(x.substr(2, 2), 16), parseInt(x.substr(4, 2), 16) ]; } function _rgbToHex(r, g, b) { const c = (v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, "0"); return "#" + c(r) + c(g) + c(b); } function tint(hex, amt) { const [r, g, b] = _hexToRgb(hex); return _rgbToHex(r + (255 - r) * amt, g + (255 - g) * amt, b + (255 - b) * amt); } function shade(hex, amt) { const [r, g, b] = _hexToRgb(hex); return _rgbToHex(r * (1 - amt), g * (1 - amt), b * (1 - amt)); } function SaintDeepDive({ slug, previousRoute, onNavigate }) { const saint = (window.SAINTS_DATA || {})[slug]; if (!saint) { return (

Saint not found

No entry exists for {slug}.

); } return (

{saint.fullName}

Born
{saint.born}
Died
{saint.died}
Feast Day
{saint.feast}
Patron of
{saint.patron}
{saint.quote && (
“
{saint.quote.text}
{saint.quote.translation && (
{saint.quote.translation}
)}
)} {(saint.passages || []).map((p, i) => (
{p.cap}

))} {saint.timeline && saint.timeline.length > 0 && (
A life in dates
    {saint.timeline.map((t, i) => (
  1. {t.year}
    2. ))}
)} {saint.prayer && (
Prayer to {saint.fullName}

{saint.prayer.intro}

A prayer for his/her intercession

{saint.prayer.body.map((line, i) => (

))} {saint.prayer.closing && (

{saint.prayer.closing}

)}
{saint.prayer.coda} {saint.prayer.versicle}
{saint.prayer.source && (
${saint.prayer.source.label}` : saint.prayer.source.label ? ` · ${saint.prayer.source.label}` : "") }} /> )}
)} {saint.further && saint.further.length > 0 && ( )}
); } window.SaintDeepDive = SaintDeepDive;