<div id="container"><div id="image"><img src="Start.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You're in your office. The fan creaks like a grad student's sleep schedule.
A case file lands on your desk. No blood. Just bolded fonts and career confusion.
The clues? A resume murdered by Comic Sans. A sticky note whispering regrets. A screenshot of a fair no one remembers attending.
You grab your coffee (cold). The case begins.
Choose which thread to pull first:
<div id="buttons">(if: $prepClue is 0)[[[The Resume Wreckage->Career Preparation]]](else:)[<span class="disabled-button">The Resume Wreckage</span>]\
(if: $holisticClue is 0)[[[The Cryptic Sticky Note->Holistic Learning]]](else:)[<span class="disabled-button">The Cryptic Sticky Note</span>]\
(if: $industryClue is 0)[[[The Screenshot Lead->Industry Insights]]](else:)[<span class="disabled-button">The Screenshot Lead</span>]\
(if: $advisoryClue is 0)[[[The Anonymous Advice Request->Career Advisory]]](else:)[<span class="disabled-button">The Anonymous Advice Request</span>]\
(if: $techClue is 0)[[[The Browser Trail->Tech Resources]]](else:)[<span class="disabled-button">The Browser Trail</span>]
</div><div id="case-closed-wrapper">[[🚪 Try Closing Case->Final Reveal]]</div>(if: $initialized is 0)[
(set: $mistakes to 0)
(set: $initialized to 1)
]</div></div><div id="container"><div id="image"><img src="careerPrepMain.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The resume is a crime scene.
Fonts from three centuries. Bullet points that ramble. Achievements like “participated in meetings.”
You pinch the bridge of your nose. Whoever wrote this is smart — but lost.
You scribble notes in your pad. “Needs guidance. Needs a voice.”
What’s your first move?
<div id="buttons">[[Run it through VMock AI for a quick fix->Prep - VMock Review]][[Refer them to Career Catalyst for structured support->Prep - Catalyst Start]][[Ignore it. It's not your job to babysit->Prep - Ignore Prep]]
(set: $prepClue to 1)
</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="holistic1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The sticky note is smudged. Only two words remain legible: “Wings” and “nap.”
A decision was made here. A familiar one.
Do you investigate:
<div id="buttons">[[What happened if they went to Roots & Wings?->Holistic - Roots Choice]][[Or what if they skipped it for a GII trip?->Holistic - GII Choice]][[Tear it up and move on — this isn’t real evidence->Holistic - Ignore]]</div><div id="journal-wrapper"></div></div>
(set: $holisticClue to 1)<div id="container"><div id="image"><img src="industry1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The screenshot is low-res. You enhance it like they do in spy movies.
A blurry booth banner reads: “NUS Career Fest.”
A figure stands in front of it — your student, half smiling, half nervous.
Do you:
<div id="buttons">[[Investigate their interaction at the fair->Industry - Career Fair]][[Explore their experience with a mentor instead->Industry - Mentorship Lead]][[Conclude it’s just a stock image and move on->Industry - Dismiss Clue]]</div><div id="journal-wrapper"></div></div>
(set: $industryClue to 1)<div id="container"><div id="image"><img src="advisory1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You flip open the folder. Scribbled in the corner:
“Advisor J — ask about energy & purpose.”
A timestamp. A calendar invite.
Someone sought help — but did they find it?
Do you:
<div id="buttons">[[Revisit the 1-on-1 session with Advisor J->Advisory - Coaching Choice]][[Check their notes from a Career Clinic session->Advisory - Clinic Choice]][[Ignore it. No time for feelings. Just jobs.->Advisory - Ignore]]</div><div id="journal-wrapper"></div></div>
(set: $advisoryClue to 1)<div id="container"><div id="image"><img src="tech1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You pull up the student’s browser history.
Career sites. AI tools. Résumé analyzers. Job boards.
This person was searching — but were they actually thinking?
Do you:
<div id="buttons">[[Check how they used VMock for feedback->Tech - VMock Entry]][[See what they did on NUS Career+ app->Tech - CareerPlus Entry]][[Assume they’re tech-savvy and move on->Tech - Ignore Tools]]</div><div id="journal-wrapper"></div></div>
(set: $techClue to 1)<div id="container"><div id="image">(if: ($prepClue is not 0) and ($holisticClue is not 0) and ($industryClue is not 0) and ($advisoryClue is not 0) and ($techClue is not 0) and $mistakes <= 1)[<img src="ending1.jpg">](else-if: ($prepClue is not 0) and ($holisticClue is not 0) and ($industryClue is not 0) and ($advisoryClue is not 0) and ($techClue is not 0) and $mistakes >= 3)[<img src="ending2.jpg">](else-if: ($prepClue is not 0) and ($holisticClue is not 0) and ($industryClue is not 0) and ($advisoryClue is not 0) and ($techClue is not 0))[<img src="ending3.jpg">](else:)[<img src="ending4.jpg">]</div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[(goto: "Journal")]</div>(if: ($prepClue is not 0) and ($holisticClue is not 0) and ($industryClue is not 0) and ($advisoryClue is not 0) and ($techClue is not 0))[(if: $mistakes <= 1)[The case is clear.<br><br>The resume? Yours.<br>The questions? Yours.<br>The clues? All part of your journey.<br><br>You’re not just a detective — you’re the client. And you’re ready.<div id="buttons">[[Close Case File and Graduate->END - Perfect]]</div>](else-if: $mistakes >= 3)[The case remains open.<br><br>Too many wrong turns. Opportunities missed. Lessons delayed.<br><br>But it’s not over. Just... postponed.<div id="buttons">[[Graduate... eventually->END - Delayed]]</div>](else:)[The case is... mostly solved.<br><br>You’ve uncovered some truths — but not the whole picture.<br>There’s still time. Still work to do.<div id="buttons">[[Graduate with questions->END - Incomplete]]</div>]](else:)[You’re not ready to close the case yet.<br>There are still clues to uncover.<div id="buttons">[[Return to the Case Board->Start]]</div>]<div id="journal-wrapper"></div></div></div>
<div id="container"><div id="image"><img src="end1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>*Case Closed.*
You walk into the sunset — degree in hand, future in sight.
You're not just career-ready. You're life-ready.
**Thanks for playing "Career Detectives: The Case of the Missing Purpose."**
Play again to uncover other paths and endings!
<div id="buttons">[[End->END]]</div></div></div>
<div id="container"><div id="image"><img src="end3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>*Case... Left Open.*
You drift from gig to gig, wondering what could’ve been.
But every detective has their timeline.
Play again, make better choices, and solve your own mystery.
<div id="buttons">[[End->END]]</div></div></div><div id="container"><div id="image"><img src="end2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>*Case Nearly Closed.*
Some skills polished. Some still rusty.
You walk out, diploma in hand — but a few questions still whisper in the dark.
Play again to uncover missed clues and improve your journey.
<div id="buttons">[[End->END]]</div></div></div>
<div id="container"><div id="image"><img src="careerPrepVmock1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You upload the resume to VMock. The results come fast.
Score: 18/100.
“Lacks quantifiables. Passive voice. Irrelevant skills.”
The student follows every automated suggestion. Numbers go up. The voice disappears.
You look at the new version. Technically solid. Emotionally… vacant.
Do you:
<div id="buttons">[[Send it back — let them feel proud of a high score->Prep - VMock Exit]][[Call them in for a real conversation about authenticity->Prep - VMock Reflection]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="prepCatalyst1.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You send them the Career Catalyst sign-up link.
They attend sessions. Mock interviews. Reflection exercises.
Two weeks later, they email you:
“My resume’s better. Still feels robotic though.”
Do you:
<div id="buttons">[[Review their latest version and give peer feedback->Prep - Catalyst Feedback]][[Challenge them to dive deeper into their values before writing->Prep - Catalyst Reflection]][[Ignore it — they’ll figure it out eventually->Prep - Catalyst Dropout]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="careerignore.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[(goto: "Journal")]</div>You slide the resume back into the folder and mutter, “Not my circus.”
Two weeks later, your inbox pings.
“Didn’t get any callbacks. Maybe I’m just not cut out for this.”
You sigh. You were supposed to be better than this.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $prepClue to 1)
(if: $prepignore is 0)[
(set: $mistakes to it + 1)
(set: $prepignore to 1)
]<div id="container"><div id="image"><img src="careerPrepVmock2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You pat yourself on the back. Another resume polished.
Later, the student returns from an interview looking haunted.
“They asked me what drives me. I quoted my resume.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $prepClue to 1)
(set: $approach to "tech")
(set: $readiness to "surface")
(if: $prexExit is 0)[
(set: $mistakes to it + 1)
(set: $prexExit to 1)
]<div id="container"><div id="image"><img src="careerPrepVmock3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You sit across the student in the pantry, over vending machine coffee.
“What are you proud of?” you ask.
They blink. Then talk about the time they helped their club raise 5k dollars for charity. It’s nowhere in the resume.
Together, you rewrite everything. The voice is back.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $prepClue to 2)
(set: $approach to "tech+reflective")
(set: $readiness to "solid")<div id="container"><div id="image"><img src="prepCatalyst2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You mark up their resume.
“You list ‘teamwork’ — but where’s the story?”
They revise. It’s better. STAR format. Measurable outcomes. Impact.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $prepClue to 2)
(set: $approach to "strategic")
(set: $readiness to "strong")<div id="container"><div id="image"><img src="prepCatalyst3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You reply: “Tell me one moment where you felt proud of yourself.”
They write about mentoring a junior. Training. Late-night calls. Growth.
It becomes their lead bullet point. The hiring manager calls it “compelling.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $prepClue to 2)
(set: $approach to "deep thinker")
(set: $readiness to "strong")<div id="container"><div id="image"><img src="prepCatalyst4.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You don’t hear from them again — until three months later.
“I froze in the interview. Couldn’t even describe myself.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $prepClue to 1)
(if: $cataexit is 0)[
(set: $mistakes to it + 1)
(set: $cataexit to 1)
]<div id="container"><div id="image"><img src="holistic2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You imagine the student choosing Roots & Wings instead of a nap.
A warm seminar room. Reflection cards. Discussions on failure.
Someone asks them:
“What would you do if success wasn’t defined by salary?”
Do you:
<div id="buttons">[[Answer: “I’d work with people. Help them grow.”->Holistic - Roots Growth]][[Mutter something generic about “impact.”->Holistic - Roots Vague]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="holistic5.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You fast forward in the file.
A boarding pass. “GII: Jakarta.” A new passport stamp.
The student attended Global Industry Insights — a whirlwind of culture, coffee chats, and wide-eyed mentors.
At the airport lounge, someone asks them:
“What surprised you most about the companies in Asia?”
Do they:
<div id="buttons">[[Say: “The diversity of roles, even in the same company.”->Holistic - GII Insightful]][[Say: “The free food.”->Holistic - GII Shallow]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="holistic8.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You toss the sticky note aside.
Later, the same student shows up in your inbox.
“I don’t know what I want. I keep applying to jobs I don’t even like.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $holisticClue to 1)
(if: $holisticignore is 0)[
(set: $mistakes to it + 1)
(set: $holisticignore to 1)
]<div id="container"><div id="image"><img src="holistic3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They stay after to speak with the facilitator.
Later that night, they write in their journal:
“Maybe I’m not lost. Maybe I just never looked inward.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $holisticClue to 2)
(set: $approach to "self-aware")<div id="container"><div id="image"><img src="holistic4.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They shuffle through the exercises. Never look anyone in the eye.
By the end, they say: “That was… fine.”
You find the sticky note later: "Wasted 2 hours. Got nothing."
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $holisticClue to 1)
(if: $holisticvague is 0)[
(set: $mistakes to it + 1)
(set: $holisticvague to 1)
]<div id="container"><div id="image"><img src="holistic6.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They note industry differences. Ask real questions. Connect on LinkedIn.
Back home, they apply for an internship they never would’ve considered.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $holisticClue to 2)
(set: $approach to "explorer")
<div id="container"><div id="image"><img src="holistic7.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They spam booths, collect freebies, and nap through panels.
In the debrief form, they write: “It was... okay.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $holisticClue to 1)
(if: $holisticshallow is 0)[
(set: $mistakes to it + 1)
(set: $holisticshallow to 1)
]<div id="container"><div id="image"><img src="industry5.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You replay the memory logs.
Noise. Banners. Branded tote bags. Free pens. Opportunity.
Your student hesitates before speaking to a recruiter.
Do they:
<div id="buttons">[[Ask insightful questions about company culture and growth->Industry - Fair Conversation Good]][[Freeze, then mutter: “So… uhh… are you hiring?”->Industry - Fair Conversation Awkward]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="industry2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The student signs up for a mentorship with a Grab engineer.
First session? Casual. Second? Life-changing.
They learn how real people pivot, fail, restart.
Midway, their mentor asks:
“Where do you actually want to go?”
Do they:
<div id="buttons">[[Admit they’re unsure, but open to explore->Industry - Mentorship Honest]][[Try to fake confidence and brag->Industry - Mentorship Fake]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="industry8.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You shut the laptop. Probably just filler on their profile.
But deep down, something nags.
Weeks later, the student says:\n\n> “I never really understood how to talk to employers. Just too awkward.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $industryClue to 1)
(if: $indusdismiss is 0)[
(set: $mistakes to it + 1)
(set: $indusdismiss to 1)
]<div id="container"><div id="image"><img src="industry6.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The recruiter smiles. A real conversation unfolds.
“Not many students ask why we do what we do.”
The student’s name is noted. They get a callback next week.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $industryClue to 2)
(set: $approach to "networker")
<div id="container"><div id="image"><img src="industry7.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The recruiter blinks. Offers a QR code.
“Feel free to check our website.”
The student walks away red-faced and skips the rest of the booths.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $industryClue to 1)
(if: $indusawk is 0)[
(set: $mistakes to it + 1)
(set: $indusawk to 1)
]<div id="container"><div id="image"><img src="industry3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The mentor nods.
“Good. That means you're paying attention.”
They recommend books, job shadowing, and even refer them to a project.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $industryClue to 2)
(set: $approach to "mentee mindset")
<div id="container"><div id="image"><img src="industry4.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The mentor pauses. The meeting ends early.
No follow-up. No connection.
You read a journal entry later:
“I tried to act like I had it all figured out. I think I blew it.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $industryClue to 1)
(if: $indusfake is 0)[
(set: $mistakes to it + 1)
(set: $indusfake to 1)
]<div id="container"><div id="image"><img src="advisory5.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>Advisor J sits across from the student. Calm. Curious. Coffee in hand.
“What energizes you? What drains you?”
The student hesitates. It’s personal.
Do they:
<div id="buttons">[[Answer honestly about burnout and confusion->Advisory - Coaching Deep]][[Say something fake and polished->Advisory - Coaching Shallow]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="advisory2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>A career clinic: 10 students, one facilitator.
Today’s topic: “Your LinkedIn, Your Voice.”
Do they:
<div id="buttons">[[Volunteer for feedback and share their profile->Advisory - Clinic Brave]][[Lurk in the back, camera off, mic muted->Advisory - Clinic Silent]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="advisory8.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You skip the entry.
“This stuff is fluffy anyway.”
Weeks later, you read a frustrated post by the student:
“Everyone says ‘follow your passion’ — but what if you don’t know what that is?”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $advisoryClue to 1)
(if: $advig is 0)[
(set: $mistakes to it + 1)
(set: $advig to 1)
]<div id="container"><div id="image"><img src="advisory6.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They admit they’ve been running on autopilot. Comparing themselves to peers.
Advisor J listens, then helps map their strengths to industries they never considered.
Later, the student writes:
“First time I felt like I’m not behind. Just on a different path.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $advisoryClue to 2)
(set: $approach to "guided self-reflection")<div id="container"><div id="image"><img src="advisory7.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They recite buzzwords.
Advisor J nods, gives a generic worksheet, and the meeting ends in 20 minutes.
The student tosses the worksheet in the bin.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $advisoryClue to 1)
(if: $advsha is 0)[
(set: $mistakes to it + 1)
(set: $advsha to 1)
]<div id="container"><div id="image"><img src="advisory3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They share their profile. It’s messy, but real.
The facilitator gives sharp, useful advice. Others nod. One DM’s them to connect.
That night, the student says:
“I never thought LinkedIn could feel personal. Now I get it.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $advisoryClue to 2)
(set: $approach to "peer learning")<div id="container"><div id="image"><img src="advisory4.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They keep their camera off. Type a question, but delete it.
By the end, they feel like a spectator in their own career story.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $advisoryClue to 1)
(if: $advsil is 0)[
(set: $mistakes to it + 1)
(set: $advsil to 1)
]
<div id="container"><div id="image"><img src="tech2.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You simulate the student's first upload to VMock.
Feedback: “Passive language. Weak verbs. Too generic.”
They revise. Reupload. Get 93%.
VMock says “strong,” but the student says:
“It feels… robotic.”
Do they:
<div id="buttons">[[Send the polished résumé as-is->Tech - VMock Surface]][[Ask a career advisor how to merge feedback with authenticity->Tech - VMock Hybrid]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="tech5.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You explore logs from NUS Career+.
Badges earned. Tasks ticked. Personality quiz results saved.
They even scheduled a mock interview based on their report.
But halfway through, they hit a wall.
“I don’t know which path to pick. The app tells me ‘project manager’ — I don’t feel it.”
Do they:
<div id="buttons">[[Accept the recommendation anyway, for now->Tech - CareerPlus Accept]][[Pause to reflect on what they actually want->Tech - CareerPlus Question]]</div><div id="journal-wrapper"></div></div><div id="container"><div id="image"><img src="tech8.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>You smirk.
“They’re Gen Z. They’ll figure it out.”
But digital skill ≠ career clarity.
Weeks later:
“I kept uploading better versions. Got 98%. Still no interviews.”
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $techClue to 1)
(if: $techig is 0)[
(set: $mistakes to it + 1)
(set: $techig to 1)
]<div id="container"><div id="image"><img src="tech3.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>Their résumé is now technically perfect.
But in the interview:
“You say ‘driven by impact’ — what’s a moment where that was true?”
Silence.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $techClue to 1)
(if: $techsurf is 0)[
(set: $mistakes to it + 1)
(set: $techsurf to 1)
]<div id="container"><div id="image"><img src="tech4.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>The student sits with Advisor J.
They keep the structure but add personal stories. A line reads:
“Raised 8k dollars for shelter during COVID. Learned to lead with empathy.”
Now it’s theirs.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $techClue to 2)
(set: $approach to "tech-human")<div id="container"><div id="image"><img src="tech6.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They start applying for project roles.
No spark. Rejections pile up.
Eventually, they delete the app.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $techClue to 1)
(if: $techacc is 0)[
(set: $mistakes to it + 1)
(set: $techacc to 1)
]<div id="container"><div id="image"><img src="tech7.jpg"></div><div id="content"><div id="journal-wrapper">(set: $returnHere to (passage:)'s name)(link: "🗂️ Detective Journal")[ (goto: "Journal")]</div>They step back and journal for a week.
They write:
“Maybe I’m more creative than I thought. Maybe I like uncertainty.”
They set new filters. Apply for UX internships. One says yes.
<div id="buttons">[[Return to your desk->Start]]</div><div id="journal-wrapper"></div></div>
(set: $techClue to 2)
(set: $approach to "introspective tech user")<div id="container"><div id="image"><img src="journal.jpg"></div> <div id="journal-content">Here's your progress so far:
• Career Preparation: (if: $prepClue is 2)[✅ Clue Found](else-if: $prepClue is 1)[⚠️ Visited](else:)[❌ Not Visited]
• Holistic Learning: (if: $holisticClue is 2)[✅ Clue Found](else-if: $holisticClue is 1)[⚠️ Visited](else:)[❌ Not Visited]
• Industry Insights: (if: $industryClue is 2)[✅ Clue Found](else-if: $industryClue is 1)[⚠️ Visited](else:)[❌ Not Visited]
• Career Advisory: (if: $advisoryClue is 2)[✅ Clue Found](else-if: $advisoryClue is 1)[⚠️ Visited](else:)[❌ Not Visited]
• Tech Resources: (if: $techClue is 2)[✅ Clue Found](else-if: $techClue is 1)[⚠️ Visited](else:)[❌ Not Visited]
🧯 Bad choices made: $mistakes
<div id="buttons">(link: "← Return to case file")[(goto: $returnHere)]</div></div></div>
<div id="container">
<div id="image">
<img src="detective_intro.jpg">
</div>
<div id="content">
<div id="journal-wrapper">
<h2>Welcome, Detective.</h2>
The Case of the Missing Purpose has landed on your desk.
Clues are scattered across campus: resumes, mentors, job fairs...
But every choice shapes the truth you find.
<p><strong>🎧 Click anywhere (except the start button) to begin music, then press start:</strong></p></div><div id="buttons">(link: "🔍 Start Investigation")[(goto: "Start")]
</div>
</div>
</div>
<audio id="bgm" src="bgm.mp3" loop></audio>
<div id="container">
<div id="image">
<img src="thankyou.jpg">
</div>
<div id="content">
<strong>Thank you for playing <em>“Career Detectives: The Case of the Missing Purpose.”</em></strong>
We hope this journey made you reflect, laugh a little, and maybe feel a bit more ready for the road ahead.
Whether you cracked the case or left it open, your story’s still unfolding — and that’s the real mystery.
🔁 Play again to uncover alternate endings.
💼 Keep questioning, keep growing, and never stop asking: <em>“What drives me?”</em>
<div id="buttons">[[Play Again->Start]] (set: $prepClue to 0)(set: $holisticClue to 0)(set: $industryClue to 0)(set: $advisoryClue to 0)(set: $techClue to 0)(set: $mistakes to 0)(set: $initialized to 0)(set: $prexExit to 0)(set: $cataexit to 0)(set: $prepignore to 0)(set: $holisticignore to 0)(set: $holisticvague to 0)(set: $holisticshallow to 0)(set: $indusfake to 0)(set: $indusdismiss to 0)(set: $indusawk to 0)(set: $advsil to 0)(set: $advig to 0)(set: $advsha to 0)(set: $techsurf to 0)(set: $techig to 0)(set: $techacc to 0)
</div>
</div>
</div>