@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap'); body { font-family: 'Inter', sans-serif; transition: background-color 0.5s, color 0.5s; } .light-mode { background-color: #f7fafc; /* Tailwind blue-50 */ color: #1a202c; /* Tailwind gray-900 */ } .dark-mode { background-color: #1a202c; /* Tailwind gray-900 */ color: #e2e8f0; /* Tailwind gray-200 */ } .bg-glass { backdrop-filter: blur(10px); } .light-mode .bg-glass { background-color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .dark-mode .bg-glass { background-color: rgba(45, 55, 72, 0.6); border: 1px solid rgba(45, 55, 72, 0.5); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .card-bg { backdrop-filter: blur(10px); } .light-mode .card-bg { background-color: rgba(255, 255, 255, 0.6); } .dark-mode .card-bg { background-color: rgba(45, 55, 72, 0.6); } .light-mode .section-title { color: #1d4ed8; /* Tailwind blue-700 */ } .dark-mode .section-title { color: #63b3ed; /* Tailwind blue-300 */ } /* Hero Section Styling - KÉP HÁTTÉR */ .hero-section-bg { background-image: url('https://2de630b0c7.cbaul-cdnwnd.com/ae75f6924e8d9b4dcab4fef1a5342942/200000030-38e0838e0a/indexk%C3%A9p%20alalp%20(1).webp'); background-size: cover; background-position: center; background-repeat: no-repeat; } .hero-section-text { color: #ffffff; } .hero-section-glass { background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); } .light-mode .btn-primary { background-color: #2b6cb0; color: white; } .dark-mode .btn-primary { background-color: #63b3ed; color: #1a202c; } .light-mode .btn-secondary { background-color: rgba(255, 255, 255, 0.5); color: #1d4ed8; } .dark-mode .btn-secondary { background-color: rgba(45, 55, 72, 0.5); color: #63b3ed; } .light-mode .text-primary { color: #1d4ed8; } .dark-mode .text-primary { color: #63b3ed; } .light-mode .text-secondary { color: #1a202c; } .dark-mode .text-secondary { color: #e2e8f0; } @keyframes slideInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .animate-slide-in-up { animation: slideInUp 0.8s ease-out forwards; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fadeInUp { animation: fadeInUp 1s ease-out forwards; } @keyframes pulse-slow { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .animate-pulse-slow { animation: pulse-slow 5s ease-in-out infinite; } /* POPUP STYLING START */ .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .popup-overlay.show { opacity: 1; visibility: visible; } .popup-content { padding: 30px; border-radius: 15px; width: 90%; max-width: 450px; position: relative; text-align: center; animation: fadeIn 0.4s ease-out; border: 1px solid; } .light-mode .popup-content { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.1); } .dark-mode .popup-content { background-color: rgba(45, 55, 72, 0.95); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0.1); } .popup-close { position: absolute; top: 10px; right: 15px; font-size: 30px; font-weight: 300; cursor: pointer; line-height: 1; transition: color 0.2s; } .light-mode .popup-close { color: #333; } .dark-mode .popup-close { color: #e2e8f0; } .popup-close:hover { color: #ff0000; } @keyframes fadeIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } /* POPUP STYLING END */

Ménfőcsanaki Evangélikus Egyház

// Hírek, események és heti alkalmak adatai const NEWS_ITEMS = [ { "id": 1, "date": "2025. november 8. - 9.", "title": "Cantus Transdanubiae - Kóruszenés Evangelizáció", "summary": "A Nyugati (Dunántúli) Evangélikus Egyházkerület kóruszenés evangelizációja a Mandák Kórus szolgálatával, több helyszínen.", "content": "A Cantus Transdanubiae, a Nyugati (Dunántúli) Evangélikus Egyházkerület kóruszenés evangelizációja kerül megrendezésre a Magyarországi Evangélikus Kántorképző Intézet Mandák Kórusának szolgálatával. A belépés ingyenes. Időpontok és helyszínek: 2025. november 8. (szombat): Ösküi Evangélikus Templom - 15.00, Veszprémi Evangélikus Templom - 18.00. 2025. november 9. (vasárnap): Várpalotai Evangélikus Templom - 10.00, Tési Evangélikus Templom - 14.00.

