Expand to 14 daemon forms with 14 questions

New daemons: Wolf, Dolphin, Spider, Tiger, Stag, Bear
Rebalanced distribution so every daemon has a real chance to win
Better HDM atmosphere throughout questions
This commit is contained in:
pi-agent
2026-04-23 22:26:29 +00:00
parent 433d627fc5
commit 87ba1a010d
+77 -51
View File
@@ -71,13 +71,13 @@ section.active{display:block;animation:fade-in .55s ease-out}
</svg> </svg>
<h1>What Is Your Daemon?</h1> <h1>What Is Your Daemon?</h1>
<hr class="rule-line"> <hr class="rule-line">
<p class="subtitle">In the world of <em>His Dark Materials</em>, every soul has a daemon &#8212; a living companion that is itself, yet separate, in a form of some creature unknown to this world. It takes its permanent form at a certain time, reflecting all that you are within.<br>Are you ready to discover yours?</p> <p class="subtitle">In the world of <em>His Dark Materials</em>, every soul has a daemon &#8212; a living companion that is itself, yet separate, in a form of some creature. It takes its permanent shape at a certain time, reflecting all that you carry within.<br>Are you ready to discover yours?</p>
<button class="btn-start" onclick="startQuiz()">Begin</button> <button class="btn-start" onclick="startQuiz()">Begin</button>
</section> </section>
<section id="sec-quiz"> <section id="sec-quiz">
<div class="progress-container"> <div class="progress-container">
<div class="progress-text" id="prog-text">Question 1 of 10</div> <div class="progress-text" id="prog-text">Question 1 of 14</div>
<div class="progress-bar"><div class="progress-fill" id="prog-fill"></div></div> <div class="progress-bar"><div class="progress-fill" id="prog-fill"></div></div>
</div> </div>
<p class="question-text" id="q-text"></p> <p class="question-text" id="q-text"></p>
@@ -110,24 +110,30 @@ section.active{display:block;animation:fade-in .55s ease-out}
</div> </div>
<script> <script>
const TOTAL=10; var TOTAL=14;
let S={q:0,a:[],sc:{}}; var S={q:0,a:[],sc:{}};
const D={ var D={
lion:{form:"Lion",icon:"🦁",desc:"In His Dark Materials, only those with an incredibly powerful spirit take this form. Iorek Byrnison, the greatest armoured bear, can transform into a lion — the form of ultimate authority.\nA lion daemon means you possess untamed strength and a natural ability to lead. You are fiercely loyal to those you love and will protect them with everything you have. You feel most alive in the moment, embracing risk and living without regrets."}, lion:{form:"Lion",icon:"\u{1F981}",desc:"In His Dark Materials, only the most powerful spirits take this form. Iorek Byrnison, the greatest armoured bear, transforms into a lion — the form of ultimate authority.\nYou possess untamed strength and natural leadership. You are fiercely loyal to those you love and will protect them with everything you have. You feel most alive in the moment, embracing risk and living without regrets."},
eagle:{form:"Eagle",icon:"🦅",desc:"An eagle daemon belongs to one with a rare and soaring spirit. Billy the Eagle is one of the few daemons in bird form, and his relationship with Roger is among the most heartbreaking in all of His Dark Materials.\nEagles see the world from above. You notice patterns others miss and hold wisdom that comes from looking deeper. You value freedom above comfort and truth above lies."}, eagle:{form:"Eagle",icon:"\u{1F985}",desc:"An eagle daemon belongs to one with a rare and soaring spirit. Billy the Eagle is one of only two daemons in bird form, and his bond with Roger is among the most devastating in all of His Dark Materials.\nYou see the world from a height others cannot reach. You notice patterns others miss and hold wisdom that comes from looking deeper. You value freedom above comfort and truth above lies."},
panther:{form:"Black Panther",icon:"🐆",desc:"Will Parry's daemon, Kirjnus, takes this form. Black panthers are the daemon of those who walk between shadows and light.\nYou are quietly powerful — not loud about your strength, but undeniable. You adapt to any situation and keep composure in chaos. There is a mystery about you that others sense but cannot name. You trust only what you've seen with your own eyes."}, panther:{form:"Black Panther",icon:"\u{1F406}",desc:"Will Parry's daemon, Kirjnus, takes this form. Black panthers guard those who walk between shadows and light.\nYou are quietly powerful — not loud about your strength, but undeniable. You adapt to chaos and keep composure where others break. There is a mystery about you that others feel but cannot name. You trust only what you have seen with your own eyes."},
owl:{form:"Owl",icon:"🦉",desc:"The owl is a creature of the night, watching when others sleep. In Pullman's world, birds as daemons are rare and the owl among the rarest — a sign of one who carries ancient wisdom.\nYou are patient, observant, and never rush to judgment. Knowledge is power to you, and you seek to understand the world before acting upon it. Trust comes slowly, but when given, it is absolute."}, owl:{form:"Owl",icon:"\u{1F989}",desc:"The owl is a creature of the night, watching when others sleep. Birds as daemons are rare, and the owl among the rarest — a sign of one who carries ancient wisdom.\nYou are patient, observant, and never rush to judgment. Knowledge is power to you, and you seek to understand the world before acting upon it. Trust comes slowly from you, but when given, it is absolute."},
badger:{form:"Badger",icon:"🦡",desc:"John Faa's daemon, Stelmarra, is a badger. John is loyal, determined, and fiercely independent — and so is his daemon.\nYour strength is quiet resilience. You are self-reliant and deeply loyal, though you may struggle to ask for help. You carve your own path through the world with steady, unstoppable determination."}, wolf:{form:"Wolf",icon:"\u{1F43A}",desc:"The wolf is the daemon of fierce loyalty and untamed grace. In the world of daemons it is a respected and ancient form, carrying the wildness of the northern wastes.\nYou are at your strongest beside the ones you love. You feel a deep, wordless bond with those who matter to you, and you would move mountains to keep them safe. There is a wildness in you that no discipline can tame — and no one should try."},
fox:{form:"Fox",icon:"🦊",desc:"The fox is the daemon of the clever. Quick, adaptable, always one step ahead, a fox daemon belongs to those who navigate the world with intelligence and grace.\nYou are a survivor in the best sense — you observe, adapt, and find creative solutions where others see only walls. You value freedom and respect those who think for themselves."}, fox:{form:"Fox",icon:"\u{1F98A}",desc:"The fox is the daemon of the clever. Quick, adaptable, always one step ahead, a fox daemon belongs to those who navigate the world with intelligence and grace.\nYou are a survivor in the best sense — you observe, adapt, and find creative solutions where others see only walls. You value freedom and have deep respect for those who think for themselves."},
snake:{form:"Snake",icon:"🐍",desc:"In His Dark Materials, the snake is the daemon of metamorphosis. It sheds its skin and becomes something new — a sign of profound transformation.\nYou are in constant evolution, never the same person from one season to the next. You are comfortable with change because you ARE change. Those who know you see growth where others see instability."}, badger:{form:"Badger",icon:"\u{1F9A1}",desc:"John Faa's daemon, Stelmarra, is a badger. John is loyal, determined, and fiercely independent — and so is his daemon.\nYour strength is quiet resilience. You are self-reliant and deeply loyal, though you may struggle to ask for help. You carve your own path through the world with steady, unstoppable determination."},
cat:{form:"Cat",icon:"🐱",desc:"The cat is an old and gentle daemon form. Squirrel, Lyra's daemon, begins in a young form before settling as a puss-cat named Panser. Cats are gentle creatures with deep inner strength.\nYou have a gentle heart with quiet fortitude. You are empathic and protective of those who matter to you, moving through the world with grace others may not consciously notice but always feel."} snake:{form:"Snake",icon:"\u{1F40D}",desc:"In His Dark Materials, the snake is the daemon of metamorphosis. It sheds its skin and becomes something new — a sign of profound transformation.\nYou are in constant evolution, never the same person from one season to the next. You are comfortable with change because you ARE change. Those who know you see growth where others see instability."},
cat:{form:"Cat",icon:"\u{1F431}",desc:"The cat is an old and gentle daemon form. Squirrel, Lyra's daemon, begins shapeless before settling as a puss-cat named Panser. Cats are gentle creatures with deep inner strength.\nYou have a gentle heart with quiet fortitude. You are empathic and protective of those who matter to you, moving through the world with grace others may not consciously notice but always feel."},
dolphin:{form:"Dolphin",icon:"\u{1F42C}",desc:"Water daemons are uncommon. The dolphin carries the spirit of intelligence woven through joy — perceptive, free, and deeply connected to those around it.\nYou navigate life with fluidity and warmth. You connect deeply with others and have an uncanny ability to read the waters of a room. You bring light wherever you go, and your intelligence shines brightest when paired with compassion."},
spider:{form:"Spider",icon:"\u{1F577}\uFE0F",desc:"The spider is a rare and ancient daemon form. In the lore of the world, insects are uncommon daemons, but the spider is revered for its patience and the intricate webs of connection it spins.\nYou are methodical and perceptive, noticing threads others miss. You weave connections between people, ideas, and places that no one else can see. Your patience is your greatest weapon — you wait, and when you move, everything shifts."},
tiger:{form:"Tiger",icon:"\u{1F40F}",desc:"The tiger is beauty edged with danger — a daemon form that carries power without ever needing to announce it. Like the lion but solitary, moving through tall grass where others walk in open fields.\nYour strength is hidden in plain sight. You are elegant and intense, capable of great gentleness and great ferocity, often without warning. Those closest to you learn to respect the quiet moments — they are calm before power."},
stag:{form:"Stag",icon:"\u{1F986}",desc:"The stag carries an old nobility. Its horns are not merely for showing — they mark wisdom earned through seasons and journeys. As a daemon form it speaks of quiet majesty.\nThere is a natural dignity about you that draws others in. You lead not by demanding but by being. Beneath the calm exterior runs a deep and protective fire — you would stand for those who cannot stand for themselves."},
bear:{form:"Bear",icon:"\u{1F43B}",desc:"The bear is raw power from the earth and the tundra. Iorek Byrnison himself — armoured, legendary, patient — walks most of his life in bear form, saving the lion for only the deepest moments.\nYou are grounded, enduring, and quietly mighty. There is a hibernation to you: you can withdraw, gather strength, and then emerge with force that reshapes the landscape. You honour the old ways and the truths that do not change."}
}; };
const Q=[ var Q=[
{text:"What draws your attention most, when left to wander?",a:[ {text:"What draws your attention most, when left to wander?",a:[
{text:"Mysteries that hide in layers of knowledge",d:"owl"}, {text:"Mysteries that hide in layers of knowledge",d:"owl"},
{text:"The raw power of untamed things",d:"panther"}, {text:"The raw power of untamed things",d:"panther"},
{text:"Paths and places others have not yet explored",d:"badger"}, {text:"Open horizons — what lies just where sight ends",d:"eagle"},
{text:"The horizon — what lies just beyond it",d:"eagle"}]}, {text:"Shadows that move — something is watching back",d:"wolf"}]},
{text:"Your code, when the world offers none:",a:[ {text:"Your code, when the world offers none:",a:[
{text:"Truth, even when it cuts",d:"lion"}, {text:"Truth, even when it cuts",d:"lion"},
{text:"Understanding — nothing should remain unknown",d:"owl"}, {text:"Understanding — nothing should remain unknown",d:"owl"},
@@ -135,47 +141,67 @@ const Q=[
{text:"Cleverness — the sharpest mind wins",d:"fox"}]}, {text:"Cleverness — the sharpest mind wins",d:"fox"}]},
{text:"Something threatens those closest to you. What do you do?",a:[ {text:"Something threatens those closest to you. What do you do?",a:[
{text:"Stand your ground. Face it head-on.",d:"lion"}, {text:"Stand your ground. Face it head-on.",d:"lion"},
{text:"Watch, wait, study. Find the weakness.",d:"panther"}, {text:"Study the threat, find its weakness, strike precisely",d:"tiger"},
{text:"Stand beside them, steady and sure.",d:"badger"}, {text:"Stand beside them, steady as stone",d:"wolf"},
{text:"Look for a way out no one else would see.",d:"eagle"}]}, {text:"You become their shield — fierce and protective",d:"cat"}]},
{text:"In a dim corridor, a faint sound comes from every direction. What pulls you?",a:[ {text:"In a dim corridor, a faint sound comes from every direction. What pulls you?",a:[
{text:"A promise of ancient knowledge, locked away",d:"owl"}, {text:"A riddle you feel you were born to solve",d:"fox"},
{text:"Something fierce and untamed",d:"panther"}, {text:"A thread you sense connects everything here",d:"spider"},
{text:"The wild outdoors, somewhere without rules",d:"snake"}, {text:"The wild outdoors, somewhere without walls",d:"badger"},
{text:"A riddle you feel you were born to solve",d:"fox"}]}, {text:"Ancient knowledge waiting, locked behind a door",d:"owl"}]},
{text:"A person is being treated unjustly. What stirs first?",a:[ {text:"A person is being treated unjustly. What stirs in you first?",a:[
{text:"A fierce desire to protect — to be their shield",d:"cat"},
{text:"Curiosity about why — you need the full picture",d:"owl"},
{text:"Conviction. You speak up, no matter the cost.",d:"lion"}, {text:"Conviction. You speak up, no matter the cost.",d:"lion"},
{text:"You find the right angle to turn the situation",d:"fox"}]}, {text:"Curiosity — you need the full picture before judging",d:"owl"},
{text:"You arrive in a strange new world. What's your first instinct?",a:[ {text:"A deep, wordless urge to defend your pack",d:"wolf"},
{text:"Explore everything — every corridor, every shadow",d:"panther"}, {text:"A fierce desire to protect — to be their shield",d:"cat"}]},
{text:"Find the storytellers and listen first",d:"owl"}, {text:"You arrive in a strange new world. What is your first instinct?",a:[
{text:"Gather every scrap of information you can",d:"snake"}, {text:"Climb high — see the shape of the land before committing",d:"eagle"},
{text:"Climb high, get your bearings, see the lay of the land",d:"eagle"}]}, {text:"Follow the water. It always tells the truth.",d:"dolphin"},
{text:"Explore every shadow — danger and discovery hide side by side",d:"panther"},
{text:"Gather information, piece together the hidden threads",d:"spider"}]},
{text:"Which quality would you most want your daemon to embody?",a:[ {text:"Which quality would you most want your daemon to embody?",a:[
{text:"Courage that never fades",d:"lion"}, {text:"Courage that never fades",d:"lion"},
{text:"Wisdom from ages beyond counting",d:"owl"}, {text:"Freedom that no cage can hold",d:"eagle"},
{text:"Steadfastness — rock-solid, never wavering",d:"badger"}, {text:"Metamorphosis — the power to change at will",d:"snake"},
{text:"Freedom — no walls, no masters, no chains",d:"cat"}]}, {text:"Nobility — a quiet fire that commands respect",d:"stag"}]},
{text:"When you think about what you are, what word rises first?",a:[ {text:"When you think about what you are, what word rises first?",a:[
{text:"Free",d:"eagle"}, {text:"Free",d:"eagle"},
{text:"Fierce",d:"lion"}, {text:"Deep",d:"panther"},
{text:"Clever",d:"fox"}, {text:"Steady",d:"stag"},
{text:"Deep",d:"panther"}]}, {text:"Shrewd",d:"fox"}]},
{text:"Passage to another world is offered. What would you seek there?",a:[ {text:"Passage to another world is offered. What would you seek there?",a:[
{text:"Knowledge — how everything connects",d:"owl"}, {text:"Knowledge — how everything connects",d:"owl"},
{text:"Power — a chance to prove yourself",d:"lion"}, {text:"A chance to prove yourself against the unknown",d:"lion"},
{text:"Change — to become someone new",d:"snake"}, {text:"To become someone entirely new",d:"snake"},
{text:"Home — a place where you fit as you are",d:"cat"}]}, {text:"Someone you love, waiting for you",d:"cat"}]},
{text:"The alethiometer shows you a final scene. What do you see?",a:[ {text:"You catch sight of yourself in still water. What do you notice?",a:[
{text:"A great open sky, with the wind at your back",d:"eagle"}, {text:"A connection between things no one else sees",d:"spider"},
{text:"A hidden path through dark woods — you alone know the way",d:"fox"}, {text:"A quiet smile that hides deep strength",d:"bear"},
{text:"A fierce creature standing between you and danger",d:"panther"}, {text:"A wild, uncontainable energy",d:"wolf"},
{text:"Someone you love, running to meet you",d:"cat"}]} {text:"A gentle demeanour with steel beneath",d:"dolphin"}]},
{text:"A storm is building. Others gather in fear. What do you feel?",a:[
{text:"Power — the storm is something to embrace",d:"tiger"},
{text:"Patience — storms pass. You weather them and gain.",d:"bear"},
{text:"A call to freedom, as if the sky is clearing a path",d:"stag"},
{text:"Excitement to test what you are made of",d:"panther"}]},
{text:"The alethiometer turns, and you are offered a secret. What kind?",a:[
{text:"A truth too old for words",d:"badger"},
{text:"A hidden thread between two separate things",d:"spider"},
{text:"Your own reflection, but changed",d:"snake"},
{text:"Warmth — you realise you are loved",d:"dolphin"}]},
{text:"Your daemon has been restless of late. What might it sense?",a:[
{text:"Something is about to change — the air vibrates with it",d:"snake"},
{text:"The open country is calling it",d:"wolf"},
{text:"A hidden power within you that has not yet awakened",d:"bear"},
{text:"Beautiful danger — something worth chasing",d:"tiger"}]},
{text:"The alethiometer shows you one final scene. What do you see?",a:[
{text:"A great library, its shelves stretching into eternity",d:"owl"},
{text:"A gentle light beside you — warm and enduring",d:"stag"},
{text:"Your shadow, moving as itself",d:"fox"},
{text:"A creature molting its old skin, reborn",d:"snake"}]}
]; ];
function show(id){document.querySelectorAll("section").forEach(s=>s.classList.remove("active"));document.getElementById(id).classList.add("active")} function show(id){document.querySelectorAll("section").forEach(function(s){s.classList.remove("active")});document.getElementById(id).classList.add("active")}
function startQuiz(){S={q:0,a:[],sc:{}};for(let d in D)S.sc[d]=0;show("sec-quiz");renderQ()} function startQuiz(){S={q:0,a:[],sc:{}};for(var d in D)S.sc[d]=0;show("sec-quiz");renderQ()}
function renderQ(){ function renderQ(){
var q=Q[S.q]; var q=Q[S.q];
document.getElementById("q-text").textContent=q.text; document.getElementById("q-text").textContent=q.text;
@@ -198,7 +224,7 @@ S.sc[d]=(S.sc[d]||0)+1;S.q++;
if(S.q>=TOTAL){document.getElementById("prog-fill").style.width="100%";setTimeout(calcRes,650)} if(S.q>=TOTAL){document.getElementById("prog-fill").style.width="100%";setTimeout(calcRes,650)}
else{setTimeout(renderQ,500)} else{setTimeout(renderQ,500)}
} }
function calcRes(){show("sec-loading");setTimeout(showRes,1800)} function calcRes(){show("sec-loading");setTimeout(showRes,2200)}
function showRes(){ function showRes(){
var best=null,top=0; var best=null,top=0;
for(var d in S.sc){if(S.sc[d]>top){top=S.sc[d];best=d}} for(var d in S.sc){if(S.sc[d]>top){top=S.sc[d];best=d}}
@@ -207,13 +233,13 @@ var dm=D[best];
document.getElementById("res-icon").textContent=dm.icon; document.getElementById("res-icon").textContent=dm.icon;
document.getElementById("res-name").textContent="Your daemon is a "+dm.form; document.getElementById("res-name").textContent="Your daemon is a "+dm.form;
document.getElementById("res-quote").innerHTML='<em>Your soul has spoken. Its companion takes the form of something wild and true.</em>'; document.getElementById("res-quote").innerHTML='<em>Your soul has spoken. Its companion takes the form of something wild and true.</em>';
document.getElementById("res-body").innerHTML='<p>'+dm.desc.replace(/\n/g,'</p><p>')+'</p>' document.getElementById("res-body").innerHTML='<p>'+dm.desc.replace(/\\n/g,'</p><p>')+'</p>';
show("sec-results"); show("sec-results");
} }
function retakeQuiz(){show("sec-intro")} function retakeQuiz(){show("sec-intro")}
function shareResult(){ function shareResult(){
var name=document.getElementById("res-name").textContent; var name=document.getElementById("res-name").textContent;
var txt=name+" Take the quiz to discover your daemon! 🐾 "+location.href; var txt=name+"\u2014 Take the quiz to discover your daemon! \u{1F43E} "+location.href;
if(navigator.clipboard&&navigator.clipboard.writeText){ if(navigator.clipboard&&navigator.clipboard.writeText){
navigator.clipboard.writeText(txt).then(function(){ navigator.clipboard.writeText(txt).then(function(){
var b=document.getElementById("btn-share");b.textContent="Copied!"; var b=document.getElementById("btn-share");b.textContent="Copied!";