Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
Loading…
<div class="aboutTitle">Credits</div>\
<div class="present">\
\
* A very special thanks to my playtesters, including Kari Kraus, Arianna Montero-Colbert, and Anastasia Salter. Any shortcomings of this work are entirely mine.
* The [[swing photo->https://unsplash.com/photos/_p5CoeXeF_I]] by Aaron Burden, [[rocking chair photo->https://unsplash.com/photos/LzKc4LNqDGM]] by Kevin Noble, and [[gas mask photo->https://unsplash.com/photos/ogl7a4dz9Ks]] by Jacob Boavista are freely available on Unsplash
* The [[old brick house->https://www.flickr.com/photos/dok1/16391451875/]] is courtesy of Flickr user Don O'Brien and is Creative Commons licensed.
* The [[gas mask icon->https://freesvg.org/gas-mask-vector-image13997]] and [[fly->https://freesvg.org/root-fly-image]] are courtesy of FreeSVG and are in the public domain.
* The [[breathing audio->https://freesound.org/people/ckvoiceover/sounds/401336/]], [[paper rustling->https://freesound.org/people/MindlessTrails/sounds/509540/]], [[grabbing something->https://freesound.org/people/aabbccddee123/sounds/469956/]], [[driving in the rain->https://freesound.org/people/mitchellsounds/sounds/59474/]], [[windshield wiper->https://freesound.org/people/kev_durr/sounds/349188/]], [[writing->https://freesound.org/people/AO-SoundPawz/sounds/444676/]], [[vibrating phone->https://freesound.org/people/Harrisando/sounds/466217/]], [[creaking door->https://freesound.org/people/EricsSoundschmiede/sounds/377537/]], [[moaning->https://freesound.org/people/emmanuel/sounds/26950/]], and [[creaking floor->https://freesound.org/people/orestes910/sounds/108850/]] clips comes from Freesound.
* The photograph of Babyface is not a real person; it’s an AI-generated portrait courtesy of [[This Person Does Not Exist->https://thispersondoesnotexist.com/]]
* The songs <q>I Knew My Way Downtown and Walking was Deluxe</q> and <q>Everyone Will Notice, No One Will Say Anything</q> are courtesy of Chris Zabriskie, from his Creative Commons licensed album //[[I Made This While You Were Sleeping->https://chriszabriskie.bandcamp.com/album/i-made-this-while-you-were-asleep]]//.
\
</div>
\
<<include "Menu">>\<div class="aboutTitle">About Babyface</div>\
<div class="present">\
//Babyface// is written and coded by [[Mark Sample->https://www.samplereality.com]], based on a nightmare from May 2020. It is a submission to IFComp 2020. The only puzzles in the game are metaphysical. While the world of //Babyface// is a cruel one indeed, the game itself is Merciful on Andrew Plotkin’s Cruelty Scale. Toggle fullscreen mode on and off with the ‘f’ key.
''Content Warning:'' //Babyface// is best characterized as Southern Gothic. There are no explicit depictions of violence, but //Babyface// includes implied violence and body horror. Currently playing audio tracks can be muted and unmuted at any time with the ‘m’ key.
Mark Sample
North Carolina
September 2020
//Babyface v1.5//
</div>\
<<include "Menu">><div class="maskIcon" id='littleMask'><<include "mask">></div>\<<audio 'day1' fadeoverto 15 0>>\
<div class="timeDay">\
Tuesday, 6:30pm
</div>
<div class="present">\
The week after Mom died I show up at Dad’s unannounced. He’s holding up okay. The house is tidy. He’s shaved and dressed. The same Old Spice he’s worn for decades hangs in the air. I leave my shoes at the door and put on the N95.
Street noise filters in through the breezeway. <<linkreplace "Shoeboxes">>Shoeboxes<<toggleclass "#boxes" "hide">><</linkreplace>> are all over the kitchen table.
@@#boxes.hide;What’s this Dad? I ask. There must be two dozen boxes piled on the table.
He <<linkreplace "grins">>grimmaces<<toggleclass "#grin" "hide">><</linkreplace>>.@@
@@#grin.hide;Photographs, kiddo. You remember real photos, don’t you? I never realized how many pictures your mother took. All these pictures. She must have been keeping them from me. Most of them I’ve [[never even seen->pictures]] before, he says.@@
</div><div class="present">\
<<audio 'rustle' play>>\
He scoops out a stack of photographs. It seems random, the way he grabs them. Just a haphazard collection of old memories. I think about my own photos. They only exist on screens and in the cloud, <<linkreplace "nothing">>nothing<<toggleclass "#nothing" "hide">><</linkreplace>> you can touch.
@@#nothing.hide;Nothing you can pass on.
He hands me a <<link "few photos">><<audio 'rustle' play>><<goto "few photos">><</link>>.@@
</div><div class="polaroid-images">\
\
<a id="lonelyswing" href="javascript:void(0)" title="Our Secret Swing"><img height="300" src="images/swing.jpg" alt="An old swing hanging from a tree" title="Our Secret Swing" /></a>\
\
<a id="corridor" href="javascript:void(0)" title="Rockabye"><img height="300" src="images/rocker.jpg" alt="An old wooden rocking chair" title="Rockabye" /></a>\
\
<a id="brickHouse" href="javascript:void(0)" title="Babyface’s House"><img height="300" src="images/brickHouse.jpg" alt="The Babyface House" title="The Babyface House" /></a>\
\
<a id="babyface" href="javascript:void(0)" title="19--"><img height="300" src="images/babyface3.jpg" alt="19-- Class Portrait" title="19-- Class Portrait" /></a>\
\
</div>\<div class="singlePolaroid"><a href="javascript:void(0)" id="pic" title="19--"><img src="images/babyface3.jpg" alt="19-- Class Portrait" title="19-- Class Portrait" /></a></div>\
<div class="present">\
<<if $seeBabyface is false>>\
<<include "writing memory">>\
Who’s this, <<linkreplace "I ask">>I ask<<toggleclass "#flame" "hide">><</linkreplace>>.
@@#flame.hide;Dad <<linkreplace "harrumphs">>harrumphs<<toggleclass "#jealous" "hide">><<set $seeBabyface to true>><</linkreplace>>. That’s your mom’s old flame. She used to date him, you know, in high school. People didn’t much like that relationship.@@
@@#jealous.hide;You jealous, Dad? I’m teasing him. I mean to laugh but it comes out as a <<linkreplace "nervous giggle">>nervous giggle<<toggleclass "#glares" "hide">><</linkreplace>>.@@
@@#glares.hide;He glares at me. She chose me, he says.
jk, Dad. jk. I hand <<set $photo to "the picture">><<include "return photo">> back to him.@@
<<else>>\
I steal another look at Mom’s old boyfriend. It’s strange to imagine her with him. He’s so young. He’s so, different from her I guess?
Dad shuffles <<set $photo to "behind me">><<include "return photo">>.
<</if>>
</div><div class="singlePolaroid"><a href="javascript:void(0)" id="pic" title="Babyface’s House"><img src="images/brickHouse.jpg" alt="The Babyface House" title="The Babyface House" /></a></div>\
<div class="present">\
<<if $seeHouse is false>>\
<<include "writing memory">>\
The house is familiar. I walked by it every day when I was a kid, on my way to grade school. Everyone called it the <<linkreplace "Babyface House">>Babyface House<<toggleclass "#why" "hide">><</linkreplace>>. @@#why.hide;No one could say why. It always looked run down and empty.
I grasp at half-remembered neighborhood <<linkreplace "rumors">>rumors<<toggleclass "#rumors" "hide">><<set $seeHouse to true>><</linkreplace>>.@@
@@#rumors.hide;Someone lived there? A shut-in?
I hand the <<set $photo to "old photo">><<include "return photo">> back to my dad.@@
<<else>>\
I guess even Mom knew what we called the house, but I’d never heard it in <<linkreplace "the possessive">>the possessive<<toggleclass "#possess" "hide">><</linkreplace>>. @@#possess.hide;Babyface’s house. It had always just been the Babyface house for us kids.
It made me wonder about the captions on the <<set $photo to "other photos">><<include "return photo">>.@@<</if>>
</div><div class="singlePolaroid"><a href="javascript:void(0)" id="pic" title="Our Secret Swing"><img src="images/swing.jpg" alt="An old swing hanging from a tree'" title="Our Secret Swing" /></a></div>\
<div class="present">\
<<if $seeSwing is false>>\
<<include "writing memory">>\
Your mother took that, Dad says. She took all of these, he adds, waving at the boxes with <<linkreplace "a shaky hand">>a shaky hand<<toggleclass "#flies" "hide">><<set $seeSwing to true>><</linkreplace>>. @@#flies.hide;Almost like shooing away flies.
I don’t even remember this swing, he grumbles. He grabs the <<set $photo to "picture">><<include "return photo">> from me.@@
<<else>>\
I look at the old swing again. <q>Our secret</q> it says in Mom’s tidy script.
Dad coughs and I turn back to the <<set $photo to "other photos">><<include "return photo">>.
<</if>>
</div><div class="singlePolaroid"><a href="javascript:void(0)" id="pic" title="Rockabye"><img src="images/rocker.jpg" alt="An old rocking chair in an attic" title="Rockabye" /></a></div>\
<div class="present">\
<<if not $seePassage>>\
<<include "writing memory">>\
It’s a wooden rocking chair, strangely aglow from something out of frame. It’s old, ancient even. I can almost hear the creak. I don’t recognize the rocker or the attic.
Dad, where’s this, I <<linkreplace "ask">>ask<<toggleclass "#nowhere" "hide">><<set $seePassage to true>><</linkreplace>>.
@@#nowhere.hide;Nowhere, kiddo, that’s just...nowhere.
He snatches <<set $photo to "the photo">><<include "return photo">>.@@
<<else>>\
I grab the photo back from Dad. He shrugs and says <<linkreplace "something I don’t understand">>something I don’t understand<<toggleclass "#everywhere" "hide">><</linkreplace>>. @@#everywhere.hide;That you live where you stand, but you sit where you die.
Dark, Dad.
I hand the <<set $photo to "the old Polaroid">><<include "return photo">> back.@@
<</if>>\
</div><div class="present">
Listen, kiddo, Dad says. I don’t mean to be rude, but I’m going to kick you out. I’ve got a lot to do. He gestures toward the kitchen table, strewn with boxes and photographs.
But, I protest, <<linkreplace "I—">>I—<<toggleclass "#cut" "hide">><<audio 'day1' loop volume 0 fadein>><</linkreplace>>
@@#cut.hide;He cuts me off. I’m doing fine. You don’t need to <<linkreplace "keep checking up">>keep checking up<<toggleclass "#checking" "hide">><</linkreplace>> on me.@@
@@#checking.hide;He ushers me to the door. Shoes on and mask off. And <<link "that’s that" t8n>><<goto "day 2 pause">><</link>>.@@
</div><<if not $seeHouse and not $seeSwing and not $seePassage and not $seeBabyface>>Old Polaroids, all labeled in Mom’s distinctive handwriting. I remember birthday cards with those loops and curves, letters in college, newspaper clippings she’d send me with funny little sticky notes attached.
<</if>><<link $photo>>
<<audio 'handoff' play>>
<<if $seeHouse and $seeSwing and $seePassage and $seeBabyface>>
<<goto "Kicked out">>
<<else>>
<<goto "few photos">>
<</if>>
<</link>><<timed 7s>><<goto "day 2" t8n>><</timed>><div class="timeDay">\
Thursday, 11:30am
</div>
<div class="present">I forget about the photos.
<<timed 4s t8n>>Dad does not.
<<next 3s t8n>>\
<<audio 'day1' fadeoverto 15 0>>\
A few days later he calls me <<linkreplace "at work">>at home. Where I’ve worked since March<<toggleclass "#sigh" "hide">><</linkreplace>>.
@@#sigh.hide;These photos, he sighs. So many. It’s like your mom never left. Can you come over tonight? There’s <<linkreplace "something">>something<<toggleclass "#something" "hide">><</linkreplace>> I have to show you.@@ @@#something.hide;Something I don’t understand.
Sure, I tell him. I’ll come over [[this evening->Thursday evening]].@@
<</timed>>
</div><div class="timeDay">\
Thursday, 7:00pm
</div>
\
<div class="present">\
The rest of the day goes as days go. Meetings, reports, doomscrolling in the background.
When I get to Dad’s, he meets me at the door and <<linkreplace "waves me in">>waves me in<<toggleclass "#ashen" "hide">><</linkreplace>>. @@#ashen.hide;He looks tired, wan. Ashen.
I don’t even have a chance to do my shoes or the other things. Dad hovers close to my face and I smell something sour on his breath, like milk gone bad. He <<linkreplace "starts right away">>starts right away<<toggleclass "#begins" "hide">><</linkreplace>>.@@
@@#begins.hide;Look, I didn’t tell you the whole story the other day. That photo of her <<linkreplace "old boyfriend?">>old boyfriend?<<toggleclass "#bface" "hide">><</linkreplace>>@@
@@#bface.hide;It’s Babyface. That’s [[Babyface->Babyface History]].@@
</div><div class="singlePolaroid">\
<<audio 'handoff' play>>\
<a href="javascript:void(0)" id="pic" title="Babyface’s House"><img src="images/brickHouse.jpg" alt="The Babyface House" title="The Babyface House" /></a>\
</div>\
<div class="present">\
Dad produces the picture of the old house. One minute his hand is empty, the next he’s holding the picture. Yeah, he says, the same Babyface <<linkreplace "who lives here">>who lived here, he corrects himself<<toggleclass "#afraid" "hide">><</linkreplace>>. @@#afraid.hide;That house you and your friends were always so afraid of.
He and your mom, <<linkreplace "well">>well<<toggleclass "#back" "hide">><</linkreplace>>.@@ @@#back.hide;They go way back.
He always looked so young, see, that’s why everyone called him Babyface. It started, I don’t know, when he was a kid and the name just kinda stuck.
Babyface had [[strange notions]], though.@@
</div><div class="singlePolaroid">\
<a href="javascript:void(0)" id="pic" title="Babyface’s House"><img src="images/brickHouse.jpg" alt="The Babyface House" title="The Babyface House" /></a>\
</div>\
<div class="present">\
What do you mean, I ask. Dad sighs as he searches for words.
<<linkreplace "Strange notions">>Strange notions<<toggleclass "#youknow" "hide">><</linkreplace>>. @@#youknow.hide;<<linkreplace "You know?">><<toggleclass "#tinfoil" "hide">>You Know?<</linkreplace>>@@ @@#tinfoil.hide;Tinfoil hat <<linkreplace "kind of notions">>kind of notions<<toggleclass "#lookedat" "hide">><</linkreplace>>.@@ @@#lookedat.hide;Like, chemtrails, spiked drinking water, the whole shebang. And he had a thing about being looked at. They say he started wearing <<linkreplace "a mask">>a mask<<toggleclass "#facemask" "hide">><</linkreplace>>, twenty, thirty years ago.@@
@@#facemask.hide;A mask so you couldn’t see his face. And then Babyface started staying home, never going out.
Dad hands me <<link "two pictures">><<audio 'rustle' play>><<goto 'mask photo'>><</link>>.@@
</div><div style="width: 100%; display: inline-block;">
<div class="polaroid-images">\
\
<a id="babyface2" href="javascript:void(0)" title="19--"><img height="300" src="images/babyface3.jpg" alt="19-- Class Portrait" title="19-- Class Portrait" /></a>\
\
<a id="gasmask2" href="javascript:void(0)" title="episcopi vagantes"><img height="300" src="images/mask.jpg" alt="Babyface in a Gas Mask" title="Babyface in Gasmask" /></a>\
\
</div>
</div>
<div class="present" style="width: 100%; display: inline-block; margin-top: 15px;">
<<first>>It’s the same person, Dad says. Decades apart. <<timed 5s t8n>>I study the pictures more closely.<</timed>>\
<<then>>I didn’t know your mom was still in touch with him.\
<<then>>He stayed shut in that house for years. No visitors. No friends. <<linkreplace "Nobody">>Nobody<<toggleclass "#yourMom" "hide">><</linkreplace>>. @@#yourMom.hide;Except your mom, I guess. She still saw him. She had to have, to take <<linkreplace "these">>these<<toggleclass "#morepics" "hide">><</linkreplace>>.@@ @@#morepics.hide;He points to the photos in my hand.@@\
<<then>>He locked himself inside that house. Most people didn’t even know if he was alive or dead.\
<<finally>>I had no idea she took these, your mom. No idea when or how. But these aren’t the photos I wanted to show you. [[This->Reading]] is what I wanted you to see.\
<</first>>
</div><div class="singlePolaroid"><a href="javascript:void(0)" id="pic" title="19--"><img src="images/babyface3.jpg" alt="19-- Class Portrait" title="19-- Class Portrait" /></a></div>\
<div class="present">\
<<if not $seeBabyfaceDetails>>\
I ask <<linkreplace "the obvious">>the obvious<<toggleclass "#obvious" "hide">><<set $seeBabyfaceDetails to true>><</linkreplace>>. @@#obvious.hide;Why didn’t he want to be looked at? He’s //hot//.
Dad counters with an icy glare. He wasn’t all that, he says. But he sure was vain. Babyface, he thought looking at something uses it up. The more people see your face, the more it’s used. The more it’s <<link 'used up'>><<audio 'handoff' play>><<goto 'mask photo'>><</link>>.@@
<<else>>\
That <<linkreplace "phrase">>phrase<<toggleclass "#usedup" "hide">><</linkreplace>> echoes in my mind. @@#usedup.hide;//Looking at something <<link 'uses it up'>><<audio 'handoff' play>><<goto 'mask photo'>><</link>>.//@@
<</if>>
</div><div class="singlePolaroid"><a id="gasmask2" href="javascript:void(0)" title="episcopi vagantes"><img height="300" src="images/mask.jpg" alt="Babyface in a Gas Mask" title="Babyface in Gasmask" /></a></div>\
<div class="present">\
<<if not $seeGasmask>>\
Babyface started masking up, says Dad. At first it was a bandana. But the masks got <<linkreplace "more complicated">>more complicated<<toggleclass "#bandages" "hide">><<set $seeGasmask to true>><</linkreplace>> over time.
@@#bandages.hide;Surgical masks. Bandages, like the Invisible Man. Then for years, a <<link 'gas mask'>><<audio 'handoff' play>><<goto 'mask photo'>><</link>>.@@
<<else>>\
<<if not $episcopi>>\
I study the caption. Dad, what’s <<linkreplace "<q>episcopi vagantes</q>">><q>episcopi vagantes</q><<toggleclass "#Latin" "hide">><<set $episcopi to true>><</linkreplace>> mean? @@#Latin.hide;I didn’t know Latin, and as far as I knew, neither had Mom.
Hell if I know, Dad snaps. I never saw <<link 'this photo'>><<audio 'handoff' play>><<goto 'mask photo'>><</link>> in my life until yesterday.@@
<<else>>\
I don’t know what chilled me more: Mom’s Latin or Babyface’s mask. Both seemed otherworldly. They defied my understanding of Mom, Dad, the <<link 'people in this town'>><<audio 'handoff' play>><<goto 'mask photo'>><</link>>.
<</if>>
<</if>>
</div><div class="present">\
Dad’s voice is shaky and I <<linkreplace "reach out">>reach out<<toggleclass "#shirks" "hide">><</linkreplace>> to touch his shoulder. @@#shirks.hide;He shrinks back. He doesn’t even seem to realize it.
Then he whispers in <<linkreplace "a hollow voice">>a hollow voice<<toggleclass "#coffins" "hide">><</linkreplace>>.@@ @@#coffins.hide;All these shoeboxes, they’re cardboard coffins for her secret life.
I don’t know if Dad’s talking to me or himself.
Look, he says, I found this on a few of the photographs. I don’t know what it means. Dad hands me a <<link 'sticky note'>><<audio 'handoff' play goto 'sticky note'>><</link>>.@@
</div><div class="rotate-3">\
<div class="postit">\
faciem larva
- oculi
- rictu
- spiritum
- abominatio animae
He’ll never release me.
</div>\
\
</div>\
<div class="present">
<<timed 8s t8n>>\
I <<linkreplace "sound out">>sound out<<toggleclass "#shiver" "hide">><</linkreplace>> the Latin and shiver.
@@#shiver.hide;Dad looks away. The note was on these photos, he says. He hands me four pictures. They’re labeled, but I don’t recognize the writing. It’s not Mom’s. The four photos are duplicates, but each slightly <<linkreplace "different">>damaged<<toggleclass "#blinding" "hide">><<audio "day1" time 120 volume 0 fadeoverto 8 1>><</linkreplace>>.@@
@@#blinding.hide;In each one, [[the eyes->more photos]] are scratched out.@@
<</timed>>
</div><div class="polaroid-images polaroid-eyes defaultCursor">\
\
<a id="never" href="javascript:void(0)" title="Never"><img height="300" src="images/babyface-scratch.jpg" alt="Babyface" title="Babyface" /></a>
<a id="watchme" href="javascript:void(0)" title="Watch Me"><img height="300" src="images/babyface-scratch.jpg" alt="Babyface" title="Babyface" /></a>
<a id="watchyou" href="javascript:void(0)" title="Watch You"><img height="300" src="images/babyface-scratch.jpg" alt="Babyface" title="Babyface" /></a>
<a id="babyfacescratch" href="javascript:void(0)" title="Forever"><img height="300" src="images/babyface-scratch.jpg" alt="Babyface" title="Babyface" /></a>
\
</div>
<div class="present">
<<timed 14s>>
<<goto "Scratched Baby Face">>
<</timed>>
</div><<audio 'day1' fadeto .33>>\
<div class="singlePolaroid creepySinglePolaroid">\
<span id='livephoto'><a href="javascript:void(0)" title="Never"><img height="300" src="images/babyface-scratch.jpg" alt="Babyface" title="Babyface" /></a></span>\
</div>\
<div class="present">\
I think about totemic effigies, ritualistic blinding. Oedipus Rex. Except the scratched-out eyes seem to see me. Seem to see through me. It’s not blindness so much as <<linkreplace "a different kind of sight">>a different kind of sight<<toggleclass "#hollow" "hide">><</linkreplace>>.
@@#hollow.hide;I feel hollowed out, like some strange fruit devoured by maggots from within.
Dad, I choke out, what’s going on? <<linkreplace "What is all this?">>What is all this?<<toggleclass "#sense" "hide">><</linkreplace>> I gesture vaguely at the photos, the room, the world.@@
@@#sense.hide;I don’t know, kiddo. I really don’t. Dad collapses onto the chair at the head of the kitchen table. They keep me up at night, the questions I have. I thought you might make some sense of it. You were always so close to [[your mom]].@@
</div>
<<silently>>
<<repeat 2s>>\
<<audio 'static' play>>\
<<set _title to $creepyTitle.shift()>>\
<<set $creepyTitle.push(_title)>>
<<replace "#livephoto">>\
<a href="javascript:void(0)" @title="_title"><img src="images/babyface-scratch.jpg" alt="Babyface" title="Babyface" /></a>\
<</replace>>
<</repeat>>
<</silently>><div class="present">\
<span class="fly">\
<img id="fly1" src="images/RootFly.svg">\
</span>\
Dad, I don’t recognize this side of Mom. The strange writing? The pictures? This Babyface?
I shudder, thinking about that crumbling brick house I scurried past all those years ago, and the solitary man inside.
<<linkreplace "A thought">>A question<<toggleclass '#recent' 'hide'>><<include "fly">><</linkreplace>> occurs to me. @@#recent.hide;Dad, when did Babyface die?@@
@@#flies.hide;Stinking flies, Dad suddenly shouts. Everywhere I look, there’s <<linkreplace "stinking flies">>stinking flies<<toggleclass "#stinking" "hide">><</linkreplace>>.@@
@@#stinking.hide;I only see the one, droning about the kitchen table, but Dad’s waving his hand like there’s [[a swarm]].@@
</div><<script>>
var buzz = SimpleAudio.tracks.get("fly");
var t2 = anime.timeline({
loop: false
});
t2
.add({
targets: '#fly1',
keyframes: [
{translateX: 0, translateY: 50, scale: .33},
{translateX: 200, translateY: 225, scale: .33},
{translateX: 230, translateY: 280, scale: .66},
{translateX: 275, translateY: 185, scale: .75, rotate: -5},
{translateX: 270, translateY: 330, scale: 1},
{translateX: 355, translateY: 260, scale: 1},
{translateX: 405, translateY: 280, scale: 1, rotate: -11},
{translateX: 380, translateY: 290, scale: 1, rotate: -100}
],
duration: 2000,
easing: 'cubicBezier(.5, .05, .1, .3)',
begin: function (anime) {
buzz.volume(.33);
buzz.play();
},
complete: function(anime) {
buzz.pause();
$("#flies").removeClass("hide");
}
})
.add({
targets: '#fly1',
keyframes: [
{rotate: -103, scale: .95},
{rotate: -98, scale: 1},
{rotate: -104, scale: 1.05},
{rotate: -97, scale: 1},
{rotate: -101, scale: .95},
{rotate: -95, scale: 1},
{rotate: -103, scale: 1.05},
{rotate: -100, scale: 1},
],
duration: 4000,
easing: 'steps(5)',
})
.add({
targets: '#fly1',
keyframes: [
{rotate: -120, scale: 1},
],
duration: 30,
easing: 'cubicBezier(.5, .05, .1, .3)',
})
.add({
targets: '#fly1',
keyframes: [
{translateX: 380, translateY: 260, scale: 1},
{translateX: 400, translateY: 230, scale: 1},
{translateX: 340, translateY: 167, scale: .75, rotate: -150},
{translateX: 370, translateY: 176, scale: .66, rotate: -120},
{translateX: 420, translateY: 156, scale: .66},
{translateX: 500, translateY: 10, scale: .50},
{translateX: 540, translateY: -20, scale: .50},
],
duration: 1500,
easing: 'cubicBezier(.5, .05, .1, .03)',
begin: function (anime) {
buzz.play();
},
complete: function(anime) {
buzz.fadeOut(4, .33);
}
})
<</script>>\<div class="present">\
I gotta take care of this, Dad says. These flies. He mutters something about spraying, about fogging, about cleaning up everything.
Dad grabs my elbow and escorts me to the door, like I was <<linkreplace "a little kid">>a little kid<<toggleclass "#kickedout" "hide">><</linkreplace>> who stayed too long.
@@#kickedout.hide;For the second time in a week, my father kicks me out, and I leave him alone with those photographs.
I realize something. He never answered [[my question]].@@
</div><div class="present">\
When did Babyface die?
<<timed 4s t8n>>\
I think about this man and Mom as I get in [[my car->dramatic pause]].
<<audio "day1" fadeout>>
<</timed>>
</div><div class='present blur'>\
I don’t know how but I’m back at the house, the Babyface House. The attic. I’ve never been there but I know it’s the attic.
Three lines of graffiti slowly fill the bare brick walls, pale letters drawn before my eyes. I cannot blink.
<<type 250ms start 5s class 'dreaming' none>>\
disjecta membra
Dominus muscarum
Non Silba Sed Anthar
<</type>>\
@@#itgoes.hide;These three lines repeat, going <<linkreplace "on and on">>on and on<<toggleclass "#dreamflies" "hide">><<audio 'phone' play loop>><</linkreplace>>.@@
@@#dreamflies.hide;A [[fly buzzes->waking up]] somewhere in the attic.@@
</div>
<<script>>
$(document).on(':typingstop', function (ev) {
$( "#itgoes" ).fadeIn( "slow" );
});
<</script>>\<div class="timeDay"><<audio 'writing' stop>>\
Friday@@#clock.hide;, 3:37am@@
</div>
<div class="present">\
<<linkreplace "I slam awake.">>I slam awake.<<toggleclass '#whattime' 'hide'>><</linkreplace>> @@#whattime.hide;<<linkreplace "What time is it?">>What time is it?<<toggleclass '#whereami' 'hide'>><<toggleclass '#clock' 'hide'>><</linkreplace>>@@ @@#whereami.hide;<<linkreplace "Where am I?">>Where am I?<<toggleclass '#muddled' 'hide'>><</linkreplace>>@@ @@#muddled.hide;Oh my God, my mind is so muddled. The fly is still <<linkreplace "buzzing">>buzzing<<toggleclass '#mycell' 'hide'>><</linkreplace>>.@@
@@#mycell.hide;It’s my cell. My cell. I’m at home. I’m in bed and my phone vibrated itself off my nightstand.
I reach down and grasp around for it. So many missed calls, every one from Dad. I [[pick up]].@@
</div><div class="present">\
<<audio 'phone' stop>>\
Your mom, he starts, breathlessly. She’s not gone, I know it. She’s not gone.
Dad, I interrupt. What are you <<linkreplace "talking about?">>talking about?<<toggleclass '#screams' 'hide'>><</linkreplace>>
@@#screams.hide;Your mom isn’t gone, he nearly sobs. <<linkreplace 'She’s—'>>She’s—<<linkreplace 'she’s—'>>she’s—<<linkreplace 'she’s—'>>she’s—<<toggleclass '#hehasher' 'hide'>><</linkreplace>><</linkreplace>><</linkreplace>>@@
@@#hehasher.hide;He can’t get it out. Slow down, take a breath, I tell him.
Dad’s voice cracks. I can barely hear him.
<<linkreplace 'He has her, I know it.'>>\
<<linkreplace 'She’s not gone.'>>\
<<linkreplace 'She didn’t die.'>>\
<<linkreplace 'He has her.'>>\
<<linkreplace 'He has her and won’t let her go.'>>\
<<timed 2s t8n>>\
[[Babyface has your mother.]]\
<</timed>>
<</linkreplace>>
<</linkreplace>>
<</linkreplace>>
<</linkreplace>>
<</linkreplace>>@@
</div><div class="present">\
His quiet anguish cuts through my foggy head. Dad, I try to calm him down. Mom’s gone, <<linkreplace 'she passed on'>>she passed on<<toggleclass '#sobsover' 'hide'>><</linkreplace>>.
@@#sobsover.hide;No, he sobs over the line. He has her. You have to get her. You have to find her. Go to Babyface’s house and get her.
I don’t recognize this man. He’s as <<linkreplace 'strange to me'>>strange to me<<toggleclass '#strangetome' 'hide'>><</linkreplace>> as my Mother now.@@
@@#strangetome.hide;I’m coming over Dad. Just calm down and I’ll be there soon, really soon. We’ll talk about this. Remember, we buried Mom? [[I’m on my way]].@@
</div><div class="timeDay">\
Friday, 3:53am
</div>
<div class="present"><<audio 'midnightdrive' loop volume 0 fadeto .5>>\
I’m back in my car. The rain has stopped and it’s just dark. No rain, just darkness. Driving to a stranger’s house.
How we are haunted by the houses of our childhood. How unfamiliar they are to us, when we return. Yet you never forget, do you? You never really forget.
The Babyface House, I thought I had forgotten, but I had not. That ghastly figure wagging a spindly outstretched finger at me. <<linkreplace 'You never forget'>>You never forget<<toggleclass '#flares' 'hide'>><</linkreplace>>.
@@#flares.hide;[[Another memory]] flares up unbidden.@@
</div><div class='present'>\
<<linkreplace 'I wasn’t the only one.'>>I wasn’t the only one.<<toggleclass '#slumberparty' 'hide'>><</linkreplace>> @@#slumberparty.hide;It was a slumber party, a few months after that day. In the dark, we’re gossiping before bed, the four of us girls nestled in a heap of blankets, pillows, and stuffed animals.
Want to hear something scary? One of the girls asked. I can’t remember who. She smiled slyly. [[Something true?]]@@
</div><div class='present'>\
<div id='ghoststory'>\
Last week, she said, I walked by the Babyface House and <<linkreplace 'I saw him.'>>I saw him.<<toggleclass '#upstairs' 'hide'>><</linkreplace>> @@#upstairs.hide;Upstairs, she said. Staring down at me. He had a hood over his head. A big white hood with holes cut out for his eyes.
<<linkreplace 'He pointed at me'>>He pointed at me<<toggleclass '#pointed' 'hide'>><<timed 3s>><<toggleclass '#ithappened' 'hide'>><</timed>><</linkreplace>>, she said.@@ @@#pointed.hide;And did that thing with his finger, you know? Like, come here. She acted this out and we all laughed nervously.@@
@@#ithappened.hide;<<linkreplace 'Then it happened.'>>What happened?\
<<timed 3s>>\
<<toggleclass '#believeme' 'hide'>>\
<</timed>>\
<</linkreplace>>@@
<<nobr>>
@@#believeme.hide;<<linkreplace 'You won’t believe me.'>>We’ll believe you.
<<timed 3s>>
<<toggleclass '#nobelieve' 'hide'>>
<<next>>
<<toggleclass '#hadforgotten' 'hide'>>
<</timed>>
<</linkreplace>>@@ @@#nobelieve.hide;But we didn’t.@@ @@#hadforgotten.hide;<<linkreplace 'Not then.'>>Not then.<<toggleclass '#smile' 'hide'>>
<<script>>
$( "#ghoststory" ).fadeTo(5000, 0);
<</script>>
<</linkreplace>>@@
<</nobr>>
</div>
<div id='smile' class='hide'>\
@@#shewhispered;She whispered@@ @@#reststory;<<linkreplace 'the rest of her story'>>the rest of her story<<include 'ghoststory'>><</linkreplace>>@@ @@#partydark;there in the slumber party dark.@@
</div>
@@#tookoff.hide;He took off his hood.@@ @@#smiledatme.hide;And smiled at me.@@ @@#notman.hide;And, he wasn’t a man.@@ @@#boy.hide;He was a boy,@@ @@#justaboy.hide;just a boy.@@
@@#suddenlyarrive.hide;Suddenly [[I’m there->Arrive]].@@
</div><<script>>
$('#shewhispered').fadeTo(2000,0);
$('#partydark').fadeTo(2000,0);
<</script>>
<<timed 2s>>
<<script>>
$( "#tookoff" ).fadeIn(3000);
<</script>>
<<next 3s>>
<<script>>
$('#smiledatme').fadeIn(3000);
$('#tookoff').fadeTo(3000, .2);
$('#reststory').fadeTo(3000,0);
<</script>>
<<next 3s>>
<<script>>
$('#notman').fadeIn(3000);
$('#smiledatme').fadeTo(3000, .2);
$('#tookoff').fadeTo(3000,0);
<</script>>
<<next 3s>>
<<script>>
$('#boy,#justaboy').fadeIn(3000);
$('#notman').fadeTo(3000, .2);
$('#smiledatme').fadeTo(3000,0);
<</script>>
<<next 3s>>
<<script>>
$('#notman').fadeTo(3000,0);
$('#boy').fadeTo(3000,.2);
<</script>>
<<next 3s>>
<<script>>
$('#boy').fadeTo(3000,0);
$('#justaboy').fadeTo(3000,.2);
<</script>>
<<next 3s>>
<<script>>
$('#justaboy').fadeTo(3000,0);
<</script>>
<<next 5s>>
<<script>>
$('#suddenlyarrive').removeClass('hide');
<</script>>
<</timed>><div class='present'>\
The present. <<linkreplace 'A stranger’s house.'>>A stranger’s house.<<toggleclass '#notdad' 'hide'>><</linkreplace>> @@#notdad.hide;Not Dad’s. The other one. The Babyface House. Only, Babyface isn’t a stranger, <<linkreplace 'is he?'>>is he?<<toggleclass '#notsure' 'hide'>><</linkreplace>>@@
@@#notsure.hide;I’m not sure what I’m doing. I told Dad I was on my way but I ended up here. Going to one house and arrived at another instead. <<linkreplace 'The story'>>The story<<toggleclass '#mirage' 'hide'>><<toggleclass '#mirage2' 'hide'>><</linkreplace>> of my life.@@
@@#mirage.hide;<<cycle '$mirage'>>
<<option 'Earlier'>>
<<option 'Yesterday'>>
<<option 'Last night'>>
<<option 'Earlier tonight'>>
<</cycle>>@@ @@#mirage2.hide;the Babyface House hovered like a mirage.@@ @@#visible.hide;Now it’s not even visible until I pull in front. No street lights. No porch lamps.
I park in front of the house again. Déjà vu.
In the silence [[the house]] sits empty.@@
</div><div class='present'>\
<span id='ifind'>\
<<linkreplace 'I find myself'>>\
<<replace '#ifind'>>\
<<linkreplace 'I find myself'>>\
<<replace '#ifind'>>\
<<linkreplace 'I find myself'>>\
<<replace '#ifind'>>\
<<linkappend 'I find myself'>>\
<<replace '#ifind'>>\
<<link 'I find myself'>>\
<<replace '#ifind'>>\
<<link 'I find myself'>>\
<<replace '#ifind'>>\
<<link 'I find myself'>>\
<<replace '#ifind'>>\
I find myself reaching for the knocker and grabbing the doorknob instead.\
<<timed 3s t8n>>\
<<removeclass '#unlocked' 'hide'>>\
<</timed>>\
<</replace>>\
<</link>>\
reaching for the knocker.\
<</replace>>\
<</link>>\
on the front porch of the Babyface House, a dismal slab with rotting columns on either side.\
<</replace>>\
<</link>>\
almost as if in a dream getting out of the car and stepping onto the cracked cement sidewalk that goes to the head of the walkway that leads to the front porch of the BabyFace House.\
<</replace>>\
<</linkappend>>\
getting out of the car and stepping onto the cracked cement sidewalk that goes to the head of the walkway that leads to the front porch of the BabyFace House.\
<</replace>>\
<</linkreplace>>\
stepping onto the cracked cement sidewalk that goes to the head of the walkway that leads to the front porch of the BabyFace House.\
<</replace>>\
<</linkreplace>>\
at the head of the walkway that leads to the front porch of the Babyface House.\
<</replace>>\
<</linkreplace>>\
on the front porch of the Babyface House.</span>
@@#unlocked.hide;The heavy wooden door is <<link 'unlocked'>><<audio 'door' play>><<timed .5s>><<goto 'unlocked'>><</timed>><</link>>.@@
</div><div class='present'>\
The door creaks open. The house is dark yet familiar. Less than an hour ago I dreamed myself here, though I can no longer remember details. Words scrawled on walls, words I cannot recall.
The foyer is full of stale air, flush with an undercurrent of fungal effluvium. In the dim light I barely make out a stairway heading up. Above I hear a faint moaning.
[[I go up.]]
</div><div class='present'>\
However ruined the Babyface House appears on the outside, <<linkreplace 'it’s worse inside'>>it’s worse inside<<toggleclass '#gutted' 'hide'>><</linkreplace>>. @@#gutted.hide;The entire second floor has been gutted. It’s an empty shell, an unfinished story.
Dust, chunks of plaster, thick braids of rope, bricks, wood. Indiscriminate piles of junk, weird angles jutting out.
The <<linkreplace 'moaning'>>moaning<<audio 'moaning' play loop>><<toggleclass '#moaning' 'hide'>><</linkreplace>> is louder in the center of the space.@@ @@#moaning.hide;Jaundiced moonlight trickles in through a web-clotted window. There’s [[a rocking chair]] there, facing the window. The source of the moaning.@@
</div><div class='present'><<audio 'walking' play>>\
I slowly make my way toward the rocking chair. Whether the moaning is pain or pleasure I cannot say. <<linkreplace 'Rockabye'>>Rockabye<<toggleclass '#shortwalk' 'hide'>><</linkreplace>>, I think.
@@#shortwalk.hide;Then I think of my Dad all alone with those pictures. He thinks my Mom is here. She’s not here I’ll have to tell him. <<linkreplace 'She’s passed'>>She’s passed<<toggleclass '#witness' 'hide'>><<audio 'moaning' fadeout>><</linkreplace>>.@@
@@#witness.hide;The moaning ceases, the way the calls of katydids cease when you get too close. My Mom, she was witness to something here, I know that now. A [[witness to something]] with a miserly hold on her.@@
</div><div class="present">\
In the rocking chair I see a dark, throbbing mass.
The stench of decay hangs in the air—mildew, burnt rubber, and dead things. The mass shifts and I see it is <<linkappend "human">>-shaped<<timed 2s>><<toggleclass '#shrouded' 'hide'>><</timed>><</linkappend>>.
@@#shrouded.hide;A man, shrouded in black and gasmasked. The leather mask is cracked and blistered, single cartridge, a relic from the trenches of Somme. It dangles listlessly from the hooded head.
<<linkreplace "Was this Babyface?">>[[This is Babyface.]]<</linkreplace>>@@
</div><div class="present">\
The hooded thing rasps. I grab the mask and try to <<linkreplace 'wrench it free'>>wrench it free<<toggleclass '#visor' 'hide'>><<audio 'breathing' play>><</linkreplace>>.
@@#visor.hide;The visor lifts with a sickly sticking sound, and Babyface’s jagged heaving fills the attic. Suddenly the mask snaps back in place. My hand slips away, covered with a greasy film.
I [[reach for the mask]] again.@@
</div><div class='present'>\
Babyface’s hands reach up to shield its face, fibrous white claws at the end of wraith-like arms. I <<linkreplace 'bat them'>>bat them<<toggleclass '#bat' 'hide'>><</linkreplace>> away.
@@#bat.hide;And thrust my left hand forward one more time. I clutch the mask and <<linkreplace 'tear it off'>>tear it off<<toggleclass '#plunging' 'hide'>><</linkreplace>>, properly this time.@@ @@#plunging.hide;A wet plunging sound fills the lifeless attic, like a eldritch suction cup giving way.
The [[writhing thing]] in front of me takes my breath away.@@
</div><div class='present'>\
Here is Babyface. The black robe has fallen away, exposing a withered old man’s body, waxen and white. Long bony arms and a sunken chest. He is naked under the robe, a pallid worm.
But his face. [[His face]].
</div><div class='present'>\
<<linkreplace 'It is a baby’s face.'>>\
\
The body is ancient, a wasted figure ravaged by age, drink, cancer, who knows. But that head, it’s <<linkreplace 'a plump baby’s face'>>a plump baby’s face<<toggleclass '#truth' 'hide'>><</linkreplace>>, round and dimpled.
@@#truth.hide;The wretched cherub has wisps of downy hair and a toothless smile. Only its sallow pallor betrays the truth. The baby’s face is the color of a grub seeing the light of day for the first time. The deep jagged breaths slow to a harsh rasping, which resolves to a series of gurgles.
Babyface cocks its chubby round head to the side, as if trying to understand [[what’s happening]].@@\
<</linkreplace>>
</div><div class='present'>\
Babyface stares at me with blank, unseeing, red-rimmed eyes.
<<timed 3s t8n>><<audio 'day3' volume 0 fadein>>I stare back.
\
<<next 4s>>\
It <<linkreplace 'opens its mouth'>>opens its mouth<<toggleclass '#whitelips' 'hide'>><<timed 5s>><<audio 'fly' volume .5 fadeout>><</timed>><</linkreplace>>, as if to disgorge the last of its mother’s milk.<</timed>>
@@#whitelips.hide;A single fly creeps gingerly out of Babyface’s pouting mouth. It lingers on the fishbelly white lips for a moment, then buzzes away.
I stare back at this monster, remembering my Mom, my Dad. My childhood. [[The past.]]@@
</div><div class='present'>\
<<linkreplace 'Looking at a thing uses it up.'>>\
\
<<timed 2s t8n>>The more people see your face, the more it’s used. My Dad had said. The more it’s used up. I will <<linkreplace 'stay here'>>stay here<<toggleclass '#untilend' 'hide'>><<timed 4s>><<toggleclass '#mustend' 'hide'>><</timed>><</linkreplace>>, looking at Babyface. @@#untilend.hide;Until the end of time if I have to.@@
@@#mustend.hide;The man-sized baby face fusses in the rocker until I grab its dimpled chin and hold its head still. To meet its abject gaze. Unmasked and unwelcomed. <<linkreplace 'It must end'>> It must end and <<linkreplace 'I cannot blink'>>I will not blink and <<linkreplace 'looking at a thing'>>looking at a thing<<timed 3s>><<script>> $('#usesup').fadeIn(3000);<</script>><</timed>><<timed 10s>><<include 'closing mask'>><</timed>><</linkreplace>> uses it up<</linkreplace>><</linkreplace>>.@@
@@#usesup.hide;Looking at a thing uses it up.@@<</timed>>
<</linkreplace>>\
</div>\
<div class="drawTitle">\
<div id="endMask"><<include "mask">></div>\
</div>\
<div id="endstory"><<link 'Babyface'>>\
<<if SimpleAudio.tracks.get("day3").isPlaying()>>\
<<audio 'day3' fadeout>>\
<</if>>\
<<goto "Second Start">><</link>> [[About]] [[Credits]]</div>\
\<<script>>
var t3 = anime.timeline({
loop: false
});
t3
.add({
targets: ['#endMask', '#endstory'],
opacity: 1,
easing: 'linear',
duration: 8000
});
<</script>>\<<timed 4s t8n>>
<<audio 'driving' volume 0 fadein loop>>
<<audio 'wipers' volume 0 fadein loop>>
<<next 3s>>
<<goto "my car">>
<</timed>><div class='present'>\
The ride home is <<linkreplace "grey and wet">>grey and wet<<toggleclass "#roads" "hide">><</linkreplace>>.
@@#roads.hide;I’ve driven these roads a thousand times. What I used to think of as home is just a place my Dad lives. Surrounded by <<linkreplace 'someone else’s'>>someone else’s<<toggleclass '#stranger' 'hide'>><</linkreplace>> inscrutable memories.@@ @@#stranger.hide;[[A stranger]].@@
</div><div class='present'>\
On a whim I decide to pass by <<linkreplace "the Babyface House">>the Babyface House<<toggleclass '#thehouse' 'hide'>><</linkreplace>>. @@#thehouse.hide;It’s still there, you know.
It’s not far from Dad. Walking distance, really.
But tonight in the gloaming it feels farther. The crumbling brick ruin floats in the foggy distance, a crimson phantom that keeps its distance, no matter how close I approach. And suddenly <<linkreplace "physics acquiesces">>physics acquiesces<<toggleclass "#moors" "hide">><</linkreplace>>.@@ @@#moors.hide;The house moors itself in one place, and there it is, right [[in front of me]].@@
</div><div class='present'>\
<<audio 'driving' fadeout>>\
I pull up in front of the house. The rain tapers off, but the change of weather barely registers with me.
I sit there, engine idling, and stare at the Babyface House. Kudzu vines choke the poplar and magnolia trees on either side. The stories about the house come back to me, clearer now. Walking home from school my girlfriends and I always avoided the cracks in the sidewalk. A <<linkreplace "kid’s game">>kid’s game<<toggleclass "#crack" "hide">><</linkreplace>>.
@@#crack.hide;//Step on a crack
Break your mother’s back//
But we shared <<linkreplace "an unspoken rule">>an unspoken rule<<toggleclass "#rule" "hide">><</linkreplace>> that the game didn’t apply here.@@ @@#rule.hide;We would <<linkreplace "hurry">>\
run\
<<toggleclass "#worse" "hide">>\
<<replace '#cracks'>>as if for our lives<</replace>>\
<</linkreplace>>\
past the old brick house, <span id='cracks'>paying no mind to cracks</span>.@@ @@#worse.hide;Something far worse than a broken back awaited anyone who lingered in front of the Babyface House. Or so [[kids at school whispered]].@@
</div><div class="present">\
<div id='allbuthome'>\
<span id='therewas'>There was</span> one time<span id='iguess'>, I guess I had</span> forgotten<span id='period'>.</span>
<span id="afterschool">I stayed after school</span> for some reason<span id="fightseverymorning">. I probably sassed back to a teacher. It must have been fourth or fifth grade, I was getting into</span> fights every morning<span id='withmom'> with Mom. What to wear, what not to wear. How to talk, how to stand. How to do my hair. I probably took </span>m<span id='rage'>y rage </span>o<span id='onmy'>ut on </span>m<span id='myteacher'>y teacher.</span>
</div>
<span id='anywayi'>Anyway, I stayed late and</span><span id='walkedhome'> walked </span> <span id='home'>[[home->walked home]]</span> <span id='bymyself'>by myself. </span>
</div>
<<timed 5s>>\
<<script>>
$( "#therewas" ).fadeTo(2800, 0);
$( "#iguess" ).fadeTo(2350, 0);
$( "#period" ).fadeTo(2600, 0);
<</script>>\
<</timed>>\
\
<<timed 10s>>\
<<script>>
$( "#afterschool" ).fadeTo(2700, 0);
$( "#fightseverymorning" ).fadeTo(2900, 0);
<</script>>\
<</timed>>\
<<timed 14s>>\
<<script>>
$( "#withmom" ).fadeTo(2900, 0);
$( "#rage" ).fadeTo(2800, 0);
$( "#onmy" ).fadeTo(2300, 0);
$( "#myteacher" ).fadeTo(2600, 0);
<</script>>
<</timed>>
<<timed 18s>>
<<script>>
$( '#anywayi' ).fadeTo(2700,0);
$( "#walkedhome" ).fadeTo(2500, 0);
$( "#bymyself" ).fadeTo(2900, 0);
<</script>>\
<</timed>>\
<<timed 20s>>\
<<script>>
$( "#allbuthome" ).fadeTo(4000, 0);
<</script>>
<</timed>><div class='present'>\
<div id='hidethecracks'>\
@@#thinkaboutit;Now that I@@ think about it@@#raining;, it was raining like today.@@
Something@@#impish; impish b@@loomed @@#childishgirls;in me when I saw the Babyface House. All those times we ran past it, ignoring the cracks. What@@ child@@#comingon;ish girls we were. That day, all alone, dusk@@ coming @@#thecracks;on, the@@ cracks @@#comingcracks;caught my eye.@@
</div>
<<linkreplace "I would not run this time">><<toggleclass '#step' 'hide'>><<script>>$( "#hidethecracks" ).fadeTo(3000, 0);<</script>><<addclass '#period' 'hide'>><</linkreplace>>@@#period;.@@
@@#step.hide;<<linkappend "//Step//">> (I stomped)<<toggleclass '#stomp' 'hide'>><</linkappend>>@@
@@#stomp.hide;<<linkappend "//on a crack//">> (on the crack)<<toggleclass '#crack' 'hide'>><</linkappend>>@@
@@#crack.hide;<<linkappend "//Break//">> (I double-stomped, both feet, on another crack)<<toggleclass '#mother' 'hide'>><</linkappend>>@@
@@#mother.hide;<<linkappend "//your mother’s back//">> (I pounded all my fury at Mom on a set of [[spidering cracks->the walkway]])<</linkappend>>@@
</div>
<<nobr>>
<<timed 6s>>
<<script>>
$( "#thinkaboutit" ).fadeTo(2800, 0);
$( "#raining" ).fadeTo(2400, 0);
<</script>>
<</timed>>
<<timed 9s>>
<<script>>
$( "#impish" ).fadeTo(2600, 0);
$( "#childishgirls" ).fadeTo(2800, 0);
<</script>>
<</timed>>
<<timed 11s>>
<<script>>
$( "#comingon" ).fadeTo(2800, 0);
$( "#thecracks" ).fadeTo(3600, 0);
$( "#comingcracks" ).fadeTo(3500, 0);
<</script>>
<</timed>>
<</nobr>><div class="present">\
<div id='atsidewalk'>\
@@#noticed;I noticed then@@ where I was@@#crooked;. At the head of the walkway leading to the front porch of the Babyface House. A short walk up the@@ crooked @@#badbackthen;sidewalk and I’d be at the front door. I glanced up at the house. The kudzu wasn’t so@@ bad back then@@#killperiod;.@@
</div>
I can’t be sure, and <<linkreplace "it’s been so long I’d even forgotten">>it took so long to even forget<<toggleclass '#movement' 'hide'>><<script>>$('#atsidewalk').fadeTo(3000,0);<</script>><</linkreplace>>. @@#movement.hide;But at that moment a [[flicker of movement]] in the upstairs window caught my eye.@@
</div>
<<nobr>>
<<timed 5s>>
<<script>>
$( "#noticed" ).fadeTo(2000, 0);
$( "#crooked" ).fadeTo(2200, 0);
<</script>>
<<next 3s>>
<<script>>
$( '#badbackthen' ).fadeTo(2500,0);
$( '#killperiod' ).fadeTo(2900,0);
<</script>>
<</timed>>
<</nobr>><div class="present">\
I looked up. And saw a bandaged face, completely wrapped in loose gauze. The yellowed bandages hung limp like pallid strips of flesh from the figure’s face. The reflection rippled in the window panes.
<<timed 10s>>\
<<audio 'knocks' play>>\
He tapped on the glass and slowly wagged his finger at me, a warning.
[[I ran.]]
<<next 3s>>\
<<audio 'knocks' play>>\
<</timed>>
</div><div class="present">\
@@#endofblock.hide;The end of the block.@@
@@#safety.hide;Safety.@@
@@#paynes.hide;Past the Paynes.@@
@@#newmans.hide;Past Mrs. Newman’s.@@
@@#fled.hide;Fled down the street.@@
@@#fasterthan.hide;Faster than I’ve ever run.@@
I tore down the sidewalk.
@@#normal.hide;I remember getting home and pretending everything was normal. I needn’t have. Mom and Dad were still at work. By the time they came home, I had convinced myself everything was fine. There was no bandaged man. No taps at the window. <<linkreplace "No warnings">>No warnings<<toggleclass '#shrugged' 'hide'>><</linkreplace>>.@@
@@#shrugged.hide;When they asked how my day was, I just [[shrugged]].@@
</div>
<<nobr>>
<<timed 1.5s>>
<<script>>
$( "#fasterthan" ).fadeIn( "slow" );
<</script>>
<<next>>
<<script>>
$( "#fled" ).fadeIn( "slow" );
<</script>>
<<next>>
<<script>>
$( "#newmans" ).fadeIn( "slow" );
<</script>>
<<next>>
<<script>>
$( "#paynes" ).fadeIn( "slow" );
<</script>>
<<next>>
<<script>>
$( "#safety" ).fadeIn( "slow" );
<</script>>
<<next>>
<<script>>
$( "#endofblock" ).fadeIn( "slow" );
<</script>>
<<next>>
<<script>>
$( "#normal" ).fadeIn( "slow" );
<</script>>
<</timed>>
<</nobr>><div class="present">\
<<audio 'driving' volume 0 fadein>>\
The rain starts up and still I’m idling on the street. Lost in thought <<linkreplace "until I’m not">>until I’m not<<audio 'knocks' play>><<timed 1s>><<toggleclass '#copknock' 'hide'>><</timed>><</linkreplace>>.
@@#copknock.hide;A tap on my window. I look up and see a <<linkappend "uniform">>ed cop<<toggleclass '#copquestion' 'hide'>><</linkappend>>.@@ @@#copquestion.hide;I glance in the rearview mirror and there’s a patrol car parked behind me. How did I not notice that?
He gestures to roll down my window, a circling motion with his index finger. Are you lost, Miss, <<linkreplace 'he asks'>>he asks<<toggleclass '#lostanswer' ' hide'>><</linkreplace>>.@@
@@#lostanswer.hide;<<linkappend "No, sir">>, I answer like how I was taught<</linkappend>>. Respectful. Eye contact, but not too much eye contact. I realize I’m clenching the steering wheel and <<linkreplace 'force myself'>>force myself<<toggleclass '#color' 'hide'>><</linkreplace>> to relax. I was just, <<linkreplace 'I answer'>>I answer<<toggleclass '#presence' 'hide'>><</linkreplace>>, just remembering something from years ago.@@ @@#color.hide;The color slowly returns to my hands.@@
@@#presence.hide;I grew up around here. An <<linkreplace 'explanation'>>explanation<<toggleclass '#expect' 'hide'>><</linkreplace>> for my presence in this place.@@
@@#expect.hide;I half expect him to ask for my license and registration. But he simply drawls, Well, you should move along. It’s late and I’m sure you have somewhere else to be. He nods toward <<linkreplace "the Babyface House">>the Babyface House<<toggleclass '#staring' 'hide'>><</linkreplace>>.@@ @@#staring.hide;Staring at a place like that, you’ll get nightmares.
I say my thanks, watch him walk through the rain back to his patrol car, and [[pull away]].@@
</div><div class='present'>\
<<audio 'wipers' fadeout>>\
<<audio 'driving' fadeout>>\
Wondering if he was offering advice or a warning.
<<timed 5s>><<goto 'driving pause'>><</timed>>
</div><<timed 1s>>
<<audio 'writing' loop play>>
<<next 7s>>
<<goto "day 3" t8n>>
<</timed>><<set $seeHouse to false>>
<<set $seeSwing to false>>
<<set $seePassage to false>>
<<set $seeBabyface to false>>
<<set $seeBabyfaceDetails to false>>
<<set $seeGasmask to false>>
<<set $episcopi to false>>
<<set $full to "Fullscreen">>
<<set $creepyTitle to ['Watch Me', 'Watch You', 'Forever', 'Never']>>
<<set $mirage to null>>
<<set $mute to false>>
<<preload 'images/babyface3.jpg' 'images/brickHouse.jpg' 'images/rocker.jpg' 'images/swing.jpg' 'images/babyface-scratch.jpg' 'images/mask.jpg'>>
<<cacheaudio 'day1' 'audio/downtown.mp3'>>
<<cacheaudio 'day3' 'audio/notice.mp3'>>
<<cacheaudio 'breathing' 'audio/breathing.mp3' 'audio/breathing.ogg'>>
<<cacheaudio 'fly' 'audio/fly.mp3' 'audio/fly.ogg'>>
<<cacheaudio 'driving' 'audio/driving.mp3' 'audio/driving.ogg'>>
<<cacheaudio 'wipers' 'audio/wipers.mp3' 'audio/wipers.ogg'>>
<<cacheaudio 'static' 'audio/static.mp3' 'audio/static.ogg'>>
<<cacheaudio 'rustle' 'audio/rustle.mp3' 'audio/rustle.ogg'>>
<<cacheaudio 'handoff' 'audio/handover.mp3' 'audio/handover.ogg'>>
<<cacheaudio 'phone' 'audio/phone.mp3' 'audio/phone.ogg'>>
<<cacheaudio 'shortknock' 'audio/shortknock.mp3' 'audio/shortknock.ogg'>>
<<cacheaudio 'knocks' 'audio/knocks.mp3' 'audio/knocks.ogg'>>
<<cacheaudio 'writing' 'audio/writing.mp3' 'audio/writing.ogg'>>
<<cacheaudio 'midnightdrive' 'audio/midnightdriving.mp3' 'audio/midnightdriving.ogg'>>
<<cacheaudio 'door' 'audio/door.mp3' 'audio/door.ogg'>>
<<cacheaudio 'walking' 'audio/walking.mp3' 'audio/walking.ogg'>>
<<cacheaudio 'moaning' 'audio/moaning.mp3' 'audio/moaning.ogg'>>
<<waitforaudio>>
<<event 'click' "#mask">><<goto "the box">><</event>>
<<event 'click' '#title'>><<goto "the box">><</event>>
<<event 'click' '#largeMask'>><<goto "the box">><</event>>
<<event 'click' '#brickHouse'>><<audio 'handoff' play>><<goto "brick house">><</event>>
<<event 'click' '#lonelyswing'>><<audio 'handoff' play>><<goto "old swing">><</event>>
<<event 'click' '#babyface'>><<audio 'handoff' play>><<goto "Baby Face">><</event>>
<<event 'click' '#corridor'>><<audio 'handoff' play>><<goto "Passage">><</event>>
<<event 'click' '#babyface2'>><<audio 'handoff' play>><<goto "Babyface Details">><</event>>
<<event 'click' '#gasmask2'>><<audio 'handoff' play>><<goto "Gasmask Details">><</event>>
<<event 'click' "#littleMask">>
<<if SimpleAudio.tracks.get("day3").isPlaying()>>
<<audio 'day3' fadeout>>
<</if>>
<<goto "Second Start">>
<</event>>\
<<event 'click' '#endMask'>>
<<if SimpleAudio.tracks.get("day3").isPlaying();>>
<<audio 'day3' fadeout>>
<</if>>
<<goto "Second Start">><</event>>
<<event 'click' '#mirage'>>
<<if $mirage is 'Earlier tonight'>>
<<removeclass '#visible' 'hide'>>
<<audio 'midnightdrive' fadeout>>
<<replace '#mirage'>>Earlier tonight<</replace>>
<</if>>
<</event>>
<<on 'keyup'>>
<<which 77>>
<<set $mute to !$mute>>
<<run SimpleAudio.select(':playing').mute($mute);>>
<</on>>
<<on 'keyup'>>
<<which 70>>
<<run Fullscreen.toggle()>>
<</on>><svg
id="gasmask"
enable-background="new 0 0 295.547 384.729"
xml:space="preserve"
viewBox="0 0 295.547 384.729"
version="1.1"
y="0px"
x="0px"
>
<path
stroke="#000000"
stroke-width=".6012"
d="m208.46 358.62c0-5.749-0.959-32.58-0.959-47.911 0-15.332-9.103-13.896-16.29-15.812-7.185-1.917-43.439-3.455-43.439-3.455s-36.252 1.538-43.439 3.455c-7.187 1.916-16.29 0.479-16.29 15.812 0 15.331-0.959 42.162-0.959 47.911 0 5.75-2.874 11.021 4.792 14.853s30.024 9.457 55.896 9.457c25.873 0 48.23-5.625 55.897-9.457 7.67-3.83 4.79-9.1 4.79-14.85z"
fill="#FFFFFF"
/>
<ellipse
rx="55.098"
cy="301"
ry="7.546"
stroke="#939598"
cx="147.61"
stroke-width=".5278"
fill="none"
/>
<path
stroke="#000000"
stroke-width=".6012"
d="m269.15 16.366c-13.42-15.332-40.25-15.332-53.02-14.054-12.777 1.277-58.135 7.666-68.355 7.666s-55.577-6.389-68.354-7.666c-12.783-1.278-39.614-1.278-53.03 14.054-13.415 15.332-26.831 47.274-24.275 80.492 2.556 33.219 14.056 104.77 28.109 121.38 14.053 16.609 44.717 31.941 51.105 34.498 6.389 2.556 8.942 6.386 10.859 14.691 1.916 8.304-1.917 15.971 13.416 16.609 15.331 0.638 42.162 0.514 42.162 0.514s26.832 0.124 42.163-0.514c15.331-0.639 11.499-8.306 13.415-16.609 1.916-8.306 4.472-12.136 10.859-14.691 6.388-2.557 37.054-17.889 51.105-34.498 14.056-16.607 25.555-88.158 28.11-121.38 2.57-33.22-10.85-65.162-24.26-80.494zm-159.55 135.27c-22.04 6.708-43.121 24.436-44.079 27.31-0.958 2.875-8.625 11.019-13.895 1.916s-20.603-45.516-23.477-56.535c-2.874-11.02-1.438-42.641 25.873-52.225 27.31-9.582 51.266-2.874 59.411 2.396 8.146 5.271 18.207 27.31 18.207 27.31 4.32 4.3 0 43.11-22.04 49.82zm157.79-27.31c-2.874 11.019-18.208 47.432-23.479 56.535s-12.935 0.959-13.893-1.916c-0.959-2.875-22.04-20.602-44.08-27.31s-26.352-45.516-22.04-49.828c0 0 10.063-22.039 18.208-27.31 8.146-5.27 32.101-11.978 59.411-2.396 27.31 9.593 28.75 41.216 25.87 52.236z"
fill="#939598"
/>
<path
stroke="#000000"
stroke-width=".541"
d="m176.89 295.19c-1.707-3.832-1.164-14.445-1.164-14.445l-27.963-0.032h-0.116l-27.962 0.032s0.543 10.613-1.164 14.445c-1.542 3.462 1.552 5.75 5.044 6.709 3.472 0.952 17.438 2.296 24.083 2.31v0.002h0.058 0.058v-0.002c6.646-0.014 20.61-1.357 24.084-2.31 3.48-0.95 6.58-3.24 5.04-6.7z"
/>
<path
stroke="#000000"
stroke-width=".4976"
d="m269.15 16.366c-13.42-15.332-40.25-15.332-53.02-14.054-12.777 1.277-58.135 7.666-68.355 7.666s-55.577-6.389-68.354-7.666c-12.783-1.278-39.614-1.278-53.03 14.054-13.415 15.332-26.831 47.274-24.275 80.492 2.556 33.219 14.056 104.76 28.109 121.38 14.053 16.607 44.717 31.94 51.105 34.498 6.389 2.552 8.942 6.386 10.859 14.689 1.916 8.306-1.917 15.973 13.416 16.611 15.331 0.638 42.162 0.514 42.162 0.514s26.832 0.124 42.163-0.514c15.331-0.639 11.499-8.306 13.415-16.611 1.916-8.304 4.472-12.138 10.859-14.689 6.388-2.558 37.054-17.891 51.105-34.498 14.056-16.611 25.555-88.157 28.11-121.38 2.57-33.22-10.85-65.162-24.26-80.494zm-157.94 161.39c-21.678 23.593-38.465 26.569-49.965 22.207-29.741-9.914-31.724-34.103-41.637-88.033-9.915-53.94 49.179-18.11 64.239-12.303 65.833 25.383 32.913 71.773 27.363 78.123zm162.64-65.83c-9.912 53.93-11.895 78.12-41.636 88.033-11.499 4.362-28.288 1.387-49.966-22.207-5.551-6.345-38.464-52.741 27.362-78.119 15.07-5.801 74.17-41.631 64.25 12.299z"
fill="#FFFFFF"
/>
<path
stroke="#000000"
stroke-width="1.2024"
d="m207.02 90.79c-79.532 30.663-39.765 86.72-33.058 94.386 26.19 28.507 46.475 32.1 60.367 26.83 35.937-11.977 38.33-41.203 50.31-106.36 11.98-65.169-59.42-21.877-77.62-14.86zm66.83 21.14c-9.912 53.93-11.895 78.12-41.636 88.033-11.499 4.362-28.288 1.387-49.966-22.207-5.551-6.345-38.464-52.741 27.362-78.119 15.07-5.801 74.17-41.631 64.25 12.299z"
fill="none"
/>
<path
stroke="#000000"
stroke-width="1.2024"
d="m86.437 90.79c-18.197-7.017-89.596-50.309-77.618 14.85 11.978 65.16 14.373 94.386 50.307 106.36 13.895 5.271 34.178 1.678 60.369-26.83 6.7-7.66 46.47-63.72-33.063-94.38zm24.773 86.97c-21.678 23.593-38.465 26.569-49.965 22.207-29.741-9.914-31.724-34.103-41.637-88.033-9.915-53.94 49.179-18.11 64.239-12.303 65.833 25.383 32.913 71.773 27.363 78.123z"
fill="none"
/>
<path
d="m69.025 1.804c3.963 0 7.532 0.222 10.394 0.508 12.776 1.277 58.133 7.666 68.354 7.666s55.578-6.389 68.355-7.666c0.398-0.04 0.812-0.079 1.235-0.116 2.557-0.222 5.576-0.383 8.879-0.391h0.282c13.729 0 32.217 2.666 42.627 14.562 13.413 15.332 26.83 47.273 24.274 80.492s-14.055 104.76-28.11 121.38c-3.878 4.585-9.024 9.067-14.574 13.218-14.557 10.88-31.905 19.428-36.531 21.28-6.388 2.556-8.943 6.386-10.859 14.691-1.916 8.304 1.916 15.971-13.415 16.609-4.172 0.174-9.194 0.291-14.295 0.37-0.006 2.621 0.107 6.131 0.629 8.704 6.637 0.52 12.487 1.13 14.942 1.786 7.188 1.916 16.29 0.479 16.29 15.812 0 15.331 0.959 42.162 0.959 47.911 0 5.75 2.875 11.021-4.791 14.853-7.667 3.832-30.024 9.457-55.897 9.457-25.872 0-48.23-5.625-55.896-9.457s-4.792-9.103-4.792-14.853c0-5.749 0.959-32.58 0.959-47.911 0-15.332 9.103-13.896 16.29-15.812 2.438-0.65 8.221-1.257 14.797-1.774 0.524-2.575 0.637-6.092 0.632-8.719-5.052-0.078-10.019-0.194-14.151-0.367-15.333-0.639-11.5-8.306-13.416-16.609-1.917-8.306-4.471-12.136-10.859-14.691-6.389-2.557-37.052-17.889-51.105-34.498-0.221-0.259-0.439-0.532-0.657-0.819-8.515-11.153-16.043-42.167-21.14-71.934-0.654-3.816-1.269-7.613-1.838-11.344-2.054-13.431-3.55-26.021-4.348-35.695-0.043-0.537-0.085-1.065-0.126-1.584-2.556-33.218 10.86-65.16 24.275-80.492 10.411-11.91 28.898-14.575 42.629-14.575m0-1.804c-14.007 0-33.009 2.633-43.986 15.179-13.728 15.69-27.319 47.986-24.716 81.817l0.126 1.592c0.842 10.207 2.391 22.927 4.363 35.821 0.576 3.775 1.196 7.603 1.843 11.376 3.675 21.463 11.353 59.453 21.484 72.724 0.237 0.312 0.477 0.611 0.718 0.895 14.888 17.6 46.594 32.92 51.809 35.01 5.635 2.254 7.918 5.39 9.772 13.422 0.399 1.731 0.533 3.471 0.662 5.153 0.464 6.043 0.943 12.291 14.436 12.853 3.347 0.141 7.514 0.254 12.407 0.34-0.035 1.697-0.132 3.598-0.359 5.259-7.072 0.581-11.566 1.144-13.716 1.717-1.13 0.302-2.316 0.516-3.571 0.742-6.263 1.131-14.057 2.538-14.057 16.812 0 9.484-0.375 23.64-0.648 33.976-0.173 6.553-0.311 11.729-0.311 13.936 0 1.164-0.134 2.359-0.263 3.515-0.494 4.406-1.053 9.399 6.052 12.951 8.013 4.006 30.903 9.647 56.703 9.647 25.798 0 48.689-5.642 56.704-9.647 7.105-3.552 6.545-8.545 6.052-12.95-0.13-1.156-0.264-2.351-0.264-3.516 0-2.207-0.137-7.383-0.311-13.936-0.273-10.336-0.648-24.491-0.648-33.976 0-14.274-7.795-15.682-14.058-16.812-1.255-0.227-2.44-0.44-3.571-0.742-2.163-0.578-6.704-1.145-13.86-1.729-0.226-1.66-0.322-3.554-0.356-5.244 4.954-0.087 9.17-0.201 12.551-0.343 13.492-0.562 13.972-6.81 14.436-12.853 0.129-1.683 0.263-3.422 0.662-5.153 1.853-8.031 4.136-11.167 9.771-13.422 4.695-1.881 22.17-10.471 36.941-21.511 6.239-4.666 11.243-9.207 14.871-13.497 14.677-17.346 25.996-89.45 28.532-122.4 2.603-33.829-10.987-66.125-24.716-81.817-10.97-12.559-29.97-15.193-43.98-15.193h-0.288c-3.029 0.007-6.067 0.141-9.029 0.398-0.433 0.039-0.853 0.078-1.257 0.118-4.346 0.434-12.327 1.442-21.568 2.61-17.803 2.249-39.958 5.047-46.609 5.047s-28.808-2.798-46.61-5.047c-9.24-1.167-17.22-2.175-21.564-2.609-3.371-0.338-7.026-0.517-10.561-0.517z"
/>
</svg><svg viewBox="0 0 329.85 114.901" xmlns="http://www.w3.org/2000/svg"><g id="svgGroup" stroke-linecap="round" fill-rule="evenodd" font-size="9pt" stroke="#000" stroke-width="0.25mm" fill="none" style="stroke:#fff;stroke-width:0.25mm;fill:none"><path d="M 146.25 74.401 L 145.5 63.751 L 144.6 61.801 L 145.05 60.001 Q 144.221 58.067 142.629 53.716 A 404.514 404.514 0 0 1 142.35 52.951 Q 140.55 48.001 138.75 42.901 Q 133.777 29.778 131.985 23.397 A 61.263 61.263 0 0 1 131.7 22.351 Q 130.8 19.351 130.35 16.801 L 132.45 15.151 A 1.33 1.33 0 0 1 133.136 15.669 Q 134.36 17.168 136.221 22.912 A 121.144 121.144 0 0 1 136.8 24.751 Q 139.05 31.351 140.85 37.801 L 142.65 43.501 A 136.235 136.235 0 0 0 143.534 46.432 Q 145.19 51.689 146.156 52.808 A 0.844 0.844 0 0 0 146.55 53.101 L 147.15 50.401 L 146.85 49.651 A 4.197 4.197 0 0 0 147.362 48.726 Q 148.416 46.292 149.85 39.001 A 419.398 419.398 0 0 1 151.292 31.59 Q 151.883 28.696 152.461 26.123 A 204.872 204.872 0 0 1 153.6 21.301 A 60.591 60.591 0 0 1 154.271 18.662 Q 155.785 13.259 157.3 12.923 A 0.925 0.925 0 0 1 157.5 12.901 Q 158.25 12.901 158.85 13.351 A 1.854 1.854 0 0 1 159.167 13.647 A 1.153 1.153 0 0 1 159.45 14.401 Q 159.45 16.316 156.19 27.796 A 673.336 673.336 0 0 1 154.95 32.101 Q 152.7 39.451 151.2 45.901 Q 149.625 52.597 149.428 58.028 A 42.116 42.116 0 0 0 149.4 59.551 Q 150.15 61.05 150.15 62.1 Q 150.15 62.851 149.7 64.201 A 11.736 11.736 0 0 0 149.463 65.001 Q 149.358 65.41 149.305 65.768 A 4.67 4.67 0 0 0 149.25 66.451 Q 149.25 67.201 149.85 73.201 Q 150.304 76.262 150.414 78.638 A 31.481 31.481 0 0 1 150.45 80.101 Q 150.45 86.701 150.6 91.951 L 150.6 103.951 L 150.6 104.551 Q 150.6 111.966 148.935 113.991 A 1.871 1.871 0 0 1 147.45 114.751 A 0.942 0.942 0 0 1 147.157 114.698 Q 146.881 114.607 146.528 114.36 A 5.438 5.438 0 0 1 146.25 114.151 Q 145.5 113.551 145.35 113.101 A 10.78 10.78 0 0 0 145.809 111.081 Q 146.54 106.3 146.672 93.051 A 627.988 627.988 0 0 0 146.7 86.851 Q 146.7 83.521 146.436 77.992 A 460.787 460.787 0 0 0 146.25 74.401 Z M 307.95 111.301 L 307.95 109.351 A 6.99 6.99 0 0 0 308.047 108.692 Q 308.08 108.369 308.093 108.004 A 13.344 13.344 0 0 0 308.1 107.551 L 307.5 106.951 A 18.555 18.555 0 0 0 308.502 103.263 A 15.635 15.635 0 0 0 308.7 100.801 Q 308.7 98.16 308.436 93.76 A 293.8 293.8 0 0 0 308.25 90.901 L 307.95 81.001 Q 307.95 75.259 308.214 65.12 A 1669.002 1669.002 0 0 1 308.4 58.501 Q 309 45.151 309 35.851 L 308.7 26.851 Q 308.4 22.801 308.4 17.851 Q 308.4 16.528 308.763 15.646 A 2.844 2.844 0 0 1 309.45 14.626 A 3.18 3.18 0 0 1 310.538 13.981 Q 311.017 13.806 311.612 13.724 A 8.328 8.328 0 0 1 312.75 13.651 A 4.058 4.058 0 0 1 313.791 13.778 A 2.954 2.954 0 0 1 315.15 14.551 Q 315.45 14.701 319.5 15.151 A 42.12 42.12 0 0 1 322.477 15.611 Q 324.389 15.981 325.95 16.501 Q 328.8 17.401 328.8 18.751 A 1.895 1.895 0 0 1 328.44 19.817 Q 327.969 20.515 326.881 21.213 A 12.58 12.58 0 0 1 325.95 21.751 Q 317.622 18.975 313.99 18.903 A 9.592 9.592 0 0 0 313.8 18.901 L 313.05 19.801 Q 313.196 21.11 313.2 25.945 A 335.708 335.708 0 0 1 313.2 26.251 A 238.401 238.401 0 0 1 313.134 32.001 Q 313.06 35.092 312.9 37.801 Q 312.75 43.051 312.75 49.501 Q 312.75 53.701 314.85 53.701 L 317.25 53.551 A 19.545 19.545 0 0 1 318.971 53.416 A 23.067 23.067 0 0 1 319.8 53.401 A 19.14 19.14 0 0 1 321.714 53.488 Q 323.615 53.68 324.598 54.296 A 2.034 2.034 0 0 1 325.65 56.101 Q 325.65 57.751 324.9 58.876 Q 324.15 60.001 322.65 60.001 A 6.747 6.747 0 0 1 321.29 59.873 Q 320.008 59.608 319.2 58.801 L 314.4 58.051 L 313.65 58.051 L 312.9 58.801 L 312.9 59.251 A 23.145 23.145 0 0 1 313.002 60.445 Q 313.193 63.429 313.2 70.543 A 557.607 557.607 0 0 1 313.2 71.101 Q 313.2 76.951 313.05 81.751 L 312.9 92.401 Q 312.9 98.251 313.35 104.401 Q 313.5 107.851 314.85 108.976 Q 315.97 109.909 318.638 110.068 A 19.564 19.564 0 0 0 319.8 110.101 L 322.5 109.951 Q 323.85 109.801 325.5 109.801 A 14.65 14.65 0 0 1 326.923 109.864 Q 328.311 110 329.041 110.432 A 1.47 1.47 0 0 1 329.85 111.751 A 1.977 1.977 0 0 1 328.74 113.512 Q 327.218 114.407 323.608 114.449 A 30.956 30.956 0 0 1 323.25 114.451 L 310.95 114.451 Q 308.39 114.451 307.988 111.618 A 6.937 6.937 0 0 1 307.95 111.301 Z M 72.3 96.901 L 71.55 90.901 Q 68.353 90.174 64.312 90.152 A 46.571 46.571 0 0 0 64.05 90.151 L 58.65 89.851 Q 55.936 89.512 54.33 89.428 A 18.136 18.136 0 0 0 53.4 89.401 Q 52.547 89.401 52.368 90.075 A 1.249 1.249 0 0 0 52.35 90.151 Q 52.35 90.484 52.268 90.571 A 0.091 0.091 0 0 1 52.2 90.601 L 51.9 93.601 A 25.24 25.24 0 0 1 51.77 95.041 Q 51.504 97.362 50.754 101.616 A 325.388 325.388 0 0 1 50.25 104.401 Q 49.5 108.451 48.45 110.701 A 13.072 13.072 0 0 1 48.006 111.568 Q 47.219 112.959 46.5 113.2 A 0.936 0.936 0 0 1 46.2 113.251 A 2.322 2.322 0 0 1 45.392 113.096 Q 44.845 112.893 44.25 112.426 Q 43.621 111.932 43.369 111.41 A 1.613 1.613 0 0 1 43.2 110.701 L 43.35 110.251 L 43.5 109.801 Q 46.2 99.151 48 88.651 L 49.8 79.351 L 51.6 67.951 L 53.25 58.051 Q 53.972 54.152 55.806 45.666 A 1319.129 1319.129 0 0 1 55.95 45.001 Q 58.05 34.801 58.5 31.051 Q 58.646 30.612 59.078 25.754 A 461.678 461.678 0 0 0 59.1 25.501 Q 59.689 19.904 60.134 17.2 A 44.839 44.839 0 0 1 60.15 17.101 Q 60.585 13.329 61.021 12.644 A 0.674 0.674 0 0 1 61.05 12.601 L 62.1 12.601 Q 62.522 12.742 63.076 12.75 A 4.688 4.688 0 0 0 63.15 12.751 A 5.738 5.738 0 0 0 64.164 12.667 Q 64.719 12.568 65.155 12.349 A 2.668 2.668 0 0 0 65.85 11.851 Q 66.9 11.851 67.725 12.526 A 2.605 2.605 0 0 1 68.195 13.017 A 1.816 1.816 0 0 1 68.55 14.101 A 118.948 118.948 0 0 0 68.751 20.803 Q 69.01 25.37 69.6 30.601 Q 70.2 35.401 70.5 38.551 Q 71.854 54.429 76.642 93.132 A 6055.851 6055.851 0 0 0 78.9 111.151 L 78.9 111.601 A 2.953 2.953 0 0 1 78.746 112.58 Q 78.474 113.357 77.724 113.836 A 3.126 3.126 0 0 1 77.7 113.851 A 15 15 0 0 1 76.795 113.826 Q 75.486 113.746 74.969 113.415 A 1.002 1.002 0 0 1 74.85 113.326 A 1.351 1.351 0 0 1 74.569 112.956 Q 74.216 112.314 73.999 110.894 A 17.961 17.961 0 0 1 73.95 110.551 A 5979.828 5979.828 0 0 1 73.481 106.735 Q 72.618 99.699 72.343 97.282 A 147.287 147.287 0 0 1 72.3 96.901 Z M 242.55 96.901 L 241.8 90.901 Q 238.603 90.174 234.562 90.152 A 46.571 46.571 0 0 0 234.3 90.151 L 228.9 89.851 Q 226.186 89.512 224.58 89.428 A 18.136 18.136 0 0 0 223.65 89.401 Q 222.797 89.401 222.618 90.075 A 1.249 1.249 0 0 0 222.6 90.151 Q 222.6 90.484 222.518 90.571 A 0.091 0.091 0 0 1 222.45 90.601 L 222.15 93.601 A 25.24 25.24 0 0 1 222.02 95.041 Q 221.754 97.362 221.004 101.616 A 325.388 325.388 0 0 1 220.5 104.401 Q 219.75 108.451 218.7 110.701 A 13.072 13.072 0 0 1 218.256 111.568 Q 217.469 112.959 216.75 113.2 A 0.936 0.936 0 0 1 216.45 113.251 A 2.322 2.322 0 0 1 215.642 113.096 Q 215.095 112.893 214.5 112.426 Q 213.871 111.932 213.619 111.41 A 1.613 1.613 0 0 1 213.45 110.701 L 213.6 110.251 L 213.75 109.801 Q 216.45 99.151 218.25 88.651 L 220.05 79.351 L 221.85 67.951 L 223.5 58.051 Q 224.222 54.152 226.056 45.666 A 1319.129 1319.129 0 0 1 226.2 45.001 Q 228.3 34.801 228.75 31.051 Q 228.896 30.612 229.328 25.754 A 461.678 461.678 0 0 0 229.35 25.501 Q 229.939 19.904 230.384 17.2 A 44.839 44.839 0 0 1 230.4 17.101 Q 230.835 13.329 231.271 12.644 A 0.674 0.674 0 0 1 231.3 12.601 L 232.35 12.601 Q 232.772 12.742 233.326 12.75 A 4.688 4.688 0 0 0 233.4 12.751 A 5.738 5.738 0 0 0 234.414 12.667 Q 234.969 12.568 235.405 12.349 A 2.668 2.668 0 0 0 236.1 11.851 Q 237.15 11.851 237.975 12.526 A 2.605 2.605 0 0 1 238.445 13.017 A 1.816 1.816 0 0 1 238.8 14.101 A 118.948 118.948 0 0 0 239.001 20.803 Q 239.26 25.37 239.85 30.601 Q 240.45 35.401 240.75 38.551 Q 242.104 54.429 246.892 93.132 A 6055.851 6055.851 0 0 0 249.15 111.151 L 249.15 111.601 A 2.953 2.953 0 0 1 248.996 112.58 Q 248.724 113.357 247.974 113.836 A 3.126 3.126 0 0 1 247.95 113.851 A 15 15 0 0 1 247.045 113.826 Q 245.736 113.746 245.219 113.415 A 1.002 1.002 0 0 1 245.1 113.326 A 1.351 1.351 0 0 1 244.819 112.956 Q 244.466 112.314 244.249 110.894 A 17.961 17.961 0 0 1 244.2 110.551 A 5979.828 5979.828 0 0 1 243.731 106.735 Q 242.868 99.699 242.593 97.282 A 147.287 147.287 0 0 1 242.55 96.901 Z M 0.75 92.251 L 1.05 73.351 Q 1.05 65.312 0.786 51.206 A 3204.163 3204.163 0 0 0 0.6 42.001 Q 0 23.551 0 10.801 A 45.678 45.678 0 0 1 0.115 7.408 Q 0.509 2.157 2.247 0.629 A 2.428 2.428 0 0 1 3.9 0.001 A 25.129 25.129 0 0 1 10.269 0.763 A 17.514 17.514 0 0 1 19.425 6.451 A 22.196 22.196 0 0 1 24.031 15.731 Q 24.843 19.07 24.896 22.99 A 40.791 40.791 0 0 1 24.9 23.551 A 33.929 33.929 0 0 1 22.425 35.971 Q 20.625 40.569 17.517 45.29 A 67.052 67.052 0 0 1 15.3 48.451 Q 23.25 56.401 26.475 63.601 A 35.049 35.049 0 0 1 28.894 71.513 Q 29.587 75.22 29.684 79.452 A 60.794 60.794 0 0 1 29.7 80.851 A 165.853 165.853 0 0 1 29.664 84.453 Q 29.588 87.904 29.359 90.335 A 45.709 45.709 0 0 1 29.325 90.676 A 33.405 33.405 0 0 1 28.504 95.429 A 28.558 28.558 0 0 1 27.9 97.501 A 19.664 19.664 0 0 1 26.41 101.016 A 16.247 16.247 0 0 1 24.975 103.201 Q 23.1 105.601 19.95 107.701 Q 17.683 109.288 14.387 110.876 A 67.666 67.666 0 0 1 12.15 111.901 L 9.15 112.651 Q 7.576 113.256 6.589 113.373 A 3.751 3.751 0 0 1 6.15 113.401 L 5.85 113.401 A 22.407 22.407 0 0 1 4.106 113.339 Q 1.33 113.121 0.579 112.137 A 1.34 1.34 0 0 1 0.3 111.301 Q 0.3 105.001 0.75 92.251 Z M 280.05 114.901 L 276.45 113.551 A 16.005 16.005 0 0 1 273.505 112.301 A 13.085 13.085 0 0 1 271.575 111.001 Q 269.55 109.351 267.75 106.051 A 25.63 25.63 0 0 1 265.886 101.306 Q 264.49 96.514 264.056 89.743 A 87.271 87.271 0 0 1 264 88.801 A 194.053 194.053 0 0 1 263.795 84.568 Q 263.7 81.995 263.7 79.801 L 263.7 62.701 Q 263.7 52.951 264.3 43.801 A 130.228 130.228 0 0 1 264.701 39.034 Q 265.088 35.307 265.65 32.401 A 46.911 46.911 0 0 1 268.231 23.755 A 52.072 52.072 0 0 1 268.5 23.101 A 28.425 28.425 0 0 1 269.822 20.441 Q 271.338 17.776 273.061 16.42 A 8.218 8.218 0 0 1 273.15 16.351 A 5.645 5.645 0 0 1 273.797 15.882 Q 274.95 15.151 277.2 14.251 Q 279.15 13.501 280.95 12.601 L 286.95 12.601 L 287.4 12.601 Q 287.55 12.751 287.85 12.751 L 288.6 12.901 L 289.2 13.351 A 5.975 5.975 0 0 1 289.353 13.509 Q 289.65 13.829 289.65 13.951 A 1.119 1.119 0 0 1 289.729 14.168 Q 289.79 14.4 289.799 14.738 A 4.461 4.461 0 0 1 289.8 14.851 L 287.85 17.101 L 281.55 17.101 A 5.844 5.844 0 0 0 278.114 18.24 Q 277.211 18.879 276.375 19.876 Q 274.05 22.651 272.85 26.851 Q 271.819 30.074 271.12 34.293 A 78.601 78.601 0 0 0 270.9 35.701 Q 270.326 39.606 270.104 42.719 A 58.566 58.566 0 0 0 270 44.551 A 327.246 327.246 0 0 0 269.876 46.636 Q 269.731 49.221 269.706 50.612 A 29.641 29.641 0 0 0 269.7 51.151 L 269.4 51.901 Q 269.4 60.168 269.11 66.836 A 246.079 246.079 0 0 1 269.1 67.051 L 268.8 82.201 A 84.577 84.577 0 0 0 269.085 89.294 A 66.459 66.459 0 0 0 269.7 94.351 A 22.308 22.308 0 0 0 274.05 105.151 A 11.129 11.129 0 0 0 281.091 109.602 A 17.635 17.635 0 0 0 284.7 109.951 A 6.186 6.186 0 0 0 286.525 109.693 A 5.072 5.072 0 0 0 288.45 108.601 Q 290.635 108.601 290.698 110.156 A 2.318 2.318 0 0 1 290.7 110.251 A 1.555 1.555 0 0 1 290.513 110.953 Q 290.107 111.752 288.825 112.726 Q 286.95 114.151 285 114.901 L 280.05 114.901 Z M 180.75 114.601 L 177.75 112.351 A 202.244 202.244 0 0 0 178.541 102.926 Q 179.203 92.33 179.247 77.964 A 674.249 674.249 0 0 0 179.25 75.901 A 320.204 320.204 0 0 1 179.306 70.238 Q 179.423 63.742 179.778 54.533 A 1532.257 1532.257 0 0 1 180.15 45.601 Q 181.2 26.851 181.2 15.451 Q 181.2 14.101 182.475 13.351 A 5.442 5.442 0 0 1 184.696 12.637 A 6.762 6.762 0 0 1 185.4 12.601 Q 190.65 12.601 196.95 13.801 A 32.908 32.908 0 0 1 199.011 14.256 Q 201.995 15.027 202.879 16.048 A 1.364 1.364 0 0 1 203.25 16.951 A 2.011 2.011 0 0 1 202.038 18.813 Q 201.052 19.331 199.264 19.459 A 17.725 17.725 0 0 1 198 19.501 Q 195.356 18.299 191.556 18.06 A 31.199 31.199 0 0 0 189.6 18.001 L 187.8 18.151 Q 187.389 18.288 187.166 18.551 A 1.049 1.049 0 0 0 187.125 18.601 A 1.538 1.538 0 0 0 186.979 18.843 Q 186.849 19.107 186.75 19.501 A 13.366 13.366 0 0 1 186.6 20.054 Q 186.453 20.552 186.305 20.869 A 2.149 2.149 0 0 1 186.15 21.151 Q 186.15 27.901 185.55 37.051 A 232.524 232.524 0 0 0 185.038 44.421 Q 184.86 47.795 184.815 50.822 A 134.68 134.68 0 0 0 184.8 52.801 L 184.8 58.051 A 0.316 0.316 0 0 0 184.982 58.324 Q 185.419 58.585 186.91 58.517 A 17.529 17.529 0 0 0 187.2 58.501 A 37.223 37.223 0 0 1 189.604 58.572 Q 194.85 58.913 194.85 60.901 A 2.301 2.301 0 0 1 194.136 62.575 A 3.482 3.482 0 0 1 193.725 62.926 Q 192.6 63.751 191.25 63.751 A 5.129 5.129 0 0 1 190.65 63.711 Q 190.007 63.635 189.118 63.411 A 22.397 22.397 0 0 1 188.7 63.301 Q 187.639 62.982 186.802 62.889 A 5.909 5.909 0 0 0 186.15 62.851 Q 183.66 62.851 183.467 69.102 A 35.528 35.528 0 0 0 183.45 70.201 L 183.45 87.151 Q 183.45 89.907 183.714 94.686 A 363.965 363.965 0 0 0 183.9 97.801 Q 184.35 105.001 184.35 108.601 A 14.953 14.953 0 0 1 184.224 110.64 Q 183.675 114.601 180.75 114.601 Z M 94.65 111.001 L 94.5 106.351 A 90.365 90.365 0 0 1 94.556 103.332 Q 94.673 99.89 95.028 95.093 A 403.08 403.08 0 0 1 95.4 90.451 A 847.626 847.626 0 0 0 95.692 85.698 Q 96.07 79.242 96.136 75.958 A 62.868 62.868 0 0 0 96.15 74.701 L 96 67.951 Q 95.85 64.951 95.85 61.351 Q 95.85 56.757 96.114 48.734 A 1031.797 1031.797 0 0 1 96.3 43.501 Q 96.742 31.571 96.75 25.715 A 156.459 156.459 0 0 0 96.75 25.501 L 96.6 16.801 L 96 16.051 L 96 15.151 A 7.09 7.09 0 0 1 96.13 13.728 Q 96.64 11.251 99.15 11.251 A 9.659 9.659 0 0 1 100.542 11.368 Q 102.814 11.704 106.665 13.003 A 83.57 83.57 0 0 1 107.025 13.126 Q 112.5 15.001 112.5 16.201 L 112.5 16.651 A 31.047 31.047 0 0 1 114.992 21.545 A 25.231 25.231 0 0 1 116.175 25.351 Q 117.15 29.701 117.15 36.451 Q 117.15 44.145 115.965 49.839 A 35.777 35.777 0 0 1 114.75 54.301 L 114.9 54.301 A 14.453 14.453 0 0 1 114.525 54.995 Q 113.865 56.15 112.56 58.112 A 124.757 124.757 0 0 1 112.5 58.201 L 110.4 61.351 A 13.305 13.305 0 0 1 112.885 63.926 Q 114.034 65.468 114.975 67.501 A 29.418 29.418 0 0 1 116.548 71.659 A 22.846 22.846 0 0 1 117.3 75.301 Q 117.45 76.651 117.6 78.601 Q 117.75 80.551 117.9 83.251 L 118.05 87.151 L 118.05 89.251 Q 118.05 100.557 112.502 107.24 A 21.352 21.352 0 0 1 109.05 110.551 A 16.964 16.964 0 0 1 101.399 113.834 A 23.049 23.049 0 0 1 97.5 114.151 A 2.627 2.627 0 0 1 95.56 113.34 A 3.286 3.286 0 0 1 95.475 113.251 A 3.114 3.114 0 0 1 94.667 111.372 A 4.128 4.128 0 0 1 94.65 111.001 Z M 69.3 86.851 L 70.8 86.851 A 1032.898 1032.898 0 0 0 69.881 74.767 Q 68.76 60.98 66.921 41.73 A 4627.081 4627.081 0 0 0 65.1 23.101 L 57 63.151 A 562.904 562.904 0 0 0 55.828 69.171 Q 53.55 81.245 53.55 84.901 A 0.412 0.412 0 0 0 53.804 85.211 Q 54.753 85.778 59.25 86.251 Q 64.149 86.767 68.05 86.839 A 67.298 67.298 0 0 0 69.3 86.851 Z M 239.55 86.851 L 241.05 86.851 A 1032.898 1032.898 0 0 0 240.131 74.767 Q 239.01 60.98 237.171 41.73 A 4627.081 4627.081 0 0 0 235.35 23.101 L 227.25 63.151 A 562.904 562.904 0 0 0 226.078 69.171 Q 223.8 81.245 223.8 84.901 A 0.412 0.412 0 0 0 224.054 85.211 Q 225.003 85.778 229.5 86.251 Q 234.399 86.767 238.3 86.839 A 67.298 67.298 0 0 0 239.55 86.851 Z M 6 107.401 L 6.45 107.401 L 6.9 107.551 A 15.707 15.707 0 0 0 16.275 104.476 A 21.038 21.038 0 0 0 22.525 97.278 A 25.012 25.012 0 0 0 23.025 96.301 Q 25.5 91.201 25.5 85.351 A 85.496 85.496 0 0 0 24.894 74.717 Q 22.704 57.33 12.6 53.101 Q 11.4 53.101 8.7 53.851 Q 6.15 54.751 5.25 54.751 Q 6 79.201 6 107.401 Z M 113.25 92.101 L 113.4 91.501 L 113.4 90.301 L 113.4 88.651 Q 113.4 82.351 112.35 76.651 A 29.132 29.132 0 0 0 111.032 72.181 Q 109.355 67.896 106.5 65.551 A 8.69 8.69 0 0 0 101.133 63.606 A 10.943 10.943 0 0 0 100.8 63.601 Q 100.129 74.738 100.059 82.274 A 184.055 184.055 0 0 0 100.05 84.001 L 100.05 87.451 A 68.775 68.775 0 0 0 100.094 89.994 Q 100.184 92.425 100.46 94.114 A 18.546 18.546 0 0 0 100.5 94.351 Q 99.75 95.701 99.75 101.551 L 99.75 105.451 L 99.9 108.301 A 10.456 10.456 0 0 0 105.97 106.347 A 13.215 13.215 0 0 0 106.575 105.901 A 16.537 16.537 0 0 0 110.973 100.624 A 19.652 19.652 0 0 0 111.45 99.676 A 19.275 19.275 0 0 0 112.906 95.397 A 16.133 16.133 0 0 0 113.25 92.101 Z M 4.95 29.551 L 5.25 47.551 L 5.7 47.701 A 7.97 7.97 0 0 0 9.708 46.588 Q 10.875 45.92 12 44.851 A 19.151 19.151 0 0 0 15.043 41.075 A 26.083 26.083 0 0 0 16.95 37.351 Q 18.9 33.001 19.95 28.276 A 47.607 47.607 0 0 0 20.704 24.028 Q 20.982 21.867 20.999 19.911 A 29.278 29.278 0 0 0 21 19.651 A 14.518 14.518 0 0 0 18.764 11.973 A 19.48 19.48 0 0 0 17.175 9.751 A 15.531 15.531 0 0 0 14.592 7.225 Q 12.384 5.549 9.899 5.195 A 9.567 9.567 0 0 0 8.55 5.101 A 3.237 3.237 0 0 0 5.454 7.023 Q 4.65 8.622 4.65 11.551 A 578.859 578.859 0 0 0 4.716 20.511 Q 4.791 25.328 4.95 29.551 Z M 100.95 58.351 L 102.15 58.351 A 7.881 7.881 0 0 0 109.497 53.518 Q 111.472 49.661 111.919 42.726 A 67.366 67.366 0 0 0 112.05 38.401 Q 112.05 36.751 111.75 31.951 L 111.6 29.101 L 111.3 28.801 A 58.359 58.359 0 0 0 110.881 25.912 Q 110.406 23.156 109.745 21.266 A 16.735 16.735 0 0 0 109.65 21.001 A 7.546 7.546 0 0 0 108.341 18.674 A 6.979 6.979 0 0 0 107.25 17.626 A 6.124 6.124 0 0 0 105.313 16.599 A 5.59 5.59 0 0 0 103.65 16.351 Q 100.678 16.351 100.383 32.294 A 200.767 200.767 0 0 0 100.35 36.001 Q 100.35 39.246 100.463 40.694 A 12.403 12.403 0 0 0 100.5 41.101 L 100.5 44.101 L 100.5 49.201 Q 100.355 51.525 100.35 54.411 A 118.781 118.781 0 0 0 100.35 54.601 L 100.35 56.401 L 100.65 57.301 L 100.95 58.351 Z" vector-effect="non-scaling-stroke"/></g></svg><div class="audio-test">\
<<link "Audio Test">>
<<popup 'Audio Test'>>
<</link>>
</div>
<div class='audio-directions'>\
Headphones recommended.
Press m at any time to mute or unmute current audio.
Toggle fullscreen mode with the f key.
<<timed 5s t8n>>Select Audio Test to start.<</timed>>
</div><<audio "breathing" volume 1 play>>\
<div class="breathing">\
Do you hear breathing?
<span style="padding-right: 15px;">\
<<link "Yes">>\
<<popup "Audio Yes">>\
<</link>>\
</span> <span style="padding-left: 15px;">\
<<link "No">>\
<<popup "Audio No">>\
<</link>>\
</span>
</div><div class="breathing">\
I hear the jagged gasps too.
Endless heaving that slices through my sleep.
I <<link "wake again">><<run Dialog.close()>><<goto "Pre-Splash">><</link>>, shivering and alone.
</div><div class="breathing">\
I can wait for you.
I can stay here
until <<link "the end of time">><<run Dialog.close()>><<goto "Start">><</link>>
if I have to.
</div><<audio 'day1' loop volume 0 fadein>>\
<<timed 4s>>
<<goto 'Splash'>>
<</timed>><div class="drawTitle">\
<div id="title" style="cursor: pointer;"><<include "babyface">></div>\
<div id="mask"><<include "mask">></div>\
</div>\
<div id="endstory">\
[[About]] [[Credits]] \
<<link "Fullscreen">><<run Fullscreen.toggle()>><</link>>\
</div>\
\
<<timed 0s>>\
<<script>>
var tl = anime.timeline({
loop: false
});
tl
.add({
targets: '#title path',
strokeDashoffset: [anime.setDashoffset, 0],
easing: 'easeInOutSine',
duration: 15000,
delay: 2000,
direction: 'normal',
})
.add({
targets: ['#mask', '#endstory' ],
opacity: 1,
easing: 'linear',
duration: 5000
},'-=10000');
<</script>>\
<</timed>>\
\<<if !SimpleAudio.tracks.get("day1").isPlaying()>>\
<<audio 'day1' loop volume 0 fadein>>\
<</if>>\
<div class="drawTitle">\
<div id="title" style="cursor: pointer;"><<include "babyface">></div>\
<div id="largeMask"><<include "mask">></div>\
</div>\
<div id="endstory" style="opacity: 1;">[[About]] [[Credits]]\
<<link "Fullscreen">>\
<<run Fullscreen.toggle()>>\
<</link>>\
</div>\