", "image": { "url": "https://scontent-vie1-1.xx.fbcdn.net/v/t39.30808-6/561259111_122278538204202681_4611790728991702600_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=833d8c&_nc_ohc=YaQvUmQgIAUQ7kNvwGgVdJf&_nc_oc=AdmOAsVjepPUEoMH189jzFSMPHe-WoRR2-8aoxQsRRy2nH_EPG7NDNTrNRhmgULwdW0&_nc_zt=23&_nc_ht=scontent-vie1-1.xx&_nc_gid=sU1w-bmx27BPXBUQ7MiPAQ&oh=00_AfdpaeBSeQOWpwYZAWLtfIyWrXll155GPElwdaKXxOyH9g&oe=68F9CE4A", "alt": "Cantus Transdanubiae kórus előadás közben a templomban", "style": "rounded" } }, { "id": 2, "date": "2025. november 2.", "title": "Hálaadó Istentisztelet Győr-Ménfőcsanakon", "summary": "Hálaadó istentisztelet a Győr-Ménfőcsanaki Evangélikus Templom felszentelésének 65. és az Evangélikus Iskola építésének 120. évfordulója alkalmából.", "content": "Szeretettel hívjuk Önt és családját a Győr-Ménfőcsanaki Evangélikus Templom felszentelésének 65., a Ménfői Evangélikus Iskola építésének 120. évfordulója alkalmából tartandó HÁLAADÓ ISTENTISZTELETRE és az azt követő szeretetvendégségre. Isten igéjét Vladika Zsófia, a Győr-Mosoni Evangélikus Egyházmegye esperese hirdeti. Időpont: 2025. november 2. (vasárnap) - 9.00. Helyszín: Győr-Ménfőcsanaki Evangélikus Templom.", "image": { "url": "White and Brown Simple Wedding Invitation.jpg", "alt": "Győr-Ménfőcsanaki Evangélikus Templom képe naplementében", "style": "rounded" } }, { "id": 3, "date": "2025. november 1.", "title": "Ökumenikus áhítat: Temetői Megemlékezés Mindenszentek napján", "summary": "Ökumenikus temetői megemlékezés áhítattal a Koroncói úti temető ravatalozójában.", "content": "Ökumenikus áhítat és temetői megemlékezés Mindenszentek napján a KORONCÓI ÚTI TEMETŐ RAVATOLOZÓJÁHOZ várnak minden elcsendesedni vágyót 2025. november 1-én 15 órára. Igét hirdet: Bella Péter református lelkész. A liturgiában szolgál: Bognár István római katolikus plébános és Pongrácz Máté evangélikus lelkész.", "image": { "url": "Krémszínű és Barna Szegélyezett Megemlékezés Meghívó.jpg", "alt": "Égő mécses lángja sötétben, megemlékezés", "style": "rounded" } }, { "id": 4, "date": "2025. október 31.", "title": "Reformációi Istentisztelet Győrújbarátban", "summary": "Közös úrvacsorás istentisztelet Reformáció ünnepén a győrújbarát-ménfőcsanaki és győrújbaráti felekezetek részvételével.", "content": "Szeretettel várja a Győrújbarát-Ménfőcsanak-Nyúli Református Gyülekezet a ménfőcsanaki és győrújbaráti evangélikus és református testvéreket közös úrvacsorás REFORMÁCIÓI ISTENTISZTELETRE Reformáció ünnepén. Isten igéjét Karsai Lajos evangélikus lelkész hirdeti, előadást Bella Péter református lelkipásztor tart. Időpont: 2025. október 31. 18.00. Helyszín: Győrújbaráti Református Gyülekezeti Központ.", "image": { "url": "Reformációi.jpg", "alt": "Luther Márton képzeletbeli ábrázolása, amint kiszögezi a tételeket", "style": "rounded" } }, { "id": 5, "date": "2025. szeptember 14. - 2026. május 17.", "title": "Családi Istentisztelet-sorozat: Bibliai Állatok", "summary": "Egy éven át tartó, interaktív családi istentisztelet-sorozat indul a gyermekeknek, amely a Biblia állatvilágával ismerteti meg őket.", "content": "Szeretettel várjuk a családokat egy különleges, több hónapon átívelő istentisztelet-sorozatra, amely a Bibliai Állatok témáját járja körül, segítve a gyermekeket abban, hogy játékos módon, állatszereplőkön keresztül ismerjék meg az Ige üzenetét. A sorozat minden hónapban egy-egy új állatot állít a középpontba. Az alapige a Lukács 12,6-7: „Ugye, öt verebet adnak két fillérért, de Isten egyről sem feledkezik meg közőlük. Nektek pedig a hajatok szála is mind számon van tartva.”

