<div class="passageContainer"><div class="passageImage"><img src="assets/officescape.gif" height=100%></div><div class="passageText"><p>A chirp reverberates through the gypsum cubicles. A low monotone drone follows, “‘We ought to catch that,’” paired with a mournful sigh. Even slanted over the side of his company-designated divider, John still towers above the wall beneath him. <br>
“Grandma Ester used to sit on the porch,” he says to no one in particular. “She’d predict the weather from the beat of their song. One chirp for—” <br>
“It’s still going to be miserable out,” a smarmy voice cuts in, quick and sharp. “Didn’t need a cricket to know that.” <br>
A polite wave of chuckles crests and crashes upon a silent shore. John flops back into his seat, defeated. Somewhere, six feet beneath a nest of blue earth, the remains of Ester Wood roll over. Her familial whimsy seeps from John under the weight of the dissmal. <br>
You tear yourself from your electronic trance, sockets burning, gears grinding from forced friction. You glance at the time and rise, short fingers cupped around ceramic, yearning for borrowed vigor. <br>
[[Venture for Vigor]] </p></div></div><<silent>>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
<<audio "title" play loop>><</silent>><div class="passageContainer"><div class="passageText">You contemplate the weight of the cup in your hand, fingers lingering on a carved salamander framed by licking flames. You turn the cup around awkwardly: A scene of bullfrog squatted under fat falling raindrops is carved on the back. Your sister went through the trouble of carving the creature, presenting it as a gift. A dull ache pounds in your chest. //Does she see you as a fierce achiever, or only a staunch observer?//
The ceramic cup nests neatly in the coffee machine’s yoke. Acidic bile spews from its nozzle. You sip the concocted potion slowly, letting it sting. Your gaze drifts back to the sub-sublime vista before you.
<<if $hasexplored == false>>
[[Become the Salamander]]
<</if>>
<<if $hasexplored == true>><<set $vigor += 4>><hr>//Maybe it means nothing at all.// Your fingers trace the duckweed frame surrounding the salamander. You turn the cup awkwardly in your hands: the bullfrog squats beneath fat, falling raindrops. Both are cute, fat creatures with huge, doe-ful eyes.
[[....]]
<</if>></div></div><<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet"><</silent>><div class="passageContainer"><div class="passageText">A discordant tone resonates through the sanguine hallows of your heart. In and out, your <span class="red">blood</span> pumps right to left. From rest to action, back to rest, the large muscle squeezes; your <span class="cyan">lungs</span> take breath; your <span class="magenta">mind</span> races from thought to thought. You feel the potential in your joints to <div class="wiggle" style="animation-delay: 0s;">move</div>, a twinge running down to the base of your spine. The air is thick with intent. In this very moment, you could compel your body to move, to choose.
You could rush to your desk and start grinding with reckless abandon. An American dreamer hellbent on some salvation, keys clicking away. You could make an oath to bury the past, the memories of the Evergreen, and burn brighter than you ever have before .
[[Contemplate the Cup]]</div></div><<silent>>
<<set $showStats = true>>
<<set $hasexplored = true>>
<<set $muscle == 3>>
<<set $wit = 5>>
<<set $espirt = 3>>
<<set $vigor = 2 >>
<<set $blood = 50>>
<<set $lungs = 75>>
<<set $mind = 90>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"><</silent>><div class="passageContainer"><div class="passageText">“Nice mug ya got dere.” A voice pierces the stillness. You straighten against the countertop, your mind shifting states.
“Thanks, it wass a gift from my ssisster.” Your tongue flops with sloppy saliva. You swallow; your throat is thick with mucus. “She made it.” You snap to the speaker—an adjunct coworker—and push yourself away from the kitchenette.
“Coooool,” he responds, now nesting his vessel in the machine’s yoke. It’s polished silver, reflecting the dim morning light. For a brief moment, it glimmers with illuminated brilliance, and you catch it just before your exodus. You rub your spare palm and fingers together, conjuring the texture of the material. Nothing more to say.
[[Return to Desk]]</div></div><<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet"><</silent>><div class="passageContainer"><div class="passageText">You meander through the labyrinth. Stolen glances at silver screens spin an unproductive tale.
Good for them, you think.// Life is short, and all too long, since clocks invaded your days. Time is an oppressive tool, designed to keep you busy and distracted from the ephemeral bliss of pissing around. //
You pass the cubicles’ foreman, who is just as distracted as the rest of the //sales team//.
[[Contemplate the Cup]]</div></div><<silent>>
<<set $hasexplored = false>>
<<set $statsOpen = false>>
<</silent>>
<div class="passageContainer"><div class="passageText">Back at your desk, you straddle your chair and set your drink down.
You hesiate for a moment before going through the motion of being seated.
[[Sit]]
[[Seek Something Else]]</div></div><<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet"><</silent>><<nobr>><div class="passageContainer">
<div class="passageText">
<div id="hiddenHook">
You meander away from your main office, guided by solitude into a nonenal-scented corridor.
The exposed foundation walls, aged wood grain, and faint smell of old glue give you a sense of security and distant nostalgia.
If a tornado were to strike, you picture yourself tucking neatly into one of the hall’s many closets or cupboards, retreating into a hollow womb.
You find a tall, roomy storage closet.
<<linkappend "Step Inside">>
<p>Your hand caresses the wood grain as you close your eyes and listen to the stillness.
the idle clicking of machines muffled by layers of concrete…the shifting of stone..the low hum of the HVAC system.
A cold heart beating. </p>
<<linkappend "Meditate on the Machine">>
<p>Time feels suspended. There is nowhere to go, nothing to do.
Just the subtle rise and fall of breath, the heartbeat steady beneath your chest, and the soft, infinite silence that cradles you.</p>
<!-- Drift link now appears immediately -->
<span id="driftLink">
<<link "Drift">>
<<run $("#driftLink").fadeOut(300)>>
<<replace "#hiddenHook">>
<<timed 3s>>
<p>Some time later, you’re disturbed by the movement of the closet door. Your heart bursts to life from idle contemplation.
A delicate, long hand grips the side of the door as light spills across your face.</p>
<span id="gazeLink">
<<link "Gaze into the light">>
<<run $("body").removeClass("darkPalette").addClass("brightPalette")>>
<<run $("#gazeLink").fadeOut(400)>>
<<replace "#hiddenHook">>
<p>“Oh.” A curious eye darts into view.</p>
<p>“Occupied,” you reply, your voice foreign and strained.
An uncomfortable emotion rises, static in your blood. How long have you been here?
It was only supposed to be a moment to think. You wedge your stout fingers through the opening and step out.</p>
<p>“But I’m almost done away. Have to get back to work, of course.”</p>
<p>Sizing up the intruder, your mind shuffles through a rolodex of new faces.
This one, gobsmacked, belongs to a new acquaintance, a new coworker.
He clears his throat after a moment and fixes his collar.</p>
<p>“Do we always keep a designer stocked in this closet?” He lets out a small, shocked wheeze.</p>
<p>“No... just when on standby.” You remark, passing the figure. “It’s all yours now.”</p>
<p>Your eyes widen as you turn to return back to your desk.</p>
[[Sit]]
<</replace>>
<</link>>
</span>
<</timed>>
<</replace>>
<</link>>
</span>
<</linkappend>>
<</linkappend>>
</div>
</div><</nobr>>
<<set $hasMeet = true>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
</div>
:: StoryInit
/* --- Palette --- */
<<run $("body").addClass("darkPalette")>>
/* --- RPG Stats --- */
<<set $showStats = false>>
<<set $statsOpen = false>>
/* --- Other global variables --- */
<<set $hasExplored = false>>
<<set $hasMeet = false>>
<<set $wit = 5>>
<<set $espirt = 3>>
<<set $vigor = 2>>
<<set $muscle = 3>>
/* --- Local Audio --- */
<<cacheaudio "title" "assets/audiofiles/Main Menu Theme.mp3">>
<<cacheaudio "title2" "assets/audiofiles/title2.mp3">>
<<createaudiogroup ":bg_music">>
<<track "title">>
<<track "title2">>
<</createaudiogroup>>
<<masteraudio volume 0.40>>
/* -- Map-- */
<<set $mapUnlocked = {
"world": true, /* everyone starts with this */
"city": false,
"dungeon": false
}>>
<<silent>>
<!-- Debug Value is set to true while route A is being worked on -->
<<set $hasMeet ==false>>
<</silent>><div id="terminalHook"><<if $hasMeet>> <<nobr>><<silent>>
<!-- A) If player has met Adam via Seek Something Else Path -->
<<set $AdamMyraAfin = 10>>
<</silent>><div class="imWindow"><div class="imHeader"><h2>Adam Steward</h2></div><div class="imHook" id="chat"></div>
<div class="imFooter">
<div class="fakeInput" contenteditable="false">Type a message...</div>
<button class="sendBtn">➤</button>
</div>
</div><<silent>>
<!-- 1) Adam's first message -->
<</silent>><<timed 0s>>
<<append "#chat">>
<div class="msg-row left"><div class="messageReceived">Adam_Steward: Hey… so I’ve been thinking about how, you know, you were hiding in the closet.</div></div>
<</append>>
<</timed>><<silent>>
<!-- 2) Myra’s first reply -->
<</silent>> <<timed 7s>>
<<append "#chat">>
<div class="msg-row right">
<div class="messageSender">
<<linkreplace "Not hiding, but do go on.">>
Myra_Wood: Not hiding, but do go on.
<<append "#chat">>
<<timed 4s>>
<div class="msg-row left"><div class="messageReceived">Adam_Steward: Right…</div></div>
<</timed>>
<<timed 8s>>
<div class="msg-row left"><div class="messageReceived">Adam_Steward: Why were you there in the first place?</div></div>
<div id="choices"><<silent>>
<!-- Choice 1: Lie -->
<</silent>><div class="msg-row right"><div class="messageSender">
<<link "<b>Lie</b>: I was looking for something and got locked in.">>
<<set $AdamMyraAfin -= 5>>
<<log You chose to save face.>>
<<replace "#choices">>
<</silent>> <div class="msg-row right"><div class="messageSender">Myra_Woods: I was looking for something and got locked in.</div></div>
<<timed 2s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Ha, strange.</div></div><</timed>>
<<timed 4s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Well, I am looking to form a group of eccentric explorers, to explore eccentric spaces. When I saw you in the closet, I wanted to invite you to the group!</div></div><</timed>>
<<timed 6s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Is this like a Facebook thing?</div></div><</timed>>
<<timed 8s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: No, this is in-person. Everyone in the group actually works here too.</div></div><</timed>>
<<timed 10s>><div class="msg-row right"><div class="messageSender">Myra_Woods: So basically a group chat with adventures. Where have you gone?</div></div><</timed>>
<<timed 12s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: The abandoned Long-John Silvers. Desolate, lots of old oil build up and gum. I think there’s a link to the backrooms there.</div></div><</timed>>
<<timed 14s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Was there a line out the door when you went? Everyone’s been there, it’s practically a park.</div></div><</timed>>
<<timed 17s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Look I don’t want to be mean or play gatekeeper - I’m just not interested.</div></div><</timed>>
<<timed 20s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Fair enough. If you ever change your mind, you know where to find us.</div></div><div class="ImAction">[[Log Off]]</div><</timed>><<silent>>
<</silent>><</replace>>
<</link>>
</div></div><<silent>>
<!-- Choice 2: Lie Less -->
<</silent>><div class="msg-row right"><div class="messageSender">
<<link "<b>Lie, Less</b>: I was taking a break and needed a place to think.">>
<<set $AdamMyraAfin += 5>>
<<log You chose a white lie.>>
<<replace "#choices">>
<div class="msg-row right"><div class="messageSender">Myra_Woods: I was taking a break and needed a place to think.</div></div>
<<timed 5s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Well, I’m forming a group of eccentric explorers. When I saw you in the closet, I wanted to invite you to the group!</div></div><</timed>>
<<timed 8s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Is this like a Facebook thing?</div></div><</timed>>
<<timed 12s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: No, in-person. Everyone in the group works here too.</div></div><</timed>>
<<timed 16s>><div class="msg-row right"><div class="messageSender">Myra_Woods: So a Teams chat with adventures. Where have you visited?</div></div><</timed>>
<<timed 20s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: The abandoned Long-John Silvers. Desolate, lots of old oil build up and gum. I think there’s a link to the backrooms there.</div></div><</timed>>
<<timed 24s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Was there a line out the door when you went? Everyone’s been there, it’s practically a park.</div></div><</timed>>
<<timed 27s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Look, I don’t want to be mean or play gatekeeper - I’m just not interested.</div></div><</timed>>
<<timed 32s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: You sound like you know a thing or two about exploring! If you ever change your mind, you’re welcome to join us.</div></div><div class="ImAction">[[Log Off]]</div><</timed>>
<</replace>>
<</link>>
</div></div><<silent>>
<!-- Choice 3: Deflect -->
<</silent>><div class="msg-row right"><div class="messageSender">
<<link "<b>Deflect</b>: Why were you snooping around?">>
<<set $AdamMyraAfin -= 10>>
<<log You chose to deflect>>
<<replace "#choices">>
<div class="msg-row right"><div class="messageSender">Myra_Woods: Why were you snooping around?</div></div>
<<timed 2s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Just being curious. Objects carry a history if you’re willing to listen.</div></div><</timed>>
<<timed 7s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: I am looking to form a group of eccentric, curious historians, to you know, explore forgotten spaces. When I saw you in the closet, well, I wanted to invite you to the group.</div></div><</timed>>
<<timed 10s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Is this like a Facebook thing with strangers??</div></div><</timed>>
<<timed 16s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: No, this is an in-person group of curious individuals. In-fact they all work in this office. You may know some of them. .</div></div><</timed>>
<<timed 20s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Have you committed and gone anywhere outside of your GC?</div></div><</timed>>
<<timed 25s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: The abandoned Long-Silvers. Disturbing activity there.</div></div><</timed>>
<<timed 29s>><div class="msg-row right"><div class="messageSender">Myra_Woods: ....</div></div><</timed>>
<<timed 30s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Was there a line out the door when you went? Everyone’s been there, it’s practically a park.</div></div><</timed>>
<<timed 34s>><div class="msg-row right"><div class="messageSender">Myra_Woods: I am not interested in your group.</div></div><</timed>>
<<timed 39s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Hey, Ok. I’ll let you get back to it. If you see us snooping, now you know, I guess.</div></div><div class="ImAction">[[Log Off]]</div><</timed>>
<</replace>>
<</link>>
</div></div>
</div> <!-- end #choices -->
<</timed>>
<</append>>
<</linkreplace>>
</div></div>
<</append>>
<</timed>>
<</nobr>>
<<else>><<silent>>
<!-- B) If player hasn't met Adam -->
<<set $EdenMyraAfin = 10>>
<</silent>><div class="imWindow"><<silent>>
<</silent>><div class="imHeader"><h2>Eden Garcia</h2></div><<silent>>
<</silent>><div class="imHook" id="chat"></div><<silent>>
<</silent>> <div class="imFooter"><<silent>>
<</silent>><div class="fakeInput" contenteditable="false">Type a message...</div>
<button class="sendBtn">➤</button>
</div><<silent>>
<</silent>></div><<silent>>
<!-- 1) Eden's first message -->
<</silent>><<nobr>><<timed 0s>>
<<append "#chat">>
<div class="msg-row left">
<div class="messageReceived">Eden Garcia: Hi Myra!!!! Can I ask you something?</div>
</div>
<</append>>
<</timed>><</nobr>><<silent>>
<!-- 2) Myra’s first reply -->
<</silent>><<nobr>><<timed 7s>>
<<append "#chat">>
<div class="msg-row right"><<silent>>
<</silent>><div class="messageSender"><<silent>>
<</silent>> <<nobr>><<linkreplace "Shoot">>Myra Woods: Shoot.<<append "#chat">>
<<timed 4s>>
<div class="msg-row left">
<div class="messageReceived">Eden Garcia: Ah okay - Do you, like, want to come to a thing after work with some co-workers?</div>
</div>
<</timed>>
<<timed 10s>>
<div class="msg-row right">
<div class="messageSender">Myra Woods: Not Really.</div>
</div>
<</timed>>
<<timed 15s>>
<div class="msg-row right">
<div class="messageSender">Myra Woods: What is this for?</div>
</div>
<</timed>>
<<timed 19s>>
<div class="msg-row left">
<div class="messageReceived"> Eden_Garica: We just hang and talk about spooky things like ghosts, and cryptids and shit. We mainly just urban explore. </div>
</div>
<</timed>>
<<timed 26s>>
<div class="msg-row left">
<div class="messageReceived"> Eden Garcia: Adam is really into that superstitious stuff. Gabriel and I end up just gossing and hanging out.</div>
</div>
<</timed>>
<<timed 33s>>
<div class="msg-row left">
<div class="messageReceived"> Eden Garcia: You seem like you like that stuff anyway. I’ve seen that Twin Peaks poster girl. </div>
</div>
<</timed>>
<<timed 37s>>
<div class="msg-row left">
<div class="messageReceived">Eden Garcia: Come on! We don’t bite lol. It will have very chill vibes, I promise. </div>
</div>
<</timed>>
<<timed 39s>> <div id="choices">
<!-- Choice 1 -->
<div class="msg-row right">
<div class="messageSender">
<<link "<b>Don't Respond</b>">>
<<set $EdenMyraAfin -= 5>>
<<log You close your IM application and look away.>>
<<replace "#choices">><div class="messageSender">
<div class="ImAction">[[Look at Twin Peaks Poster]]</div></div>
<</replace>>
<</link>>
</div>
</div>
<!-- Choice 2 -->
<div class="msg-row right">
<div class="messageSender">
<<link "<b>Reject</b>">>
<<set $EdenMyraAfin -= 10>>
<<log You chose to deflect>>
<<replace "#choices">>
<div class="msg-row right">
<div class="messageSender">Myra_Woods:</div>
</div>
<!-- continue conversation -->
<</replace>>
<</link>>
</div>
</div>
</div><</timed>>
<</append>>
<</linkreplace>>
<</nobr>>
</div>
</div>
<</append>>
<</timed>>
<</nobr>>
<</if>>
<div class="terminalTaskbar"><div class="taskItems"><div class="startMenuTask"><img src="assets/WindowIcon.png" width="auto" height="20px"><b>Start</b></div><div class="teamsTaskbar"><img src="assets/contactIcon.png" width="auto" height="20px"></div></div><div class="systeminformation"><div class="terminaltime">3:45 PM</div><div class="terminalDate">3/6/2023</div></div></div></div><div class="passageText"><p>You navigate to your work’s IM application. You have one new message.</p></div>
<<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
<</silent>>
<div class="mainpage">
<div class="title-screen">
<div class="backgroundTitle"><div class="titleWSub"><<nobr>>
<h1>Myrrha</h1>
<h2>Prolouge</h2><</nobr>></div>
<p>[[New Game]]</p></div> </div>
<div class="frameElements">
<img src="https://cdn.creazilla.com/cliparts/3866768/vintage-filigree-extended-clipart-lg.png"
width="300px;" alt="filagree" />
</div>
<div class="frameElements4">
<img src="https://cdn.creazilla.com/cliparts/3866768/vintage-filigree-extended-clipart-lg.png"
width="700px;" alt="filagree" />
</div>
<div class="frameElements5">
<img src="https://cdn.creazilla.com/cliparts/3866768/vintage-filigree-extended-clipart-lg.png"
width="700px;" alt="filagree" />
</div>
<<silent>>
<<set $hasExplored = false>>
<<set $showStats = false>>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
</div>
<<audio "title" play loop volume 0.4>>
<</silent>><div class="passageContainer"><div class = "passageText">
You glance and hold your gaze on Kyle Maclauchan’sFace His eyes meet yours. You look deeper and start to see all the technicolor dots that comprise his smirk. You’ve had this poster since you first attended community college. You felt so independent to finally purchase something with your own summer job money and pinned it with purpose on thewall.
The hard smell of latex paint fills your senses. The feeling of shag carpet beneath you. This was the first time in your life, It was just you, alone. You bought this poster because you think you like Twin Peaks. You saw a season once and you think you were interested in the plot. After 6 years of schooling, an Associates and Bachelor's, and an array of shitty part-time jobs, you chose to hang it in your office cubicle as a reminder of something you don’t think you quite know or can articulate.
You can recall the smoothness of the poster's fresh face beneath your fingertips, but can't recall how it made you feel.
<<linkreplace "Take Down the Poster">>
Even now, you are not sure if you like Twin Peaks or what even Twin Peaks is about. You look beyond magenta, cyan and yellow spots and see the yellowing empty space between the atoms of color. This thing is getting old.
You commit to tossing the poster at the end of the work day and take one last, long, look at the male lead’s face, now drowning in garbage juice, before shutting the dumpster lid.
[[Go Home]]
<</linkreplace>>
</div></div>
<<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
<</silent>>:: IMWindow [widget]
<!-- IM Window Template -->
<div class="imWindow" id="imWindow" style="display:none;">
<div class="imHeader">
<span class="contactName"><<print _contactName>> </span>
<button class="closeBtn" onclick="document.getElementById('imWindow').style.display='none';">✕</button>
</div>
<div class="imChatArea" id="imChatArea">
<<for _line range _chatLines>>
<div class="imLine <<print _line.side>>">
<span class="speaker"><<print _line.name>>:</span>
<span class="message"><<print _line.text>></span>
</div>
<</for>>
</div>
<div class="imFooter">
<input id="chatInput" type="text" placeholder="Type a message...">
<button onclick="sendIM()">Send</button>
</div>
</div><div class="passageContainer">
<<nobr>>
<div class="passageText">
<div id="hiddenHook">
<p>You head back to your apartment. As you enter your mud room, you pass through the heavy scent of marijuana. You thank your downstairs neighbors for this by slamming the door and stomping up the steps. As you ascend you pass by an empty food & water bowl; you fill these up with kibble and water respectively.</p>
<<set $time to 17>>
<<linkappend "Open the Fridge">><hr>
<p> There is nothing to eat. </p>
<<linkappend "Close the fridge">><hr>
<p>Your stomach growls, you feel a surge of anger. </p>
<<linkappend "Open the Fridge, again">><hr>
<p> You open the fridge, again. You make out an old container of rice, eggs, and soy sauce. </p>
<<linkappend "Begrudgingly Make Fried Rice">><hr>
<<set $vigor to 8>>
<<set $time to 18>>
<p>Disgruntled from the needed effort, you cobble together fried rice. </p>
<</linkappend>>
<</linkappend>>
<</linkappend>>
<</linkappend>><br>
<<linkappend "Take a Dump">>
<</linkappend >><br>
<<linkappend "Boot-up Personal Computer">><hr>
<</linkappend>>
</div>
</div>
<</nobr>></div>
<<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
<</silent>>
<div class="passageContainer"><div class = "passageText">
[[Go Home]]
</div></div>
<<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet">
<</silent>><<set $mapUnlocked.dungeon = true>><<silent>>
<<run $("body").removeClass("brightPalette").addClass("terminalPalette")>>
<</silent>>
<!-- Terminal Hook (Fixed, Centered) -->
<div id="terminalHook">
<<nobr>>
<!-- Pop-up Browser Window Inside Terminal -->
<div id="terminalOut"><div id="terminalOutHeader">NetSurfer<span style="float:right; cursor:pointer;" onclick="$('#terminalOut').removeClass('active')">✕</span></div>
<div id="terminalOutContent">
<<log You open your browser.>><p>Quick Links</p>
<<link "VODTube">><<log You search for an interesting video. You are suddenly aware of your hands and unsure what to do with them while watching.>><</link>>
<<link "Glamazon">><<log You find something you desperately need but cannot afford.>><</link>>
<<link "BlinkedIn">><<log You scroll through the company’s social feeds of ads and hollow entertainment.>><</link>>
</div>
</div>
<!-- Terminal Icons -->
<div id="terminalMenu">
<div class="terminalIcons"><<nobr>>
<!-- Mail Icon --><div class="desktopIcon">
<<link '<img src="assets/WindowIcon.png\MailIcon.png" alt="Mail" style="width:40px;">'>>
<<log No New Messages.>>
<</link>></div>
<!-- Browser Icon --><div class="desktopIcon">
<<link '<img src="assets/WindowIcon.png\BrowserIcon.png" alt="Browser" style="width:40px;">'>>
<<run $("#terminalOut").addClass("active")>>
<</link>></div>
<!-- Illustrator Icon --><div class="desktopIcon">
<<link '<img src="assets/IllustratorIcon.png" alt="Illustrator" style="width:40px;">'>>
<<log You open Adobe Illustrator. The program promptly crashes. You decide not to send a bug report.>>
<</link>></div>
<!-- Notes--><div class="desktopIcon">
<<link '<img src="assets/notesicon.png" alt="notes app" style="width:40px">'>>
<<run $("#Notes").addClass("active")>>
<</link>></div>
<</nobr>> </div>
</div>
<</nobr>>
<!-- Taskbar -->
<div class="terminalTaskbar">
<!-- Start Menu (popup) -->
<div id="StartMenu"><<nobr>>
<div class="StartMenuItems">
<div class="menuItem">MyDocuments</div>
<div class="menuItem">MySettings</div>
<div class="menuItem">All Applications</div>
</div>
<div class="StartFooter">
<div class="StartMenuProfile">
<img src="assets/myrapp.png"> Myra Woods
</div><div>Power</div></div>
<</nobr>></div>
<!-- Task Items -->
<div class="taskItems">
<div class="startMenuTask" id="startButton">
<img src="assets/WindowIcon.png" height="20">
<b>Start</b>
</div>
<div id="teams"> <img src="assets/ImIcon.png" width="auto" height="20px"> </div> <<timed 10s>> <<replace "#teams">> <div class="notification"> <img src="assets/ImIcon.png" width="auto" height="20px"> <span class="wiggleNotif" style="animation-delay:0s;">[[1|Check Notification]]</span> </div><</replace>><</timed>></div>
<!-- System Information -->
<div class="systeminformation"><<nobr>>
<div class="terminaltime">3:45 PM</div>
<div class="terminalDate">3/6/2023</div>
<</nobr>> </div></div></div><div class="passageText">
<p>You sit neatly in your mesh-back chair and mantle your computing interface.</p>
<hr>
</div>
<<silent>>
[[ 1 |Check Notification]]
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet"><</silent>><<silent>>
<<run $("body").removeClass("brightPalette").addClass("terminalPalette")>>
<<set $EdenMyraIgnore = 0>>
<!-- Terminal Hook (Fixed, Centered) -->
<</silent>><div id="terminalHook"><<if $hasMeet>> <<nobr>><<silent>>
<!-- A) If player has met Adam via Seek Something Else Path -->
<<set $AdamMyraAfin = 10>>
<</silent>><div class="imWindow2" id="imWindow2"><div class="imHeader"><h2>Adam Steward</h2></div><div class="imHook" id="chat"></div>
<div class="imFooter">
<div class="fakeInput" contenteditable="false">Type a message...</div>
<button class="sendBtn">➤</button>
</div>
</div><<silent>>
<!-- 1) Adam's first message -->
<</silent>><<timed 0s>>
<<append "#chat">>
<div class="msg-row left"><div class="messageReceived">Adam_Steward: Hey… so I’ve been thinking about how, you know, you were hiding in the closet.</div></div>
<</append>>
<</timed>><<silent>>
<!-- 2) Myra’s first reply -->
<</silent>> <<timed 7s>>
<<append "#chat">>
<div class="msg-row right">
<div class="messageSender">
<<linkreplace "Not hiding, but do go on.">>
Myra_Wood: Not hiding, but do go on.
<<append "#chat">>
<<timed 4s>>
<div class="msg-row left"><div class="messageReceived">Adam_Steward: Right…</div></div>
<</timed>>
<<timed 8s>>
<div class="msg-row left"><div class="messageReceived">Adam_Steward: Why were you there in the first place?</div></div>
<div id="choices"><<silent>>
<!-- Choice 1: Lie -->
<</silent>><div class="msg-row right"><div class="messageSender">
<<link "<b>Lie</b>: I was looking for something and got locked in.">><<silent>>
<<set $AdamMyraAfin -= 5>>
<<log You chose to save face.>>
<<replace "#choices">>
<</silent>> <div class="msg-row right"><div class="messageSender">Myra_Woods: I was looking for something and got locked in.</div></div>
<<timed 2s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Ha, strange.</div></div><</timed>>
<<timed 4s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Well, I am looking to form a group of eccentric explorers, to explore eccentric spaces. When I saw you in the closet, I wanted to invite you to the group!</div></div><</timed>>
<<timed 6s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Is this like a Facebook thing?</div></div><</timed>>
<<timed 8s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: No, this is in-person. Everyone in the group actually works here too.</div></div><</timed>>
<<timed 10s>><div class="msg-row right"><div class="messageSender">Myra_Woods: So basically a group chat with adventures. Where have you gone?</div></div><</timed>>
<<timed 12s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: The abandoned Long-John Silvers. Desolate, lots of old oil build up and gum. I think there’s a link to the backrooms there.</div></div><</timed>>
<<timed 14s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Was there a line out the door when you went? Everyone’s been there, it’s practically a park.</div></div><</timed>>
<<timed 17s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Look I don’t want to be mean or play gatekeeper - I’m just not interested.</div></div><</timed>>
<<timed 20s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Fair enough. If you ever change your mind, you know where to find us.</div></div><<replace "#logOff">>[[Log Off]]<</replace>><</timed>><<silent>>
<</silent>><</replace>>
<</link>>
</div></div><<silent>>
<!-- Choice 2: Lie Less -->
<</silent>><div class="msg-row right"><div class="messageSender">
<<link "<b>Lie, Less</b>: I was taking a break and needed a place to think.">>
<<set $AdamMyraAfin += 5>>
<<log You chose a white lie.>>
<<replace "#choices">>
<div class="msg-row right"><div class="messageSender">Myra_Woods: I was taking a break and needed a place to think.</div></div>
<<timed 5s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Well, I’m forming a group of eccentric explorers. When I saw you in the closet, I wanted to invite you to the group!</div></div><</timed>>
<<timed 8s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Is this like a Facebook thing?</div></div><</timed>>
<<timed 12s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: No, in-person. Everyone in the group works here too.</div></div><</timed>>
<<timed 16s>><div class="msg-row right"><div class="messageSender">Myra_Woods: So a Teams chat with adventures. Where have you visited?</div></div><</timed>>
<<timed 20s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: The abandoned Long-John Silvers. Desolate, lots of old oil build up and gum. I think there’s a link to the backrooms there.</div></div><</timed>>
<<timed 24s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Was there a line out the door when you went? Everyone’s been there, it’s practically a park.</div></div><</timed>>
<<timed 27s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Look, I don’t want to be mean or play gatekeeper - I’m just not interested.</div></div><</timed>>
<<timed 32s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: You sound like you know a thing or two about exploring! If you ever change your mind, you’re welcome to join us.</div></div><<replace "#logOff">>[[Log Off]]<</replace>><</timed>>
<</replace>>
<</link>>
</div></div><<silent>>
<!-- Choice 3: Deflect -->
<</silent>><div class="msg-row right"><div class="messageSender">
<<link "<b>Deflect</b>: Why were you snooping around?">>
<<set $AdamMyraAfin -= 10>>
<<log You chose to deflect>>
<<replace "#choices">>
<div class="msg-row right"><div class="messageSender">Myra_Woods: Why were you snooping around?</div></div>
<<timed 2s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Just being curious. Objects carry a history if you’re willing to listen.</div></div><</timed>>
<<timed 7s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: I am looking to form a group of eccentric, curious historians, to you know, explore forgotten spaces. When I saw you in the closet, well, I wanted to invite you to the group.</div></div><</timed>>
<<timed 10s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Is this like a Facebook thing with strangers??</div></div><</timed>>
<<timed 16s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: No, this is an in-person group of curious individuals. In-fact they all work in this office. You may know some of them. .</div></div><</timed>>
<<timed 20s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Have you committed and gone anywhere outside of your GC?</div></div><</timed>>
<<timed 25s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: The abandoned Long-Silvers. Disturbing activity there.</div></div><</timed>>
<<timed 29s>><div class="msg-row right"><div class="messageSender">Myra_Woods: ....</div></div><</timed>>
<<timed 30s>><div class="msg-row right"><div class="messageSender">Myra_Woods: Was there a line out the door when you went? Everyone’s been there, it’s practically a park.</div></div><</timed>>
<<timed 34s>><div class="msg-row right"><div class="messageSender">Myra_Woods: I am not interested in your group.</div></div><</timed>>
<<timed 39s>><div class="msg-row left"><div class="messageReceived">Adam_Steward: Hey, Ok. I’ll let you get back to it. If you see us snooping, now you know, I guess.</div></div><<replace "#logOff">>[[Log Off]]<</replace>></div><</timed>>
<</replace>>
<</link>>
</div></div>
</div> <!-- end #choices -->
<</timed>>
<</append>>
<</linkreplace>>
</div></div>
<</append>>
<</timed>>
<</nobr>>
<<else>><<silent>>
<!-- B) If player hasn't met Adam -->
<<set $EdenMyraAfin = 10>>
<</silent>><div class="imWindow" id="imWindow2"><<silent>>
<</silent>><div class="imHeader"><h2>Eden Garcia</h2></div><<silent>>
<</silent>><div class="imHook" id="chat"></div><<silent>>
<</silent>> <div class="imFooter"><<silent>>
<</silent>><div class="fakeInput" contenteditable="false">Type a message...</div>
<button class="sendBtn">➤</button>
</div><<silent>>
<</silent>></div><<silent>>
<!-- 1) Eden's first message -->
<</silent>><<nobr>><<timed 0s>>
<<append "#chat">>
<div class="msg-row left">
<div class="messageReceived">Eden Garcia: Hi Myra!!!! Can I ask you something?</div>
</div>
<</append>>
<</timed>><</nobr>><<silent>>
<!-- 2) Myra’s first reply -->
<</silent>><<nobr>><<timed 7s>>
<<append "#chat">>
<div class="msg-row right"><<silent>>
<</silent>><div class="messageSender"><<silent>>
<</silent>> <<nobr>><<linkreplace "Shoot">>Myra Woods: Shoot.<<append "#chat">>
<<timed 4s>>
<div class="msg-row left">
<div class="messageReceived">Eden Garcia: Ah okay - Do you, like, want to come to a thing after work with some co-workers?</div>
</div>
<</timed>>
<<timed 10s>>
<div class="msg-row right">
<div class="messageSender">Myra Woods: Not Really.</div>
</div>
<</timed>>
<<timed 15s>>
<div class="msg-row right">
<div class="messageSender">Myra Woods: What is this for?</div>
</div>
<</timed>>
<<timed 19s>>
<div class="msg-row left">
<div class="messageReceived"> Eden_Garica: We just hang and talk about spooky things like ghosts, and cryptids and shit. We mainly just urban explore. </div>
</div>
<</timed>>
<<timed 26s>>
<div class="msg-row left">
<div class="messageReceived"> Eden Garcia: Adam is really into that superstitious stuff. Gabriel and I end up just gossing and hanging out.</div>
</div>
<</timed>>
<<timed 33s>>
<div class="msg-row left">
<div class="messageReceived"> Eden Garcia: You seem like you like that stuff anyway. I’ve seen that Twin Peaks poster girl. </div>
</div>
<</timed>>
<<timed 37s>>
<div class="msg-row left">
<div class="messageReceived">Eden Garcia: Come on! We don’t bite lol. It will have very chill vibes, I promise. </div>
</div>
<</timed>>
<<timed 39s>> <div id="choices">
<!-- Choice 1 -->
<div class="msg-row right">
<div class="messageSender">
<<link "<b>Don't Respond</b>">>
<<set $EdenMyraAfin -= 5>>
<<set $EdenMyraIgnore = 1>>
<<replace "#choices">>
<<replace "#posterLink">>
[[Look at Twin Peaks Poster]]
<</replace>>
<</replace>>
<</link>>
</div>
</div>
<!-- Choice 2 -->
<div class="msg-row right">
<div class="messageSender">
<<link "<b>Reject</b>">>
<<set $EdenMyraAfin -= 10>>
<<log You chose to deflect>>
<<replace "#choices">>
<div class="msg-row right">
<div class="messageSender">Myra_Woods:</div>
</div>
<!-- continue conversation -->
<</replace>>
<</link>>
</div>
</div>
</div><</timed>>
<</append>>
<</linkreplace>>
<</nobr>>
</div>
</div>
<</append>>
<</timed>>
<</nobr>>
<</if>>
<<nobr>>
<!-- Pop-up Browser Window Inside Terminal -->
<div id="terminalOut">
<div id="terminalOutHeader">
<img src="assets/NetSurferIcon.png" width="40px">
<div class="browserHeaderText">NetSurfer</div>
<span id="close" onclick="$('#terminalOut').removeClass('active')">✕</span>
</div>
<div id="terminalOutContent">
<<log You open your browser.>><p style="
margin-bottom: 30px;
">Quick Links</p>
<<link "VODTube">><<log You search for an interesting video. You are suddenly aware of your hands and unsure what to do with them while watching.>><</link>>
<<link "Glamazon">><<log You find something you desperately need but cannot afford.>><</link>>
<<link "BlinkedIn">><<log You scroll through the company’s social feeds of ads and hollow entertainment.>><</link>>
</div>
</div>
<!-- Terminal Icons -->
<div id="terminalMenu">
<div class="terminalIcons"><<nobr>>
<!-- Mail Icon --><div class="desktopIcon">
<<link '<img src="assets/MailIcon.png" alt="Mail" style="width:40px;">'>>
<<log No New Messages.>>
<</link>></div>
<!-- Browser Icon --><div class="desktopIcon">
<<link '<img src="assets/NetSurferIcon.png" alt="Browser" style="width:40px;">'>>
<<run $("#terminalOut").addClass("active")>>
<</link>></div>
<!-- Illustrator Icon --><div class="desktopIcon">
<<link '<img src="assets/paintIcon.png" alt="Art Program" style="width:40px;">'>>
<<log You open Adobe Illustrator. The program promptly crashes. You decide not to send a bug report.>>
<</link>></div>
<!-- Notes--><div class="desktopIcon">
<<link '<img src="assets/note.png" alt="notes app" style="width:40px">'>>
<<run $("#Notes").addClass("active")>>
<</link>></div>
<</nobr>> </div>
</div>
<</nobr>>
<!-- Taskbar -->
<div class="terminalTaskbar">
<!-- Start Menu (popup) -->
<div id="StartMenu"><<nobr>>
<div class="StartMenuItems">
<div class="menuItem"><img src="assets/toggle.png" width="auto;" height="40px;">MyDocuments</div>
<div class="menuItem"><img src="assets/settings.png" width="auto;" height="40px;">MySettings</div>
<div class="menuItem"><img src="assets/application.png" width="auto;" height="40px;">All Applications</div>
</div>
<div class="StartFooter">
<div class="StartMenuProfile">
<div class="PPFrame"><div class="PP"><img src="assets/myrapp.png"></div></div> Myra Woods
</div><div>Power</div></div>
<</nobr>></div>
<!-- Task Items -->
<div class="taskItems">
<div class="startMenuTask" id="startButton">
<img src="assets/WindowIcon.png" height="20px">
<b>Launch</b>
</div>
<div id="teams"> <img src="assets/ImIcon.png" width="auto" height="20px"> </div>
<<timed 10s>>
<<replace "#teams">>
<<nobr>><div id="notif" class="notification">
<<link '<img src="assets/ImIcon.png" width="auto" height="20px">'>>
<<run $("#imWindow2").addClass("active")>>
<</link>>
</div><</nobr>>
<</replace>>
<</timed>>
</div>
<!-- System Information -->
<div class="systeminformation"><<nobr>>
<div class="terminaltime">3:45 PM</div>
<div class="terminalDate">3/6/2023</div>
<</nobr>></div></div></div><div class="passageText">
<p>You sit neatly in your mesh-back chair and mantle your computing interface.</p>
<hr>
<span id="posterLink"></span><span id="logOff"></span>
</div>
<<silent>>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Italianno&display=swap" rel="stylesheet"><</silent>>