{overlay && (

)} {/* corner key-line ornaments */} {children}

); } function CornerKey({ theme, where }) { const styles = { tl: { top: 8, left: 8, transform: 'rotate(0deg)' }, tr: { top: 8, right: 8, transform: 'rotate(90deg)' }, br: { bottom: 8, right: 8, transform: 'rotate(180deg)' }, bl: { bottom: 8, left: 8, transform: 'rotate(270deg)' }, }; return ( ); } // ───────────────────────────────────────────────────────────── // Feast-day Easter eggs // Returns { feast, render } where render is a JSX layer over the page // ───────────────────────────────────────────────────────────── function detectFeast(date = new Date()) { const m = date.getMonth() + 1; const d = date.getDate(); // Use easterDate from liturgical.jsx const easter = easterDate(date.getFullYear()); const sameDay = (a, b) => a.getMonth() === b.getMonth() && a.getDate() === b.getDate(); const ashWed = (() => { const x = new Date(easter); x.setDate(x.getDate() - 46); return x; })(); const palmSun = (() => { const x = new Date(easter); x.setDate(x.getDate() - 7); return x; })(); const maundy = (() => { const x = new Date(easter); x.setDate(x.getDate() - 3); return x; })(); const goodFri = (() => { const x = new Date(easter); x.setDate(x.getDate() - 2); return x; })(); const pentecost = (() => { const x = new Date(easter); x.setDate(x.getDate() + 49); return x; })(); if (sameDay(date, easter)) return 'easter'; if (sameDay(date, palmSun)) return 'palm'; if (sameDay(date, maundy)) return 'maundy'; if (sameDay(date, goodFri)) return 'goodfri'; if (sameDay(date, ashWed)) return 'ashwed'; if (sameDay(date, pentecost)) return 'pentecost'; if (m === 12 && d === 24) return 'xmaseve'; if (m === 12 && d === 25) return 'christmas'; if (m === 11 && d === 1) return 'allsaints'; if (m === 10 && d === 31) return 'reformation'; if (m === 12 && d === 6) return 'stnicholas'; if (m === 1 && d === 6) return 'epiphany'; // First Sunday of Advent ~= Sunday on/before Dec 3 const xmas = new Date(date.getFullYear(), 11, 25); const adventStart = (() => { const f = new Date(xmas); f.setDate(xmas.getDate() - xmas.getDay() - 21); return f; })(); if (sameDay(date, adventStart)) return 'advent1'; return null; } const FEAST_INFO = { easter: { name: 'Easter Sunday', greet: 'Christ is risen — Alleluia!', color: '#a87838' }, palm: { name: 'Palm Sunday', greet: 'Hosanna in the highest.', color: '#3a5a3a' }, maundy: { name: 'Maundy Thursday', greet: 'A new commandment I give you: love one another.', color: '#4a2858' }, goodfri: { name: 'Good Friday', greet: 'In silence we keep watch.', color: '#1a1410' }, ashwed: { name: 'Ash Wednesday', greet: 'Remember that thou art dust.', color: '#5a4a3a' }, pentecost: { name: 'Pentecost', greet: 'Come, Holy Spirit.', color: '#7a2e2e' }, xmaseve: { name: 'Christmas Eve', greet: 'A light shines in the darkness.', color: '#3a2858' }, christmas: { name: 'Christmas Day', greet: 'Unto us a child is born.', color: '#a83a3a' }, allsaints: { name: 'All Saints', greet: 'A great cloud of witnesses.', color: '#b8893d' }, reformation: { name: 'Reformation Day', greet: 'Here we stand.', color: '#7a2e2e' }, stnicholas: { name: 'St. Nicholas Day', greet: 'Gifts of grace.', color: '#a83a3a' }, epiphany: { name: 'The Epiphany', greet: 'We have seen his star in the east.', color: '#3a5a7a' }, advent1: { name: 'First Sunday of Advent', greet: 'Watch — for the Lord is near.', color: '#3a2858' }, }; function FeastOverlay({ feast, theme }) { if (!feast) return null; const info = FEAST_INFO[feast]; // Layered animations per feast return (

{feast === 'easter' && } {feast === 'palm' && } {feast === 'maundy' && } {feast === 'pentecost' && } {feast === 'xmaseve' && } {feast === 'christmas' && } {feast === 'advent1' && } {feast === 'ashwed' && } {feast === 'goodfri' && } {feast === 'allsaints' && } {feast === 'reformation'&& } {feast === 'stnicholas' && } {feast === 'epiphany' && } {/* Feast banner */}

Today

{info.name}

{info.greet}

); } // ── Individual feast effects ──────────────────────────────── function EasterButterflies({ theme }) { const flutters = Array.from({ length: 8 }).map((_, i) => ({ id: i, delay: i * 0.6, x: 20 + (i * 47) % 360, duration: 12 + (i % 4) * 2, color: ['#a87838', '#b8893d', '#7a2e2e', '#3a5a3a'][i % 4], })); return ( <> {flutters.map(f => ( ))} ); } function PentecostFire({ theme }) { return (

{Array.from({ length: 7 }).map((_, i) => ( ))}

); } function SoftSnow({ theme }) { const flakes = Array.from({ length: 30 }).map((_, i) => ({ id: i, left: (i * 37) % 100 + '%', delay: -((i * 1.3) % 14), duration: 12 + (i % 6) * 2, size: 2 + (i % 4), })); return ( <> {flakes.map(f => (

))} ); } function FlickeringStars({ theme }) { return Array.from({ length: 20 }).map((_, i) => (

)); } function FrostFringe({ theme }) { return ( ); } function FallingAsh({ theme }) { return Array.from({ length: 18 }).map((_, i) => (

)); } function DimVeil({ theme }) { return

; } function PalmFronds({ theme }) { return ( ); } function FloatingCandles({ theme }) { return Array.from({ length: 10 }).map((_, i) => (

)); } function DriftingCoins({ theme }) { return Array.from({ length: 8 }).map((_, i) => (

)); } function StarOfBethlehem({ theme }) { return ( ); } // MAUNDY THURSDAY — soft candlelit upper-room glow + 12 candle motes around a long table function MaundyTable({ theme }) { return ( <> {/* Warm glow from below — the upper room */}

{Array.from({ length: 12 }).map((_, i) => (

))} ); } // REFORMATION DAY — wax-seal monograms drift slowly function ReformationSeals({ theme }) { return Array.from({ length: 6 }).map((_, i) => (

)); } Object.assign(window, { ChurchMark, ChurchMarkSmall, Motto, MOTTO, SanctuaryPhoto, detectFeast, FEAST_INFO, FeastOverlay, });