(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" : ""}
.
In the midst of tragedy and upheaval there are many opportunities to share the gospel.
Here is one example from a local church partner in Ukraine:
Today there were by God's goodness now three groups for our daily meetings. People were very open to discussion about God. Most of them have at some time visited an Orthodox church but almost no one could give an answer to the question "Who is God, what is He like?" So we talked about this topic. After our discussion people began to realize that God is a real Person, who totally understands us and we can confidently rely on Him, that He is always near and feels all that we feel.
The number of refugees is not decreasing but rather increasing with each day. God sent us some more folding beds and so today we were able to accept more people.