04/10/2026
Hello Fans & Fams
I am currently working on this
Church Referral Map — Clearing Radio
:root {
--gold: ;
--gold-lt: ;
--dark: ;
--panel: ;
--border: rgba(201,168,76,0.25);
--text: ;
--muted: ;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Lato', sans-serif;
background: var(--dark);
color: var(--text);
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* ── HEADER ── */
header {
position: relative;
z-index: 100;
background: var(--panel);
border-bottom: 1px solid var(--border);
padding: 0 2rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
min-height: 70px;
}logo {
display: flex;
align-items: center;
gap: 0.7rem;
}logo-icon {
width: 36px; height: 36px;
fill: var(--gold);
}logo h1 {
font-family: 'Cinzel', serif;
font-size: 1.05rem;
letter-spacing: 0.12em;
color: var(--gold);
line-height: 1.2;
}logo span {
display: block;
font-family: 'Lato', sans-serif;
font-size: 0.65rem;
font-weight: 300;
letter-spacing: 0.25em;
color: var(--muted);
text-transform: uppercase;
}
header-search {
display: flex;
align-items: center;
gap: 0.5rem;
flex: 1;
max-width: 460px;
}header-search input {
flex: 1;
background: rgba(255,255,255,0.05);
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text);
font-family: 'Lato', sans-serif;
font-size: 0.85rem;
padding: 0.5rem 0.85rem;
outline: none;
transition: border-color 0.2s;
}header-search input:focus { border-color: var(--gold); }header-search input::placeholder { color: var(--muted); }btn-gold {
background: var(--gold);
color: var(--dark);
border: none;
border-radius: 4px;
font-family: 'Cinzel', serif;
font-size: 0.75rem;
letter-spacing: 0.08em;
padding: 0.55rem 1.1rem;
cursor: pointer;
white-space: nowrap;
transition: background 0.2s;
}btn-gold:hover { background: var(--gold-lt); }
/* ── LAYOUT ── */page-body {
flex: 1;
display: flex;
overflow: hidden;
position: relative;
}
/* ── MAP ── */
{
flex: 1;
min-height: 600px;
z-index: 1;
}
/* Dark tile filter */leaflet-tile { filter: brightness(0.45) saturate(0.5) hue-rotate(200deg); }
/* ── SIDEBAR ── */
{
width: 320px;
background: var(--panel);
border-left: 1px solid var(--border);
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 10;
}sidebar-header {
padding: 1.2rem 1.4rem 1rem;
border-bottom: 1px solid var(--border);
}sidebar-header h2 {
font-family: 'Cinzel', serif;
font-size: 0.9rem;
letter-spacing: 0.1em;
color: var(--gold);
margin-bottom: 0.4rem;
}sidebar-header p {
font-size: 0.78rem;
color: var(--muted);
line-height: 1.5;
}
/* filter pills */filter-row {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
padding: 0.9rem 1.4rem;
border-bottom: 1px solid var(--border);
}pill {
font-family: 'Lato', sans-serif;
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.28rem 0.7rem;
border-radius: 20px;
border: 1px solid var(--border);
cursor: pointer;
color: var(--muted);
background: transparent;
transition: all 0.2s;
}pill.active, .pill:hover {
border-color: var(--gold);
color: var(--gold);
background: rgba(201,168,76,0.08);
}
/* church list */
-list {
flex: 1;
overflow-y: auto;
padding: 0.6rem 0;
}
-list::-webkit-scrollbar { width: 4px; }
-list::-webkit-scrollbar-track { background: transparent; }
-list::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
church-card {
padding: 0.9rem 1.4rem;
border-bottom: 1px solid rgba(201,168,76,0.08);
cursor: pointer;
transition: background 0.15s;
}church-card:hover { background: rgba(201,168,76,0.05); }church-card.highlighted { background: rgba(201,168,76,0.10); }church-card h3 {
font-family: 'Cinzel', serif;
font-size: 0.82rem;
color: var(--text);
margin-bottom: 0.2rem;
}church-card .loc {
font-size: 0.72rem;
color: var(--gold);
margin-bottom: 0.3rem;
}church-card .denom {
display: inline-block;
font-size: 0.65rem;
letter-spacing: 0.06em;
padding: 0.15rem 0.5rem;
border-radius: 10px;
border: 1px solid var(--border);
color: var(--muted);
}no-results {
padding: 2rem 1.4rem;
font-size: 0.8rem;
color: var(--muted);
text-align: center;
}
/* ── POPUP ── */leaflet-popup-content-wrapper {
background: var(--panel) !important;
border: 1px solid var(--border) !important;
border-radius: 6px !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.7) !important;
color: var(--text) !important;
}leaflet-popup-tip { background: var(--panel) !important; }leaflet-popup-content { margin: 14px 16px !important; }popup-name {
font-family: 'Cinzel', serif;
font-size: 0.9rem;
color: var(--gold);
margin-bottom: 4px;
}popup-loc { font-size: 0.75rem; color: var(--muted); margin-bottom: 8px; }popup-denom {
font-size: 0.68rem;
letter-spacing: 0.06em;
border: 1px solid var(--border);
border-radius: 10px;
padding: 2px 8px;
color: var(--muted);
display: inline-block;
margin-bottom: 8px;
}popup-desc { font-size: 0.75rem; color: var(--text); line-height: 1.5; margin-bottom: 10px; }popup-contact { font-size: 0.72rem; color: var(--gold-lt); }popup-btn {
display: inline-block;
margin-top: 10px;
background: var(--gold);
color: var(--dark);
font-family: 'Cinzel', serif;
font-size: 0.7rem;
letter-spacing: 0.07em;
padding: 5px 12px;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
}popup-btn:hover { background: var(--gold-lt); }
/* ── ADD FORM MODAL ── */
-overlay {
display: none;
position: fixed; inset: 0;
background: rgba(0,0,0,0.75);
z-index: 9000;
align-items: center;
justify-content: center;
}
-overlay.open { display: flex; }
{
background: var(--panel);
border: 1px solid var(--border);
border-radius: 8px;
padding: 2rem;
width: min(480px, 94vw);
max-height: 90vh;
overflow-y: auto;
position: relative;
}
h2 {
font-family: 'Cinzel', serif;
color: var(--gold);
font-size: 1rem;
margin-bottom: 1.2rem;
letter-spacing: 0.1em;
}modal-close {
position: absolute; top: 1rem; right: 1rem;
background: none; border: none;
color: var(--muted); font-size: 1.2rem;
cursor: pointer; line-height: 1;
}form-group { margin-bottom: 1rem; }form-group label {
display: block;
font-size: 0.72rem;
letter-spacing: 0.08em;
color: var(--muted);
text-transform: uppercase;
margin-bottom: 0.35rem;
}form-group input,form-group select,form-group textarea {
width: 100%;
background: rgba(255,255,255,0.05);
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text);
font-family: 'Lato', sans-serif;
font-size: 0.85rem;
padding: 0.5rem 0.75rem;
outline: none;
transition: border-color 0.2s;
}form-group textarea { resize: vertical; min-height: 80px; }form-group input:focus,form-group select:focus,form-group textarea:focus { border-color: var(--gold); }form-group select option { background: var(--panel); }form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
/* count badge */count-badge {
background: rgba(201,168,76,0.15);
border: 1px solid var(--border);
border-radius: 20px;
font-size: 0.7rem;
color: var(--gold);
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
}
/* ── FOOTER ── */
footer {
background: var(--panel);
border-top: 1px solid var(--border);
text-align: center;
padding: 0.7rem 1rem;
font-size: 0.68rem;
color: var(--muted);
letter-spacing: 0.06em;
}
footer a { color: var(--gold); text-decoration: none; }
(max-width: 720px) {page-body { flex-direction: column; }
{ width: 100%; height: 300px; border-left: none; border-top: 1px solid var(--border); }
{ min-height: 350px; }
}
Clearing RadioGlobal Church Referral
Find
+ Submit Church
Church Directory 0
Browse and connect with churches worldwide. Click any listing to view it on the map.
All
© 2025 ClearingRadio.org — Global Church Referral Service. All submissions reviewed before publishing.
✕
Submit Your Church
Church Name *
City *
Country *
Latitude *
Longitude *
Denomination
Non-denominational
Baptist
Pentecostal
Catholic
Anglican
Methodist
Presbyterian
Lutheran
Adventist
Reformed
Charismatic
Other
Short Description
Contact / Website
Submit for Review
Submissions are reviewed by the Clearing Radio team before appearing on the map.
// ── SEED DATA ──────────────────────────────────────────────────────────
const CHURCHES = [
{ name:"Redeemed Christian Church of God HQ", city:"Redemption City", country:"Nigeria", lat:6.4551, lng:3.6000, denom:"Pentecostal", desc:"One of the largest church campuses in the world. Hosts the annual Holy Ghost Congress.", contact:"rccg.org" },
{ name:"Hillsong Church Sydney", city:"Sydney", country:"Australia", lat:-33.8688, lng:151.2093, denom:"Charismatic", desc:"Global worship ministry with services in multiple languages.", contact:"hillsong.com" },
{ name:"Lakewood Church", city:"Houston", country:"USA", lat:29.7233, lng:-95.4162, denom:"Non-denominational", desc:"One of the largest congregations in the United States, welcoming thousands weekly.", contact:"lakewoodchurch.com" },
{ name:"Saddleback Church", city:"Lake Forest", country:"USA", lat:33.6162, lng:-117.6981, denom:"Baptist", desc:"Purpose Driven ministry. Multiple campuses across Southern California.", contact:"saddleback.com" },
{ name:"Christ Church Moscow", city:"Moscow", country:"Russia", lat:55.7558, lng:37.6173, denom:"Non-denominational", desc:"English-speaking international congregation in the heart of Moscow.", contact:"christchurchmoscow.ru" },
{ name:"Nairobi Chapel", city:"Nairobi", country:"Kenya", lat:-1.2921, lng:36.8219, denom:"Non-denominational", desc:"City-center church focused on urban transformation and discipleship.", contact:"nairobichapel.org" },
{ name:"Igreja Universal do Reino de Deus", city:"São Paulo", country:"Brazil", lat:-23.5505, lng:-46.6333, denom:"Pentecostal", desc:"Large Pentecostal denomination with global reach, headquartered in Brazil.", contact:"universal.org" },
{ name:"Seoul Central Seventh-day Adventist Church", city:"Seoul", country:"South Korea", lat:37.5665, lng:126.9780, denom:"Adventist", desc:"Historic SDA congregation serving the Seoul metropolitan area.", contact:"+82-2-000-0000" },
{ name:"All Nations Church", city:"Johannesburg", country:"South Africa", lat:-26.2041, lng:28.0473, denom:"Charismatic", desc:"Multi-cultural congregation with outreach programs across Southern Africa.", contact:"allnations.co.za" },
{ name:"Westminster Chapel", city:"London", country:"UK", lat:51.4997, lng:-0.1337, denom:"Reformed", desc:"Historic Reformed congregation in central London. Weekly expository preaching.", contact:"westminsterchapel.org.uk" },
{ name:"Église Protestante de Genève", city:"Geneva", country:"Switzerland", lat:46.2044, lng:6.1432, denom:"Reformed", desc:"Historic Reformed church at the heart of the Protestant Reformation.", contact:"epg.ch" },
{ name:"New Life Church", city:"Manila", country:"Philippines", lat:14.5995, lng:120.9842, denom:"Non-denominational", desc:"Youth-focused contemporary church with vibrant worship and city outreach.", contact:"newlife.ph" },
{ name:"Bethel Church", city:"Redding", country:"USA", lat:40.5865, lng:-122.3917, denom:"Charismatic", desc:"Renewal movement known for worship music and healing ministry.", contact:"bethel.com" },
{ name:"Kathedrale Notre-Dame de Paris", city:"Paris", country:"France", lat:48.8530, lng:2.3499, denom:"Catholic", desc:"Iconic Gothic cathedral. Regular masses and international pilgrimages.", contact:"notredamedeparis.fr" },
{ name:"Cathedral of Christ the Saviour", city:"Moscow", country:"Russia", lat:55.7446, lng:37.6055, denom:"Orthodox", desc:"The main cathedral of the Russian Orthodox Church, rebuilt in 1995.", contact:"xxc.ru" },
{ name:"Chhatarpur Temple Community Church", city:"New Delhi", country:"India", lat:28.6139, lng:77.2090, denom:"Non-denominational", desc:"English-speaking international congregation serving Delhi's expat community.", contact:"+91-11-000-0000" },
{ name:"Rhema Bible Church", city:"Sandton", country:"South Africa", lat:-26.1076, lng:28.0567, denom:"Charismatic", desc:"Word of Faith congregation with strong Bible training program.", contact:"rhema.co.za" },
{ name:"City Church Singapore", city:"Singapore", country:"Singapore", lat:1.3521, lng:103.8198, denom:"Non-denominational", desc:"Modern multi-site church serving Singapore's diverse population.", contact:"citychurch.sg" },
{ name:"Crossroads Community Church", city:"Toronto", country:"Canada", lat:43.6532, lng:-79.3832, denom:"Baptist", desc:"Gospel-centered church in downtown Toronto. Weekly food bank ministry.", contact:"crossroads.ca" },
{ name:"Grace Church", city:"Cape Town", country:"South Africa", lat:-33.9249, lng:18.4241, denom:"Non-denominational", desc:"Vibrant congregation on the Cape Peninsula with surf & outdoor ministries.", contact:"gracechurch.co.za" },
];
// ── MAP INIT ──────────────────────────────────────────────────────────
const map = L.map('map', { center: [20, 10], zoom: 2, zoomControl: true });
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors',
maxZoom: 19
}).addTo(map);
// Custom marker icon
function makeIcon(color = ' ') {
return L.divIcon({
className: '',
html: `
`,
iconSize: [28, 38],
iconAnchor: [14, 38],
popupAnchor: [0, -38]
});
}
let markers = [];
let currentFilter = 'All';
let searchTerm = '';
function popupHTML(c) {
return `
${c.name}
📍 ${c.city}, ${c.country}
${c.denom}
${c.desc}
🔗 ${c.contact}
Connecting You to God through Praise, Bible & Prayer. Giving you the best shopping experience in 18 stores with warehouse pricing to save lost souls 4 Jesus
