(function () {
const ALLOWED_PATHS = [
"/personal-assessment-tw",
"/church-assessment-tw",
"/goer-assessment-ph",
"/church-assessment-ph"
];
const currentPath = window.location.pathname.replace(/\/$/, "").toLowerCase();
if (!ALLOWED_PATHS.includes(currentPath)) return;
const param = new URLSearchParams(window.location.search).get("result");
if (!param) return;
const roles = {
sender: {
title: "Sender",
subtitle: null,
icon: "🤝",
description: "A
Sender
is a person who stands behind and assists others who are taking or want to take the Gospel to other cultures. A sender constantly looks for ways to help those who are doing or want to do the work of missions and the program of missions in the church. This could include mentoring, helping, training, giving in money or time (encourager, helper), etc."
},
intercessor: {
title: "Intercessor",
subtitle: null,
icon: "🙏",
description: "An
Intercessor
is a person who is gifted to be involved in prayer and spiritual warfare for the cause of missions. An intercessor looks for opportunities to use this gift to do the work in the spirit that is required to precede and accompany the actual work of missions."
},
goer: {
title: "Goer",
subtitle: "or Missionary",
icon: "✈️",
description: "A
Goer
(or
Missionary
) is a person who enters another culture to make disciples. A goer looks for opportunities to prepare himself or herself to take the Gospel to other cultures whether in country or overseas."
},
missionary: {
title: "Goer",
subtitle: "or Missionary",
icon: "✈️",
description: "A
Goer
(or
Missionary
) is a person who enters another culture to make disciples. A goer looks for opportunities to prepare himself or herself to take the Gospel to other cultures whether in country or overseas."
},
welcomer: {
title: "Welcomer",
subtitle: null,
icon: "🌍",
description: "A
Welcomer
is a person who embraces the nations in their communities with hospitality and service. Their hope is to build relational bridges in order to share the love of Christ with them."
}
};
const role = roles[param.toLowerCase().trim()];
if (!role) return;
// --- Styles ---
const style = document.createElement("style");
style.textContent = `
#missions-overlay {
position: fixed;
inset: 0;
background: rgba(10, 20, 40, 0.55);
backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
z-index: 99999;
opacity: 0;
transition: opacity 0.3s ease;
}
#missions-overlay.ms-visible { opacity: 1; }
#missions-modal {
background: #fff;
border-radius: 16px;
box-shadow: 0 12px 48px rgba(0,0,0,0.22);
max-width: 540px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
padding: 48px 40px 36px;
text-align: center;
position: relative;
transform: translateY(24px);
transition: transform 0.35s ease;
font-family: Georgia, 'Times New Roman', serif;
box-sizing: border-box;
}
#missions-overlay.ms-visible #missions-modal { transform: translateY(0); }
#missions-modal * { box-sizing: border-box; }
#ms-close {
position: absolute;
top: 16px;
right: 18px;
background: none;
border: none;
font-size: 22px;
color: #aaa;
cursor: pointer;
line-height: 1;
padding: 4px;
}
#ms-close:hover { color: #555; }
.ms-congrats {
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #8a6c3a;
margin: 0 0 10px;
font-family: Arial, sans-serif;
font-weight: 700;
}
.ms-icon {
font-size: 52px;
display: block;
margin-bottom: 14px;
}
.ms-title {
font-size: 38px;
font-weight: 700;
color: #1a3a5c;
margin: 0 0 4px;
letter-spacing: 0.03em;
}
.ms-subtitle {
font-size: 17px;
color: #5a7a9a;
margin: 0 0 20px;
font-style: italic;
}
.ms-divider {
width: 52px;
height: 3px;
background: #c9a84c;
border-radius: 2px;
margin: 0 auto 22px;
}
.ms-desc {
font-size: 15.5px;
line-height: 1.75;
color: #3a3a3a;
margin: 0 0 28px;
text-align: left;
}
.ms-desc strong { color: #1a3a5c; }
.ms-cta {
display: block;
width: 100%;
background: #1a3a5c;
color: #fff;
text-decoration: none;
padding: 15px 28px;
border-radius: 8px;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
transition: background 0.2s;
margin-bottom: 16px;
cursor: pointer;
border: none;
text-align: center;
}
.ms-cta:hover { background: #c9a84c; }
.ms-disclaimer {
font-size: 11.5px;
color: #aaa;
font-family: Arial, sans-serif;
font-style: italic;
line-height: 1.6;
margin: 0;
}
`;
document.head.appendChild(style);
// --- Markup ---
const overlay = document.createElement("div");
overlay.id = "missions-overlay";
overlay.setAttribute("role", "dialog");
overlay.setAttribute("aria-modal", "true");
overlay.innerHTML = `
Congratulations!
${role.icon}
${role.title}
${role.subtitle ? `
${role.subtitle}
` : ""}
Based on the introductory assessment, you are a
${role.title}${role.subtitle ? " / Missionary" : ""}
.
"The darker the night, the brighter the stars. The deeper the suffering, the closer God."
From one of our church partners in Ukraine: Those who have gone through or are going through the hell of war feel this in their personal experience. It is very painful for us, but in this very time you feel God closer and see Him more clearly!
At our Sunday service our building was almost full. Half the people were refugees. We together with them get to know God through our sufferings and His word becomes more valuable with every passing day.