A sorozat tervezett alkalmai:
2025. szeptember 14. - Névadás
2025. október 19. - SAS
2025. november 16. - GALAMB
2026. január 18. - SZAMÁR
2026. február 15. - SZARVAS
2026. március 22. - KAKAS
2026. április 19. - BÁRÁNY
2026. május 17. - VERÉB

", "image": { "url": "https://scontent-vie1-1.xx.fbcdn.net/v/t39.30808-6/561259111_122278538204202681_4611790728991702600_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=833d8c&_nc_ohc=YaQvUmQgIAUQ7kNvwGgVdJf&_nc_oc=AdmOAsVjepPUEoMH189jzFSMPHe-WoRR2-8aoxQsRRy2nH_EPG7NDNTrNRhmgULwdW0&_nc_zt=23&_nc_ht=scontent-vie1-1.xx&_nc_gid=sU1w-bmx27BPXBUQ7MiPAQ&oh=00_AfdpaeBSeQOWpwYZAWLtfIyWrXll155GPElwdaKXxOyH9g&oe=68F9CE4A", "alt": "Rajz illusztráció a Bibliai Állatok Családi Istentisztelet sorozathoz", "style": "rounded" } }, { id: 6, date: "2024. május 10.", title: "Ökumenikus imahét a keresztény egységért", summary: "Minden év januárjában sor kerül az ökumenikus imahétre, melyen a különböző keresztény felekezetek együtt imádkoznak az egységért.", content: "Részletes cikk az imahétről. Az ökumenikus imahét egy fontos esemény, amely lehetőséget ad a különböző keresztény felekezeteknek, hogy közösen imádkozzanak a felekezetközi egységért és a Krisztusban való közösség megerősítéséért." }, ]; const EVENT_ITEMS = [ { id: 1, date: "2025. október 31.", time: "18.00", title: "Reformációi Istentisztelet", location: "Győrújbaráti Református Gyülekezeti Központ", description: "Közös úrvacsorás istentisztelet a Reformáció ünnepén. Az igét Karsai Lajos evangélikus lelkész hirdeti, előadást Bella Péter református lelkipásztor tart. Szeretettel várja a Győrújbarát-Ménfőcsanak-Nyúli Református Gyülekezet, valamint a győrújbaráti evangélikus és református testvérek." }, { id: 2, date: "2025. november 1.", time: "15.00", title: "Ökumenikus áhítat – Temetői Megemlékezés Mindenszentek napján", location: "Koroncói úti temető ravatalozója", description: "Ökumenikus áhítat és temetői megemlékezés. Igét hirdet Bella Péter református lelkész. A liturgiában szolgál Bognár István római katolikus plébános és Pongrácz Máté evangélikus lelkész. Várunk minden elcsendesedni vágyót." }, { id: 3, date: "2025. november 2.", time: "9.00", title: "Hálaadó Istentisztelet a Győr-Ménfőcsanaki Evangélikus Templomban", location: "Győr-Ménfőcsanaki Evangélikus Templom", description: "Hálaadó istentisztelet és szeretetvendégség a templom felszentelésének 65., és a ménfői evangélikus iskola építésének 120. évfordulója alkalmából. Isten igéjét Vladika Zsófia, a Győr-Mosoni Evangélikus Egyházmegye esperese hirdeti." }, { id: 4, date: "2025. november 8-9.", time: "Több időpont", title: "Cantus Transdanubiae - Kóruszenés Evangelizáció", location: "Öskü, Veszprém, Várpalota, Tés Evangélikus Templomok", description: "A Nyugati (Dunántúli) Evangélikus Egyházkerület kóruszenés evangelizációja a Mandák Kórus szolgálatával. November 8. (szombat): Öskü (15.00), Veszprém (18.00). November 9. (vasárnap): Várpalota (10.00), Tés (14.00). A belépés ingyenes." } ]; // Heti alkalmak adatai const weeklySchedule = [ { day: "Szerda", time: "18:00", event: "Bibliaóra" }, { day: "Csütörtök", time: "10:30", event: "Baba-Mama Klub (Gyülekezeti terem)" }, { day: "Vasárnap", time: "9:00", event: "Istentisztelet (Gyermek Istentisztelet)" }, { day: "Vasárnap", time: "15:00", event: "Konfirmációi óra" }, { day: "Vasárnap", time: "16:00", event: "Ifjúsági óra" }, ]; const dailyVerses = [ { verse: "Mert úgy szerette Isten e világot, hogy az ő egyszülött Fiát adta, hogy aki hisz őbenne, el ne vesszen, hanem örök élete legyen.", reference: "János 3:16" }, { verse: "Bízzál az Úrban teljes szívből, és ne a magad eszére támaszkodj!", reference: "Példabeszédek 3:5" }, { verse: "De akik az Úrban bíznak, erejük megújul, szárnyra kelnek, mint a sasok, futnak, és nem lankadnak el, járnak, és nem fáradnak el.", reference: "Ézsaiás 40:31" }, { verse: "Az Úr az én pásztorom, nem szűkölködöm.", reference: "Zsoltárok 23:1" }, { verse: "A szeretet soha el nem múlik.", reference: "1 Korinthus 13:8" }, { verse: "Mindenre van erőm a Krisztusban, aki megerősít engem.", reference: "Filippi 4:13" }, { verse: "Ne félj, mert én veled vagyok, ne csüggedj, mert én vagyok Istened!", reference: "Ézsaiás 41:10" }, ]; const getDailyVerse = () => { const today = new Date(); const startOfYear = new Date(today.getFullYear(), 0, 1); const diffInDays = Math.floor((today - startOfYear) / (1000 * 60 * 60 * 24)); const verseIndex = diffInDays % dailyVerses.length; return dailyVerses[verseIndex]; }; let currentPage = 'home'; let currentArticle = null; let currentEvent = null; const appContainer = document.getElementById('app-container'); const mobileMenuToggle = document.getElementById('mobile-menu-toggle'); const mobileMenu = document.getElementById('mobile-menu'); const menuIcon = document.getElementById('menu-icon'); const closeIcon = document.getElementById('close-icon'); const themeToggle = document.getElementById('theme-toggle'); const body = document.body; const moonIcon = document.getElementById('moon-icon'); const sunIcon = document.getElementById('sun-icon'); /* POPUP FUNKCIÓK START */ const POPUP_NEWS_ID = 1; const POPUP_TITLE = "Cantus Transdanubiae - Kóruszenés Evangelizáció"; const POPUP_SUMMARY = "A Nyugati (Dunántúli) Evangélikus Egyházkerület kóruszenés evangelizációja a Mandák Kórus szolgálatával, több helyszínen."; const POPUP_DATE = "2025. november 8. - 9."; const latestNewsPopup = document.getElementById('latest-news-popup'); if (latestNewsPopup) { document.getElementById('popup-title').textContent = POPUP_TITLE; document.getElementById('popup-summary').textContent = POPUP_SUMMARY; document.getElementById('popup-date').textContent = "Időpont: " + POPUP_DATE; } const showPopup = () => { if (latestNewsPopup) { latestNewsPopup.classList.add('show'); } }; const closePopup = () => { if (latestNewsPopup) { latestNewsPopup.classList.remove('show'); } } const navigateToNewsAndScroll = () => { closePopup(); // Navigálás a 'news' szekcióhoz a navigateTo segítségével navigateTo('news'); }; window.addEventListener('load', () => { const popupNewsButton = document.getElementById('popup-news-button'); if (popupNewsButton) { popupNewsButton.addEventListener('click', navigateToNewsAndScroll); } // Popup megjelenítése setTimeout(() => { showPopup(); }, 1000); }); /* POPUP FUNKCIÓK END */ /* GOMB VÁLTAKOZTATÁS START */ const ROTATING_BUTTONS = [ { text: "Élő Istentiszteletünk", action: "navigateTo('live')", color: "bg-red-600 hover:bg-red-700" }, { text: "Aktuális Események", action: "navigateTo('events')", color: "bg-blue-600 hover:bg-blue-700" } ]; let rotationIndex = 0; let rotationInterval = null; const updateRotationButton = () => { const button = document.getElementById('rotating-hero-button'); if (button) { const state = ROTATING_BUTTONS[rotationIndex]; button.classList.remove('bg-red-600', 'hover:bg-red-700', 'bg-blue-600', 'hover:bg-blue-700'); state.color.split(' ').forEach(cls => button.classList.add(cls)); button.textContent = state.text; button.setAttribute('data-action', state.action); rotationIndex = (rotationIndex + 1) % ROTATING_BUTTONS.length; } }; const startRotation = () => { if (rotationInterval) { clearInterval(rotationInterval); } rotationIndex = 0; updateRotationButton(); rotationInterval = setInterval(updateRotationButton, 4000); }; /* GOMB VÁLTAKOZTATÁS END */ /** * Navigál az oldalon belül, kezeli a cikkeket, és a görgetést a szekciókhoz. * @param {string} pageId - A cél oldal azonosítója ('home', 'article') vagy szekció ID-ja ('events', 'live'). * @param {number|null} data - Opcionális adat, pl. cikk ID. */ const navigateTo = (pageId, data = null) => { currentArticle = null; currentEvent = null; let scrollTargetId = null; // Ide mentjük, ha szekcióhoz kell görgetni const SECTION_IDS = ['weekly-schedule', 'events', 'news', 'live', 'contact']; if (SECTION_IDS.includes(pageId)) { // Ha a cél egy szekció, akkor a 'home' oldalt töltjük be görgetéssel scrollTargetId = pageId; currentPage = 'home'; } else { // Ha a cél nem egy szekció, akkor ez egy külön oldal ('home', 'article') currentPage = pageId; if (pageId === 'article') { currentArticle = data; } else if (pageId === 'event') { currentEvent = data; } } // 1. Tartalom újragenerálása (ez hozza létre az összes szekciót a DOM-ban) renderPage(); // 2. Görgetési logika if (scrollTargetId) { // Görgetés a szekció horgonyához (pl. 'live', 'events') const section = document.getElementById(scrollTargetId); if (section) { // Késleltetés, hogy a DOM-ban biztosan létezzen a szekció a görgetés pillanatában setTimeout(() => { section.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 50); } } else { // Navigálás a lap tetejére (pl. Főoldal gomb, Cikk megnyitása) window.scrollTo({ top: 0, behavior: 'smooth' }); } // 3. Navigációs kiemelés frissítése updateNavHighlighting(); // Mobilos menü bezárása mobileMenu.classList.add('hidden'); menuIcon.classList.remove('hidden'); closeIcon.classList.add('hidden'); }; const updateNavHighlighting = () => { document.querySelectorAll('#desktop-menu button, #mobile-menu button').forEach(button => { const pageId = button.getAttribute('data-page-id'); const isLive = pageId === 'live'; const baseClasses = `font-inter text-lg px-4 py-2 rounded-full transition-all duration-300`; const hoverClasses = isLive ? 'text-secondary hover:bg-red-600 hover:text-white dark:hover:bg-red-700 dark:hover:text-white' : 'text-secondary hover:bg-white/50 hover:text-blue-600 dark:hover:bg-gray-700 dark:hover:text-blue-300'; const activeClasses = isLive ? 'bg-red-600 text-white font-semibold shadow-md' : 'bg-blue-600 text-white font-semibold shadow-md'; // Mivel minden szekció a "home" oldal része, a kiemeléshez a láthatóságot használjuk (lásd: Intersection Observer alul). // Itt csak az aktuálisan beállított currentPage-hez ragaszkodunk (ami a görgetés pillanatában a szekció ID-ja lesz) button.className = `${baseClasses} ${currentPage === pageId ? activeClasses : hoverClasses}`; if (button.parentElement.id === 'mobile-menu') { button.className = `font-inter text-lg px-5 py-2 w-11/12 text-center rounded-full transition-all duration-300 ${currentPage === pageId ? activeClasses : hoverClasses}`; } }); }; const renderPage = () => { let htmlContent = ''; if (rotationInterval) { clearInterval(rotationInterval); rotationInterval = null; } switch (currentPage) { case 'home': case 'weekly-schedule': case 'events': case 'news': case 'live': case 'contact': const dailyVerse = getDailyVerse(); htmlContent = `

