(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" : ""}
.
"Due to the war, millions of Ukrainian teenagers had to leave their home, friends, and school. Some of those teenagers fled to our city. Here they were lonely and scared since they are unfamiliar with this new city. That's why the youth of our church decided to become friends for them. It was a big joy for us to take the teenagers to the 'Young Life' Christian camp in the mountains.
"It was an unbelievable opportunity to give these young people hope and tell them about Christ. Praise God, we found the sponsors who paid for the teenage refugees. God also blessed us with the necessary equipment: sleeping bags / backpacks / flashlights.
"During the camp we became close with the teenagers and had a chance to make a positive impact on them. For example, one girl was seriously thinking about committing suicide before she got to meet us. However, at the camp she made up her mind that she wants to keep living and she has come closer to Jesus. We are also very excited that seven youngsters accepted Jesus as their savior. God is awesome!
"Now we want to help them grow as Christians through small Bible study groups and discipleship.
"I want to thank everyone who prays and supports the church financially. Together we can reach the great heights for God's glory!"