// Content Registry - All your content types in one place const CONTENT_REGISTRY = { locations: [ { name: "Pursuit Snohomish", address: "265 PINE AVE", times: ["8:15AM", "10:30AM", "12:30PM"], image: "https://media.thechurchcoassets.com/accounts/4244/d42614b6-9136-43be-bcb4-bb0bfdf5ebde-./071325snohosunn-26.jpg", url: "/snohomish" }, { name: "Pursuit Kirkland", address: "9051 132ND AVE", times: ["9:30AM", "11:15AM"], image: "https://media.thechurchcoassets.com/accounts/4244/25d46169-49af-4a22-9f30-cc3c026a47e8-./kirksun062925-46.jpg", url: "/kirkland" }, { name: "Pursuit Seattle", address: "4740 17TH AVE", times: ["10:30AM", "6PM (YA)"], image: "https://media.thechurchcoassets.com/accounts/4244/c048f89b-a7b5-448b-ad58-ee367c89776a-./seas__postcard__.webp", url: "/seattle" }, { name: "Pursuit Spokane", address: "314 S SPRUCE ST", times: ["10:30AM"], image: "https://media.thechurchcoassets.com/accounts/4244/f378f9a2-d42d-4405-844b-6c8036779cc7-./spokane-popup-location-page-2026.jpg", url: "/spokane" }, { name: "Pursuit Online", address: "LIVESTREAM + MESSAGES", times: ["SUBSCRIBE"], image: "https://media.thechurchcoassets.com/accounts/4244/37ba15a5-4cef-49b3-baea-8e0e86ce1bca-./sunkirk112325-2205.jpg", url: "https://www.youtube.com/@pursuitnw" } ], pathways: [ { name: "New Believers Class", subtitle: "5-week journey to grow in your faith", image: "https://media.thechurchcoassets.com/accounts/4244/440cd54f-c3f1-4414-b1d2-067cfc68327a-./member-thumb-2025.jpg", url: "https://thepursuitnw.churchcenter.com/registrations/events/category/96668", tags: ["step", "snohomish", "kirkland", "seattle"], target: "_blank" }, { name: "Water Baptism", subtitle: "Sign up for our next Baptism Sunday", image: "https://media.thechurchcoassets.com/accounts/4244/68fcaf2f-3dfb-4f49-93ce-efc2f8f93971-./water-baptism-2025.jpg", url: "https://thepursuitnw.churchcenter.com/people/forms/466109", tags: ["step", "snohomish", "kirkland", "seattle", "spokane"] }, { name: "Pursuit DNA", subtitle: "Sign up for our Membership Class", image: "https://media.thechurchcoassets.com/accounts/4244/992d03e1-c863-4b80-81cb-ae677c2191dd-./pursuit-dna-look-2025.jpg", url: "https://thepursuitnw.churchcenter.com/registrations/events/category/95639", tags: ["step", "snohomish", "kirkland", "seattle"], target: "_blank" }, { name: "Start Serving", subtitle: "Find your place on the team", image: "https://media.thechurchcoassets.com/accounts/4244/1cd7d41b-001e-40b4-aa60-d8e033565639-./serving-web-feature-2025__trust__.webp", url: "https://thepursuitnw.churchcenter.com/people/forms/690680", tags: ["step", "snohomish", "kirkland", "seattle", "spokane"] }, { name: "Connect To Our Community", subtitle: "We're here to help you connect", image: "https://media.thechurchcoassets.com/accounts/4244/fe504d49-1ef9-4ed5-b063-c464ae5e8c4e-./042025snohosun-3.jpg", url: "https://thepursuitnw.churchcenter.com/people/forms/61778", tags: ["step", "snohomish", "kirkland", "seattle", "spokane"] } ], ministries: [ { name: "Pursuit Kids", subtitle: "For newborns - 5th grade", image: "https://media.thechurchcoassets.com/accounts/4244/3fd947b0-1f86-4a44-940b-38b21a32197b-./pursuit-kids-girls-playing-smiling-header-2025.jpg", url: "/kids", tags: ["connect", "snohomish", "kirkland", "seattle"] }, { name: "Pursuit Kids", subtitle: "For Newborns-5", image: "https://media.thechurchcoassets.com/accounts/4244/3fd947b0-1f86-4a44-940b-38b21a32197b-./pursuit-kids-girls-playing-smiling-header-2025.jpg", url: "/kids", tags: ["spokane"] }, { name: "Pursuit Youth", subtitle: "For students 6th - 12th grade", image: "https://media.thechurchcoassets.com/accounts/4244/24d4abfc-5864-47fd-8260-5e0e070dd3eb-./pursuit-yth-2025.jpg", url: "/youth", tags: ["connect", "snohomish", "kirkland"] }, { name: "Pursuit Young Adults", subtitle: "18 to 30", image: "https://media.thechurchcoassets.com/accounts/4244/e156f729-d5c6-4321-874b-cc7e268984c3-./ya091024-4976.jpg", url: "/young-adults", tags: ["connect", "seattle"] }, { name: "Pursuit Women", subtitle: "Women's Ministry", image: "https://media.thechurchcoassets.com/accounts/4244/e96d9754-3941-430b-b7e2-5931a36a6527-./womens-pastors-photo-tile-feature-card-2025.jpg", url: "/women", tags: ["connect", "snohomish", "kirkland", "seattle"] }, { name: "Pursuit Men", subtitle: "Men's Ministry", image: "https://media.thechurchcoassets.com/accounts/4244/a7495611-601d-4466-993d-1f363ae803b1-./mens-kirk-photo-feature-2025.jpg", url: "/men", tags: ["connect", "snohomish", "kirkland"] }, ], partnerships: [ { name: "Book a Speaker", subtitle: "Inquire with one of our Pastors to speak at your event", image: "https://media.thechurchcoassets.com/accounts/4244/ef7601cb-4bbc-4be5-8e11-82aed33cbf25-./preaching-placeholder-2025-16x9.jpg", url: "/speakers", tags: ["partner", "snohomish", "kirkland", "seattle"], }, { name: "Venue Rental", subtitle: "Rent our facilities for your special event", image: "https://media.thechurchcoassets.com/accounts/4244/0aa39e5c-360b-414a-92ee-6cf3956764e6-./kirkland-feature-image.jpg", url: "/rentals", tags: ["partner", "snohomish", "kirkland", "seattle", "spokane"], }, { name: "Job Opportunities", subtitle: "Apply to work at Pursuit", image: "https://media.thechurchcoassets.com/accounts/4244/d42614b6-9136-43be-bcb4-bb0bfdf5ebde-./071325snohosunn-26.jpg", url: "https://recruiting.paylocity.com/recruiting/jobs/All/206274fd-4ea8-4c29-b4d4-b05dd1d38e23/The-Pursuit-NW", tags: ["partner", "snohomish", "kirkland", "seattle", "spokane"], target: "_blank" } ] }; // Card templates for different content types const CARD_TEMPLATES = { locations: (item) => { const times = Array.isArray(item.times) ? item.times.join(' + ') : item.times; return { title: item.name, subtitle: item.address, meta: times }; }, default: (item) => ({ title: item.name, subtitle: item.subtitle || item.address || '', meta: item.meta || '' }) }; // Robust mobile snap trigger function function triggerMobileSnap(container) { if (window.innerWidth <= 768) { requestAnimationFrame(() => { container.scrollTo({ left: 16, behavior: 'smooth' }); // 1rem = 16px }); } } // Enhanced render function with robust mobile snap trigger function renderContent(contentType, containerId, filterTag = null, attempts = 0) { const container = document.getElementById(containerId); if (!container && attempts < 50) { setTimeout(() => renderContent(contentType, containerId, filterTag, attempts + 1), 100); return; } if (!container) { console.warn(`❌ #${containerId} not found.`); return; } if (container.getAttribute("data-rendered") === "true") return; container.setAttribute("data-rendered", "true"); // Get the content data const contentData = CONTENT_REGISTRY[contentType]; if (!contentData) { console.warn(`❌ Content type "${contentType}" not found.`); return; } // Filter content if tag specified const filteredContent = filterTag ? contentData.filter(item => item.tags && item.tags.includes(filterTag)) : contentData; // Get the appropriate template const template = CARD_TEMPLATES[contentType] || CARD_TEMPLATES.default; // Clear container container.innerHTML = ''; // Render each item filteredContent.forEach((item, index) => { const cardData = template(item); // Create the card element const link = document.createElement("a"); link.href = item.url; link.className = `${contentType}-card content-card`; link.style.textDecoration = "none"; link.style.color = "inherit"; link.style.display = "flex"; link.style.flexDirection = "column"; if (item.target === "_blank") link.target = "_blank"; // Image section const imageWrapper = document.createElement("div"); imageWrapper.style.height = "180px"; imageWrapper.style.overflow = "hidden"; const img = document.createElement("img"); img.src = item.image; img.alt = cardData.title; img.style.width = "100%"; img.style.height = "100%"; img.style.objectFit = "cover"; imageWrapper.appendChild(img); link.appendChild(imageWrapper); // Content section const content = document.createElement("div"); content.style.padding = "1rem"; const title = document.createElement("h3"); title.textContent = cardData.title; title.style.margin = "0 0 0.5rem"; content.appendChild(title); if (cardData.subtitle) { const subtitle = document.createElement("p"); subtitle.textContent = cardData.subtitle; subtitle.style.margin = "0 0 0.5rem"; subtitle.style.fontSize = "0.9rem"; content.appendChild(subtitle); } if (cardData.meta) { const meta = document.createElement("p"); meta.textContent = cardData.meta; meta.style.margin = "0"; meta.style.fontWeight = cardData.meta.includes(':') ? "bold" : "normal"; content.appendChild(meta); } link.appendChild(content); container.appendChild(link); }); // Robust mobile snap trigger after DOM is ready setTimeout(() => { triggerMobileSnap(container); }, 150); // Add navigation arrows for desktop if (window.innerWidth > 768) { addScrollNavigation(container.parentElement, container); } } function addScrollNavigation(section, scrollContainer) { // Remove existing navigation if any const existingNav = section.querySelectorAll('.scroll-nav-button'); existingNav.forEach(btn => btn.remove()); // Create previous button const prevBtn = document.createElement('button'); prevBtn.className = 'scroll-nav-button prev'; prevBtn.innerHTML = ` `; // Create next button const nextBtn = document.createElement('button'); nextBtn.className = 'scroll-nav-button next'; nextBtn.innerHTML = ` `; // Add buttons to section section.appendChild(prevBtn); section.appendChild(nextBtn); // Navigation functionality with correct card widths and gaps const isMobile = window.innerWidth <= 768; const cardWidth = isMobile ? 325 : 350; // Card width const gap = isMobile ? 12.8 : 16; // 0.8rem = 12.8px, 1rem = 16px const scrollDistance = cardWidth + gap; prevBtn.addEventListener('click', () => { scrollContainer.scrollBy({ left: -scrollDistance * 2, behavior: 'smooth' }); }); nextBtn.addEventListener('click', () => { scrollContainer.scrollBy({ left: scrollDistance * 2, behavior: 'smooth' }); }); // Update button visibility based on scroll position function updateNavButtons() { const scrollLeft = scrollContainer.scrollLeft; const maxScroll = scrollContainer.scrollWidth - scrollContainer.clientWidth; prevBtn.classList.toggle('hidden', scrollLeft <= 0); nextBtn.classList.toggle('hidden', scrollLeft >= maxScroll - 10); } // Initial update and scroll listener updateNavButtons(); scrollContainer.addEventListener('scroll', updateNavButtons); // Update on window resize window.addEventListener('resize', () => { if (window.innerWidth <= 768) { prevBtn.style.display = 'none'; nextBtn.style.display = 'none'; // Trigger mobile snap on resize to mobile setTimeout(() => { triggerMobileSnap(scrollContainer); }, 100); } else { prevBtn.style.display = 'flex'; nextBtn.style.display = 'flex'; updateNavButtons(); } }); } // Legacy function wrappers for backward compatibility function renderLocationCards() { renderContent('locations', 'locations-list'); } function renderMinistryCards(tag = null) { renderContent('ministries', 'ministries-list', tag); } function renderPathwayCards(tag = null) { renderContent('pathways', 'pathway-list', tag); } function renderPartnershipCards(tag = null) { renderContent('partnerships', 'partnership-list', tag); } // Initialize locations on load renderLocationCards();