Isten hozta közösségünkben!

Győr csendes városrészében, Ménfőcsanakon található gyönyörű templomunk és közösségünk! Várunk Téged is!

A Nap Igéje

"${dailyVerse.verse}"

(${dailyVerse.reference})

Heti alkalmaink

${weeklySchedule.map(item => ` `).join('')}

Nap	Időpont	Alkalom
${item.day}	${item.time}	${item.event}

Események

${EVENT_ITEMS.map(event => `

${event.date.split('.')[1]}.

${event.date.split('.')[0]}.

${event.time}

${event.title}

${event.description}

${event.location}

`).join('')}

Hírek

${NEWS_ITEMS.map(news => `

${news.date}

${news.title}

${news.summary}

`).join('')}

Élő Adások

Ménfőcsanaki Evangélikus Egyházközség - Istentisztelet

További videóinkért látogasson el YouTube csatornánkra.

Összes adás megtekintése a YouTube-on

Kapcsolat

Győr-Ménfőcsanaki Evangélikus Egyházközség

Levelezési cím: 9012 Győr-Ménfőcsanak, Győri út 119.

Telefon: 0620/8243500

Adószám: 18972182-1-08

Ügyfélfogadás (Lelkészi Hivatal):
Kedd: 09:00 - 12:00
Csütörtök: 14:00 - 17:00
Valamint telefonon egyeztetett időpontban.

