(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" : ""}
.
Backstage Pass! Part 2 In Part 2 of our Backstage Pass! you'll meet Patrick and Marianne, two members of our Personnel Team here at SEND Canada. The personnel team walks alongside SEND workers, beginning with applicants to SEND, helping them through the process, providing member care throughout their time overseas and helping them transition through retirement at the end of their careers. To learn more about what happens backstage, watch the next Backstage Pass! video.