What’s Your Relationship Superpower? | Atenajos
https://static.addtoany.com/menu/page.js
/* Minified Tailwind CSS output (generated for used classes) */
.bg-gray-100{background-color:#f3f4f6}.bg-pink-500{background-color:#ec4899}.bg-pink-600{background-color:#db2777}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.text-pink-600{–tw-text-opacity:1;color:rgb(219 39 119/var(–tw-text-opacity))}.text-gray-600{–tw-text-opacity:1;color:rgb(75 85 99/var(–tw-text-opacity))}.text-gray-700{–tw-text-opacity:1;color:rgb(55 65 81/var(–tw-text-opacity))}.text-gray-800{–tw-text-opacity:1;color:rgb(31 41 55/var(–tw-text-opacity))}.text-white{–tw-text-opacity:1;color:rgb(255 255 255/var(–tw-text-opacity))}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.block{display:block}.flex{display:flex}.hidden{display:none}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){–tw-space-y-reverse:0;margin-top:calc(.5rem*(1 – var(–tw-space-y-reverse)));margin-bottom:calc(.5rem*var(–tw-space-y-reverse))}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.max-w-800{max-width:800px}.max-w-300{max-width:300px}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-1\.5rem{padding:1.5rem}.mb-1rem{margin-bottom:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.shadow{–tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);–tw-shadow-colored:0 1px 3px 0 var(–tw-shadow-color),0 1px 2px -1px var(–tw-shadow-color);box-shadow:var(–tw-ring-offset-shadow,0 0 #0000),var(–tw-ring-shadow,0 0 #0000),var(–tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-pink-600:hover{background-color:#db2777}.hover\:bg-gray-400:hover{background-color:#9ca3af}.underline{text-decoration-line:underline}
/* Custom styles */
body {
font-family: ‘Arial’, sans-serif;
background-color: #f9fafb;
}
.quiz-container {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
}
.question-card {
background: white;
border-radius: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 1.5rem;
margin-bottom: 1rem;
}
.a2a_svg {
border-radius: 4px;
}
What’s Your Relationship Superpower?
Discover your unique strength in relationships—whether it’s emotional intuition, communication, resilience, or passion. Perfect for singles, couples, or friends!
Start Quiz
Your Relationship Superpower
![Result Image]()
Discover more relationship tips at Atenajos
Play Again
document.addEventListener(“DOMContentLoaded”, function() {
const questions = [
{
question: “When your partner or friend is upset, what’s your first instinct?”,
type: “multiple-choice”,
options: [
{ text: “Listen quietly and feel what they’re feeling”, superpower: “Empath” },
{ text: “Ask questions to understand and help them talk it out”, superpower: “Bridge-Builder” },
{ text: “Offer a hug and remind them you’re there”, superpower: “Anchor” },
{ text: “Cheer them up with a joke or fun distraction”, superpower: “Spark” }
]
},
{
question: “In a disagreement, you’re most likely to:”,
type: “multiple-choice”,
options: [
{ text: “Sense their emotions and address their feelings”, superpower: “Empath” },
{ text: “Find common ground through clear communication”, superpower: “Bridge-Builder” },
{ text: “Stay calm and keep the conversation steady”, superpower: “Anchor” },
{ text: “Lighten the mood with humor or a fresh perspective”, superpower: “Spark” }
]
},
{
question: “What’s most important in a strong relationship?”,
type: “multiple-choice”,
options: [
{ text: “Deep emotional understanding”, superpower: “Empath” },
{ text: “Open and honest communication”, superpower: “Bridge-Builder” },
{ text: “Reliability and trust”, superpower: “Anchor” },
{ text: “Excitement and shared adventures”, superpower: “Spark” }
]
},
{
question: “Your friend cancels plans last minute. You:”,
type: “multiple-choice”,
options: [
{ text: “Wonder if they’re okay and check in gently”, superpower: “Empath” },
{ text: “Text to reschedule and understand their reasons”, superpower: “Bridge-Builder” },
{ text: “Shrug it off and plan something else”, superpower: “Anchor” },
{ text: “Suggest a spontaneous new plan”, superpower: “Spark” }
]
},
{
question: “What’s your go-to way to show love or care?”,
type: “multiple-choice”,
options: [
{ text: “Being there emotionally, no matter what”, superpower: “Empath” },
{ text: “Talking things through and sharing thoughts”, superpower: “Bridge-Builder” },
{ text: “Doing small, dependable acts of kindness”, superpower: “Anchor” },
{ text: “Surprising them with fun or thoughtful gestures”, superpower: “Spark” }
]
},
{
question: “During a tough time, you help by:”,
type: “multiple-choice”,
options: [
{ text: “Feeling their pain and offering empathy”, superpower: “Empath” },
{ text: “Helping them process with clear advice”, superpower: “Bridge-Builder” },
{ text: “Being a steady presence they can rely on”, superpower: “Anchor” },
{ text: “Bringing positivity to lift their spirits”, superpower: “Spark” }
]
},
{
question: “What’s your biggest relationship strength?”,
type: “multiple-choice”,
options: [
{ text: “Sensing unspoken emotions”, superpower: “Empath” },
{ text: “Building bridges through words”, superpower: “Bridge-Builder” },
{ text: “Staying grounded under pressure”, superpower: “Anchor” },
{ text: “Keeping things lively and fun”, superpower: “Spark” }
]
},
{
question: “Your partner wants to try something new. You:”,
type: “multiple-choice”,
options: [
{ text: “Gauge their excitement and connect emotionally”, superpower: “Empath” },
{ text: “Discuss how it fits into your lives”, superpower: “Bridge-Builder” },
{ text: “Support them steadily, whatever they choose”, superpower: “Anchor” },
{ text: “Jump in enthusiastically for the adventure”, superpower: “Spark” }
]
},
{
question: “Rank these in order of importance: What’s #1 for you?”,
type: “multiple-choice”,
options: [
{ text: “Feeling deeply connected”, superpower: “Empath” },
{ text: “Clear communication”, superpower: “Bridge-Builder” },
{ text: “Stability and trust”, superpower: “Anchor” },
{ text: “Fun and spontaneity”, superpower: “Spark” }
]
},
{
question: “In a group setting, you’re the one who:”,
type: “multiple-choice”,
options: [
{ text: “Notices if someone’s feeling off”, superpower: “Empath” },
{ text: “Keeps the conversation flowing”, superpower: “Bridge-Builder” },
{ text: “Holds the group together calmly”, superpower: “Anchor” },
{ text: “Brings energy and fun ideas”, superpower: “Spark” }
]
}
];
const superpowers = {
“Empath”: {
title: “The Empath”,
description: “Your superpower is emotional intuition. You have an uncanny ability to sense and understand others’ feelings, making people feel seen and heard. Your empathy creates deep, meaningful connections.”,
tips: “Maximize your gift by setting boundaries to avoid emotional overload. Practice self-care to recharge, and share your insights gently to guide others.”,
compatibility: “You pair beautifully with The Anchor, who provides stability, or The Spark, who adds vibrancy to your emotional depth. Discuss how your partner appreciates your empathy!”,
image: { src: “
https://atenajos.blog/wp-content/uploads/2025/08/f77f1-couple-sharing-an-emotional-moment.png”, alt: “Couple sharing an emotional moment” }
},
“Bridge-Builder”: {
title: “The Bridge-Builder”,
description: “Your superpower is communication. You excel at fostering understanding, resolving conflicts, and connecting people through words. Your clarity strengthens every relationship.”,
tips: “Hone your listening skills to balance your expressive nature. Use your gift to facilitate tough conversations, and encourage others to open up.”,
compatibility: “You shine with The Empath, who complements your words with emotional depth, or The Anchor, who grounds your discussions. Ask your partner how your communication helps them!”,
image: { src: “
https://atenajos.blog/wp-content/uploads/2025/08/f09d4-couple-talking-closely.png”, alt: “Couple talking closely” }
},
“Anchor”: {
title: “The Anchor”,
description: “Your superpower is resilience. You’re the steady, reliable force that grounds relationships, offering trust and calm in any storm. Your presence is a safe haven.”,
tips: “Embrace your strength by occasionally stepping out of your comfort zone. Share your steady perspective to inspire others, and let your partner know your needs too.”,
compatibility: “You’re a perfect match for The Empath, who values your stability, or The Spark, who brings excitement to your calm. Talk about how your steadiness supports your partner!”,
image: { src: “
https://atenajos.blog/wp-content/uploads/2025/08/3df01-couple-embracing-calmly.png”, alt: “Couple embracing calmly” }
},
“Spark”: {
title: “The Spark”,
description: “Your superpower is passion. You bring energy, spontaneity, and joy to relationships, keeping connections vibrant and exciting. Your enthusiasm is contagious.”,
tips: “Channel your energy by balancing spontaneity with consistency. Plan small surprises to keep the spark alive, and invite your partner to join your adventures.”,
compatibility: “You ignite with The Anchor, who balances your energy, or The Empath, who connects deeply with your passion. Discuss how your energy lights up your relationship!”,
image: { src: “
https://atenajos.blog/wp-content/uploads/2025/08/99534-couple-dancing-joyfully-1.png”, alt: “Couple dancing joyfully” }
}
};
let currentQuestion = 0;
let superpowerScores = { Empath: 0, “Bridge-Builder”: 0, Anchor: 0, Spark: 0 };
let answers = [];
const startScreen = document.getElementById(“start-screen”);
const quiz = document.getElementById(“quiz”);
const results = document.getElementById(“results”);
const questionContainer = document.getElementById(“question-container”);
const nextBtn = document.getElementById(“next-btn”);
const prevBtn = document.getElementById(“prev-btn”);
const progress = document.getElementById(“progress”);
const startQuizBtn = document.getElementById(“start-quiz”);
const restartQuizBtn = document.getElementById(“restart-quiz”);
if (startQuizBtn) {
startQuizBtn.addEventListener(“click”, startQuiz);
} else {
console.error(“Start Quiz button not found in DOM”);
}
nextBtn.addEventListener(“click”, nextQuestion);
prevBtn.addEventListener(“click”, prevQuestion);
restartQuizBtn.addEventListener(“click”, restartQuiz);
function startQuiz() {
console.log(“Start Quiz button clicked”);
startScreen.classList.add(“hidden”);
quiz.classList.remove(“hidden”);
showQuestion();
}
function showQuestion() {
const q = questions[currentQuestion];
let html = `
${currentQuestion + 1}. ${q.question}
`;
q.options.forEach((option, index) => {
html += `${option.text}`;
});
html += `
Choose the option that feels most like you.
`;
questionContainer.innerHTML = html;
progress.textContent = `Question ${currentQuestion + 1} of ${questions.length}`;
prevBtn.classList.toggle(“hidden”, currentQuestion === 0);
nextBtn.textContent = currentQuestion === questions.length – 1 ? “Finish” : “Next”;
}
function nextQuestion() {
const userAnswer = document.querySelector(‘input[name=”answer”]:checked’)?.value;
// Add points to the corresponding superpower
superpowerScores[userAnswer] += 1;
console.log(`Question ${currentQuestion + 1}: Added 1 point to ${userAnswer}. Scores:`, superpowerScores);
answers[currentQuestion] = userAnswer;
currentQuestion++;
if (currentQuestion 0) {
currentQuestion–;
showQuestion();
}
}
function showResults() {
quiz.classList.add(“hidden”);
results.classList.remove(“hidden”);
// Determine the highest-scoring superpower
let maxScore = 0;
let resultSuperpower = “Empath”; // Default tiebreaker
for (const [superpower, score] of Object.entries(superpowerScores)) {
if (score > maxScore) {
maxScore = score;
resultSuperpower = superpower;
}
}
console.log(`Final scores:`, superpowerScores, `Winner: ${resultSuperpower} (${maxScore} points)`);
const result = superpowers[resultSuperpower];
document.getElementById(“result-title”).textContent = result.title;
document.getElementById(“result-description”).innerHTML = `
Your Superpower: ${result.description}
`;
document.getElementById(“result-tips”).innerHTML = `
Tips to Shine: ${result.tips}
`;
document.getElementById(“result-compatibility”).innerHTML = `
For Couples: ${result.compatibility}
Discussion Prompt: Share your superpower with your partner or friend. How do your strengths complement each other?
`;
// Display result image
const resultImage = document.getElementById(“result-image”);
resultImage.src = result.image.src;
resultImage.alt = result.image.alt;
resultImage.classList.remove(“hidden”);
// Configure AddToAny share message
const shareText = `My Relationship Superpower is ${result.title}! ${result.description.split(‘.’)[0]}. Discover yours at Atenajos’s blog!`;
document.querySelector(‘.a2a_kit’).setAttribute(‘data-a2a-title’, shareText);
document.querySelector(‘.a2a_kit’).setAttribute(‘data-a2a-url’, ‘
https://atenajos.blog/relationship-superpower-quiz’);
document.querySelector(‘.a2a_kit’).setAttribute(‘data-a2a-media’, result.image.src); // For Pinterest
}
function restartQuiz() {
currentQuestion = 0;
superpowerScores = { Empath: 0, “Bridge-Builder”: 0, Anchor: 0, Spark: 0 };
answers = [];
results.classList.add(“hidden”);
quiz.classList.remove(“hidden”);
showQuestion();
}
});