Lelkész Elérhetőségei: Pongrácz Máté

Levelezési cím: 9012 Győr-Ménfőcsanak, Győri út 119.

Mobil: 20/8243500

Email: mate.pongracz@lutheran.hu

Templomunk

`; break; case 'article': const article = NEWS_ITEMS.find(item => item.id === currentArticle); const articleIndex = NEWS_ITEMS.findIndex(item => item.id === currentArticle); const hasPrev = articleIndex > 0; const hasNext = articleIndex < NEWS_ITEMS.length - 1; if (article) { htmlContent = `

${article.title}

${article.date}

${article.content}

`; } break; default: htmlContent = ` `; } appContainer.innerHTML = htmlContent; if (currentPage === 'home') { startRotation(); } }; const navArticle = (direction) => { const currentIndex = NEWS_ITEMS.findIndex(item => item.id === currentArticle); let newIndex = currentIndex; if (direction === 'next') { newIndex = Math.min(currentIndex + 1, NEWS_ITEMS.length - 1); } else { newIndex = Math.max(currentIndex - 1, 0); } navigateTo('article', NEWS_ITEMS[newIndex].id); }; const setTheme = (mode) => { body.classList.remove('light-mode', 'dark-mode'); body.classList.add(mode); localStorage.setItem('theme', mode); if (mode === 'dark-mode') { moonIcon.classList.add('hidden'); sunIcon.classList.remove('hidden'); } else { moonIcon.classList.remove('hidden'); sunIcon.classList.add('hidden'); } }; themeToggle.addEventListener('click', () => { if (body.classList.contains('light-mode')) { setTheme('dark-mode'); } else { setTheme('light-mode'); } }); // Kezdeti téma beállítása const savedTheme = localStorage.getItem('theme'); const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; if (savedTheme) { setTheme(savedTheme); } else if (prefersDark) { setTheme('dark-mode'); } else { setTheme('light-mode'); } // Kezdeti oldalbetöltés renderPage(); updateNavHighlighting(); // JAVÍTÁS: Eseménydelegálás a fejlécben. A `closest()` metódust használjuk a gomb megtalálásához. document.getElementById('main-header').addEventListener('click', (event) => { const logoArea = event.target.closest('#logo-button'); const menuButton = event.target.closest('button[data-page-id]'); if (logoArea) { navigateTo('home'); } else if (menuButton) { const pageId = menuButton.getAttribute('data-page-id'); // Az id-nek lennie kell rajta, de a biztonság kedvéért: if (pageId) { navigateTo(pageId); } } }); // Eseménydelegálás dinamikus tartalomhoz (hero gomb, olvasom tovább gombok) appContainer.addEventListener('click', (event) => { const button = event.target.closest('button[data-action]'); if (button) { const action = button.getAttribute('data-action'); if (action.startsWith('navigateTo(')) { const match = action.match(/navigateTo$'([^']+)'(?:,\s*(\d+))?$/); if (match) { const pageId = match[1]; const data = match[2] ? parseInt(match[2]) : null; navigateTo(pageId, data); } } else if (action.startsWith('navArticle(')) { const match = action.match(/navArticle$'([^']+)'$/); if (match) { navArticle(match[1]); } } } }); // Mobil menü mobileMenuToggle.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); menuIcon.classList.toggle('hidden'); closeIcon.classList.toggle('hidden'); }); // IntersectionObserver a navigációs kiemeléshez const sections = ['home', 'weekly-schedule', 'events', 'news', 'live', 'contact']; const observerOptions = { root: null, rootMargin: '-50% 0px -50% 0px', // A viewport közepén metszi a szekciót threshold: 0, }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const sectionId = entry.target.id; // Csak akkor frissíti a currentPage-et és a kiemelést, ha nem egy cikk oldalon van. if (currentPage !== 'article') { currentPage = sectionId; updateNavHighlighting(); } } }); }, observerOptions); const setupObservers = () => { sections.forEach(id => { const section = document.getElementById(id); if (section) { observer.observe(section); } }); }; // A load event handler gondoskodik a popup és az observerek elindításáról const originalWindowLoad = window.onload; window.onload = (event) => { if (originalWindowLoad) { originalWindowLoad(event); } setupObservers(); }

Isten hozta közösségünkben!

A Nap Igéje

Heti alkalmaink