<<switch $count>>
<<case 0>>
<<replace "#credits">><</replace>>
<<nar>>The more I think about things with Yancy, the weirder they seem.<</nar>>
<<case 1>>
<<nar>>It was the timing of things, first. The fact that there are days I met up with Yancy in the past that are the same as days others have met them, like our friend Caleb or Yancy’s neighbor Hendrix. Yancy’s tarot deck was the biggest clue for me - they said they got it exactly a week before Thanksgiving, in the morning, but how can that be if they and I met up that exact same morning? They didn’t leave until it was the afternoon.<</nar>>
<<case 2>>
<<nar>>And it was the look in their eyes that started to show up, after they visited their mom’s grave. Not a look of normal grief and sadness, but the look of a person with a burden. Like they were holding onto some terrible secret.<</nar>>
<<case 3>>
<<nar>>I sound crazy, saying all of this out loud. Look, maybe I’m just overthinking stuff. But it’s all //gnawing// at me and it won’t go away. Something weird’s going on with Yancy, I just know it.<</nar>>
<<case 4>>
<<char "yancy">> ... so the Nine Of Wands is about perseverance, but it also means you’re partway through the fight, that you’re almost there. Does that make sense?<</char>>
<<case 5>>
<<char "caleb">> Yeah, I think so. Thanks for explaining it.<</char>>
<<case 6>>
<<nar>>My friend’s voices bring me out of my thoughts, and I look over at them. Yancy is just wrapping up Caleb’s tarot reading—looks like Caleb wrote it all down in a notebook, too. The three of us are hanging out in the park, surrounded by autumn leaves. Yancy wanted us to have a "spooky season" hangout day.<</nar>>
<<case 7>>
<<char "yancy">> Hey Mack, it’s your turn. You ready?<</char>>
<<case 8>>
<<char "mack">> Um, yeah. Wanna trade places, Caleb?<</char>>
<<case 9>>
<<char "caleb">> Sure, that sounds good.<</char>>
<<case 10>>
<<nar>>I swap with Caleb and plop down across from Yancy, who gives me a smile as they shuffle the tarot deck. Caleb sits at my right.<</nar>>
<<case 11>>
<<char "yancy">> Thanks for letting me practice doing readings on you guys. I feel like I’m actually getting kind of good at this.<</char>>
<<case 12>>
<<char "mack">> Look at you! Discovering your innate talent to tell the future.<</char>>
<<case 13>>
<<char "yancy">> I guess you’re right!<</char>>
<<case 14>>
<<nar>>They finish shuffling the deck and hold it out to me to cut. I take a little off the top, place it on the bottom, and hand the deck back.<</nar>>
<<case 15>>
<<char "yancy">> Ok, I think we’re all set. You know how a 3-card tarot reading goes, right?<</char>>
<<case 16>>
<<char "mack">> First card is the past, second is the present, and third is the future. You’ve explained it to me before.<</char>>
<<case 17>>
<<char "yancy">> Right, sorry. I wasn’t sure if I had or not... Anyway, let’s see what your first card has in store!<</char>>
<<case 18>>
<<nar>>They reveal the first card, the one that shows my past. It is the ''Hermit'', and the card is ''reversed''.<</nar>>
<<case 19>>
<<char "yancy">> Ooo, that’s an interesting one. So, from what I understand, The Hermit is a card about solitude and self-reflection. An inward path, basically. And when it’s reversed, it means that solitude was turning toxic, that it was bad for you.<</char>>
<<case 20>>
<<char "mack">> Kind of like me before I met you?<</char>>
<<case 21>>
<<char "yancy">> Yeah, I was thinking that too. I’m glad you said it first, though...<</char>>
<<case 22>>
<<nar>>Then, Yancy reveals the second card, the one that shows my present. It’s the ''Three Of Cups''.<</nar>>
<<case 23>>
<<char "yancy">> Ooo, interesting! So, the cups suit is a very emotional one, rooted in intuition, relationship, things like that. And the Three Of Cups represents friendship and reunions, a happy time with people you care about.<</char>>
<<case 24>>
<<char "mack">> Oh, so, me after meeting you, basically.<</char>>
<<case 25>>
<<char "yancy">> You think so?<</char>>
<<case 26>>
<<char "mack">> Of course. You really got me out of my shell and helped me form friendships again.<</char>>
<<case 27>>
<<char "caleb">>A snail coming out of his shell, huh?<</char>>
<<case 28>>
<<char "mack">>Shut up, you!<</char>>
<<case 29>>
<<nar>>Yancy reveals the last card, the one that shows my future. It’s the ''Ace Of Swords''.<</nar>>
<<case 30>>
<<char "yancy">> A sword card right after a cup card... That’s interesting! So, swords are basically the opposite of cups - they’re more logical and rational. They’re also associated with conflict, though. And the Ace Of Swords represents a breakthrough. It’s telling you to rise to the occasion and act swiftly if you want to solve your conflict!<</char>>
<<case 31>>
<<char "mack">> … Huh.<</char>>
<<case 32>>
<<nar>>Well, fuck. I guess the universe is waving a flashing sign in my face... I’d be pretty stupid not to act on it.<</nar>>
<<case 33>>
<<char "yancy">> So yeah, that’s your reading! I hope it was ok. I know I’m not very good at this yet...<</char>>
<<case 34>>
<<char "mack">> No, no, it was perfect. You gave me exactly what I needed.<</char>>
<<case 35>>
<<char "yancy">> Really?<</char>>
<<case 36>>
<<char "mack">> Yeah. In fact, I have a question for you.<</char>>
<<case 37>>
<<nar>>Yancy looks confused and curious.<</nar>>
<<case 38>>
<<char "yancy">> What is it?<</char>>
<<case 39>>
<<char "caleb">> Is everything ok, Mack?<</char>>
<<case 40>>
<<char "mack">> Well...<</char>>
<<case 41>>
<<nar>>I sigh, taking a moment to find the right words. Then, I look Yancy straight in the eye, and say what’s on my mind.<</nar>>
<<case 42>>
<<char "mack">> Look, I know there’s something weird going on with you. It’s been bugging me for weeks. The fact that you met so many people at //literally// the exact same time, and that ever since you went to see your mother’s grave, you’ve been acting off. I thought it was just grief, and I didn’t want to pester you about it or anything, but something’s telling me there’s more going on.<</char>>
<<case 43>>
<<nar>>I put a hand on Yancy’s shoulder.<</nar>>
<<case 44>>
<<char "mack">> Whatever it is, you can talk to us, ok? I may be a judgmental little bitch, but I won’t condemn you, I promise.<</char>>
<<case 45>>
<<char "yancy">> You certainly are a judgmental little bitch... But don’t worry, I know you wouldn’t do that.<</char>>
<<case 46>>
<<char "mack">> Then, please. Tell me what’s going on.<</char>>
<<case 47>>
<<nar>>Yancy hesitates. There is a long pause before they speak.<</nar>>
<<case 48>>
<<char "yancy">> I don’t know if you’ll believe me about what happened. It’s kind of... crazy? Beyond comprehension? Yeah, let’s go with that.<</char>>
<<case 49>>
<<char "yancy">> Basically, I met this weird guy. And I don’t want to tell you who that guy was, because that would really blow your mind in some ways that could be bad. But basically, that guy told me that I was brought into existence to create and help people. So, he brought together all of the possible timelines where I bonded with others, and merged them into one.<</char>>
<<case 50>>
<<char "yancy">> That’s why things don’t make sense, time-wise, why there are instances where I was literally in different places at the same time. It’s because the timelines were merged.<</char>>
<<case 51>>
<<nar>>Both Caleb and I look at each other.<</nar>>
<<case 52>>
<<char "mack">> I was ready for a lot, but I wasn’t expecting that.<</char>>
<<case 53>>
<<char "yancy">> Do you believe me?<</char>>
<<case 54>>
<<char "mack">> Duh, of course I do. You wouldn’t lie about something like that.<</char>>
<<case 55>>
<<char "caleb">> Yeah, Yancy. I believe you too.<</char>>
<<case 56>>
<<nar>>Yancy gives us both a grateful smile.<</nar>>
<<case 57>>
<<char "yancy">> Thanks, guys. I’m glad you two are my friends. If the timelines didn’t merge, the three of us wouldn’t be here together, so I’m glad it happened.<</char>>
<<case 58>>
<<char "caleb">> Aw, that’s really sweet.<</char>>
<<case 59>>
<<char "mack">> … You’re too nice sometimes.<</char>>
<<case 60>>
<<char "yancy">> I’m the perfect amount of nice, thank you very much. C’mere, you two!<</char>>
<<case 61>>
<<nar>>They wrap their arms around me and Caleb in a big group hug. I smile and embrace my friend. When they let go, they grin and start digging into their bag.<</nar>>
<<case 62>>
<<char "yancy">> Now that we’ve done tarot readings, wanna play some spooky tarot TTRPG games I found? There’s a three-player one with a serial killer, a detective, and a ghost!<</char>>
<<case 63>>
<<char "caleb">> Oh wow, that sounds cool!<</char>>
<<case 64>>
<<char "mack">> I call the serial killer.<</char>>
<<case 65>>
<<char "yancy">> I love how //immediately// you want to be the murderer. Something you want to tell us, Mack?<</char>>
<<case 66>>
<<char "mack">> … Shut up, you.<</char>>
<<case 67>>
<<nar>>The three of us laugh and talk as we set up the game. I’m grateful Yancy was honest with us, but now, a question is on my mind:<</nar>>
<<case 68>>
<<nar>>If Yancy exists to create and help people, then why do I exist?
<br><br>
<div style="text-align:center; font-size: 3em; font-weight:bold;">The End.</div>
<</nar>>
<<case default>>
<<set _stop to true>>
<</switch>>
<<replace "#char">>
<<portrait>>
<</replace>><<set $count to -1>>
<<set $count2 to -1>>
<<set setup.starting to true>>
<<set setup.new to true>>
<<set setup.pause to true>>
<<for _i to 0;_i lt 69; _i++>>
<<print '<<cacheaudio "' + _i + '" "media/audio/yancy/' +_i + '.mp3">>'>>
<</for>>
<<for _i to 0; _i lt 68; _i++>><<nobr>>
<<print '
<<run SimpleAudio.tracks.get("' + _i + '").on("ended.custom",
function () {
new Wikifier(null, "<<nxt>>");
}
)
>>
'>>
<</nobr>><</for>>
<<nobr>>
<<replace "#txt">>
<div class="text current" style="position:fixed; max-height:88vh; bottom: calc(12vh + 6px); left:0vh; right:0vh; padding-left:40vh; padding-right:40vh; overflow:auto; scroll-behavior: smooth;-ms-overflow-style: none;
scrollbar-width: none;">
<div style="height:88vh; ">
<<include "credits">>
</div>
<div id="bottom" style="height:1px;width:100%;">
</div>
</div>
<</replace>>
<<replace "#menu">>
<<set _pause to true>>
<<masteraudio stop>>
<div class="menu">
<div style="position:absolute; left:40%; right:40%; height:100%; top:0;">
<div style="height:9vh; width:9vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; line-height:9vh;">
<span id="play">
➤
</span>
<<link "">>
<<if setup.pause>>
<<set setup.pause to false>>
<<replace "#play">>
⏸
<</replace>>
<<if $count lt 0>>
<<nxt>>
<<else>>
<<print '
<<audio "' + $count + '" play>>
'>>
<</if>>
<<else>>
<<set setup.pause to true>>
<<masteraudio stop>>
<<replace "#play">>
➤
<</replace>>
<</if>>
<</link>>
</div>
</div>
<div style="position:absolute; width:30%; right:0%; height:100%; top:0;">
<div style="height:9vh; width:9vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; line-height:9vh;">
<span>
⯮
</span>
<<link "">>
<<if $count lt 68>>
<<nxt>>
<</if>>
<</link>>
</div>
</div>
<div style="position:absolute; width:30%; left:0%; height:100%; top:0;">
<div class="saving" style="height:9vh; width:9vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; line-height:9vh;">
<<link "">>
<<set setup.new to true>>
<<script>>UI.saves()<</script>>
<</link>>
</div>
</div>
</div>
<</replace>>
<</nobr>>
<<replace "#back">>
<img style="position:fixed; left:50%; transform: translateX(-50%); bottom:0%; min-height:100%; min-width:100%;" src="images/background.jpg">
<</replace>>
<<set _char to "">>
<<if $count gt 0 and (not document.getElementById("0") or setup.new)>>
<<replace "#txt">>
<div class="text current" style="position:fixed; max-height:88vh; bottom: calc(12vh + 6px); left:0vh; right:0vh; padding-left:40vh; padding-right:40vh; overflow:auto; scroll-behavior: smooth;-ms-overflow-style: none;
scrollbar-width: none;">
<div style="height:88vh; ">
<<include "credits">>
</div>
<div id="bottom" style="height:1px;width:100%;">
</div>
</div>
<</replace>>
<</if>>
<<timed 0.1s>>
<<if $count gt 0 and (document.getElementById("title") or setup.new)>>
<<set _counting to $count>>
<<set $count to -1>>
<<set $count2 to -1>>
<<for _load to 0; _load lte _counting; _load++>>
<<set $count++>>
<<append "#bottom">>
<<include "script">>
<</append>>
<</for>>
<<removeclass ".current" "current">>
<<set _j to "#" + $count>>
<<addclass _j "current">>
<<set _i to $count + "">>
<<ScrollTo _i false>>
<</if>>
<</timed>>
<<if setup.new>>
<<set setup.new to false>>
<<for _i to $count+1; _i lt 70; _i++>>
<<print'
<<if not document.getElementById("' + _i + '")>>
<<break>>
<<else>>
<<run document.getElementById("' + _i + '").remove();>>
<<set _j to "#" + $count>>
<<addclass _j "current">>
<</if>>
<</if>>
'>>
<</for>>
<</if>>
<<widget "portrait">>
<div class="txt">
<<if _char eq "mack">>
<div style="position: fixed; right:1vw; height:auto; top:50%; transform:translateY(-50%); width: auto; opacity:1;">
<span id="mack">
<img src="images/mack.png"
style="width:auto; height: calc(50vh - 8px);">
</span>
<div style="position:absolute; bottom:0; left:0; width:100%; text-align:center; background: #cbd3ac; color:#392d31; font-size:6vh; border:1px solid #392d31; border-radius: 5px; padding-top:0.1em; opacity:1;">
Mack
</div>
</div>
<<else>>
<div style="position: fixed; right:1vw; height:auto; top:50%; transform:translateY(-50%); width: auto;">
<span id="mack">
<img src="images/mack.png"
style="width:auto; height:calc(50vh - 8px);">
</span>
<div style="position:absolute; bottom:0; left:0; width:100%; text-align:center; background: #cbd3ac; color:#392d31; font-size:6vh; border:1px solid #392d31; border-radius: 5px; padding-top:0.1em; opacity:1;">
Mack
</div>
</div>
<</if>>
<<if _char eq "yancy">>
<div class="left" style="position: fixed; left:1vw; height:auto; top:-10px; width: auto; opacity:1;">
<span id="yancy">
<img src="images/yancy.png"
style="width:auto; height:calc(50vh - 8px);">
</span>
<div style="position:absolute; bottom:0; left:0; width:100%; text-align:center; background: #fff5eb; color:#54504d; font-size:6vh; border:1px solid #54504d; border-radius: 5px; padding-top:0.1em; opacity:1;">
Yancy
</div>
</div>
<<else>>
<div class="left" style="position: fixed; left:1vw; height:auto; top:-10px; width: auto;">
<span id="yancy">
<img src="images/yancy.png"
style="width:auto; height:calc(50vh - 8px);">
</span>
<div style="position:absolute; bottom:0; left:0; width:100%; text-align:center; background: #fff5eb; color:#54504d; font-size:6vh; border:1px solid #54504d; border-radius: 5px; padding-top:0.1em; opacity:1;">
Yancy
</div>
</div>
<</if>>
<<if _char eq "caleb">>
<div class="left" style="position: fixed; left:1vw; height:auto; bottom:calc(1vh + 10px); width: auto; opacity:1;">
<span id="caleb">
<img src="images/caleb.png"
style="width:auto; height:calc(50vh - 8px);">
</span>
<div style="position:absolute; bottom:0; left:0; width:100%; text-align:center; background: #a77579; color:#482f2f; font-size:6vh; border:1px solid #482f2f; border-radius: 5px; padding-top:0.1em; opacity:1;">
Caleb
</div>
</div>
<<else>>
<div class="left" style="position: fixed; left:1vw; height:auto; bottom:calc(1vh + 10px); width: auto;">
<span id="caleb">
<img src="images/caleb.png"
style="width:auto; height:calc(50vh - 8px);">
</span>
<div style="position:absolute; bottom:0; left:0; width:100%; text-align:center; background: #a77579; color:#482f2f; font-size:6vh; border:1px solid #482f2f; border-radius: 5px; padding-top:0.1em; opacity:1;">
Caleb
</div>
</div>
<</if>>
</div>
<</widget>>
<<widget "portrait2">>
<<switch $count>>
<<case 8>>
<<replace "#mack">>
<img src="images/mack_reassuring.png">
<</replace>>
<<case 11>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 12>>
<<replace "#mack">>
<img src="images/mack_happy.png">
<</replace>>
<<case 17>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 20>>
<<replace "#mack">>
<img src="images/mack_happy.png">
<</replace>>
<<case 21>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 24>>
<<replace "#mack">>
<img src="images/mack_reassuring.png">
<</replace>>
<<case 8>>
<<replace "#mack">>
<img src="images/mack_laugh.png">
<</replace>>
<<case 33>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 37>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 39>>
<<replace "#caleb">>
<img src="images/caleb_worried.png">
<</replace>>
<<case 44>>
<<replace "#mack">>
<img src="images/mack_reassuring.png">
<</replace>>
<<case 48>>
<<replace "#yancy">>
<img src="images/yancy_explaining.png">
<</replace>>
<<case 54>>
<<replace "#mack">>
<img src="images/mack_reassuring.png">
<</replace>>
<<case 56>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 61>>
<<replace "#mack">>
<img src="images/mack_happy.png">
<</replace>>
<<case 64>>
<<replace "#mack">>
<img src="images/mack_reassuring.png">
<</replace>>
<<case 65>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<<case 66>>
<<replace "#mack">>
<img src="images/mack_laugh.png">
<</replace>>
<<case 67>>
<<replace "#mack">>
<img src="images/mack_happy.png">
<</replace>>
<<replace "#yancy">>
<img src="images/yancy_relieved.png">
<</replace>>
<</switch>>
<</widget>><<widget "nar" container>>
<<set _char to "mack">>
<<if $count gt $count2>>
<<set $count2 to $count>>
<<print '
<div id="'
+ $count +
'" style=" padding-bottom:1px;" class="box current">
<div class="narration" style="border:1px solid white; border-radius:5px; width: 80%; padding:1em; line-height: 1.5em; margin: 2vh; margin-left:50%; transform:translate(-50%); margin-top:calc(1vh + 8px);-webkit-filter:
drop-shadow(1px 1px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-1px 3px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);
;
filter:
drop-shadow(1px 1px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-1px 3px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white); box-sizing:border-box;">
_contents
<<jump>>
</div></div>
'>>
<</if>>
<</widget>>
<<widget "char" container>>
<<print'
<<switch _args[0]>>
<<case "caleb">>
<<set _char to "caleb">>
<<if $count gt $count2>>
<<set $count2 to $count>>
<div id="'
+ $count +
'" style=" padding-bottom:1px;" class="box current">
<div style="border-radius:5px; background: #a77579; background-size:50%; color:#482f2f; width: 80%; padding:1em; line-height: 1.5em; margin:2vh; margin-top:calc(8px + 1em); -webkit-filter:
drop-shadow(1px 1px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-3px 3px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);
;
filter:
drop-shadow(1px 1px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-3px 3px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);box-sizing:border-box;">
<div style="
width: 0;
height: 0;
border-top: 2vh solid transparent;
border-bottom: 2vh solid transparent;
border-right:5vh solid #a77579;
position:absolute;
left:-3.5vh;
bottom:1.5em;
transform:rotate(30deg);
"></div>
<div style="position:absolute; top:-0.75em; left:50%; transform:translate(-50%); width:auto; padding-left:1em; padding-right:1em; text-align:center; background: #a77579; color:#482f2f; font-size:6vh; box-sizing:border-box; border-radius: 5px; padding-top:0.1em; opacity:1;text-decoration:underline;">
Caleb:
</div>
_contents
<<jump>>
</div></div>
<</if>>
<<case "mack">>
<<set _char to "mack">>
<<if $count gt $count2>>
<<set $count2 to $count>>
<div id="'
+ $count +
'" style=" padding-bottom:1px;" class="box current">
<div style="border-radius:5px; background: #cbd3ac; color:#392d31; width: 80%; padding:1em; line-height: 1.5em; margin:2vh; box-sizing:border-box; margin-left:calc(20% - 2vh); margin-top:calc(8px + 1em);-webkit-filter:
drop-shadow(3px 3px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-1px 1px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);
;
filter:
drop-shadow(3px 3px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-1px 1px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);">
<div style="
width: 0;
height: 0;
border-top: 2vh solid transparent;
border-bottom: 2vh solid transparent;
border-right:5vh solid #cbd3ac;
position:absolute;
right:-3.5vh;
bottom:1.5em;
transform:rotate(30deg);
-webkit-transform: scaleX(-1) rotate(30deg);
transform: scaleX(-1) rotate(30deg);
"></div>
<div style="position:absolute; top:-0.75em; left:50%; transform:translate(-50%); width:auto; padding-left:1em; padding-right:1em; text-align:center; background: #cbd3ac; color:#482f2f; font-size:6vh; box-sizing:border-box; border-radius: 5px; padding-top:0.1em; opacity:1;text-decoration:underline;">
Mack:
</div>
_contents
<<jump>>
</div></div>
<</if>>
<<case "yancy">>
<<set _char to "yancy">>
<<if $count gt $count2>>
<<set $count2 to $count>>
<div id="'
+ $count +
'" style=" padding-bottom:1px;" class="box current">
<div style="border-radius:5px; background: #fff5eb; color:#54504d; width: 80%; padding:1em; line-height: 1.5em; margin:2vh; margin-top:calc(8px + 1em); -webkit-filter:
drop-shadow(1px 1px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-3px 3px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);
;
filter:
drop-shadow(1px 1px 0 black)
drop-shadow(-1px -1px 0 black)
drop-shadow(1px -1px 0 black)
drop-shadow(-3px 3px 0 black)
drop-shadow(1px 1px 0 white)
drop-shadow(-1px -1px 0 white)
drop-shadow(1px -1px 0 white)
drop-shadow(-1px 1px 0 white);box-sizing:border-box;">
<div style="
width: 0;
height: 0;
border-top: 2vh solid transparent;
border-bottom: 2vh solid transparent;
border-right:5vh solid #fff5eb;
position:absolute;
left:-3.5vh;
bottom:1.5em;
transform:rotate(30deg);
"></div>
<div style="position:absolute; top:-0.75em; left:50%; transform:translate(-50%); width:auto; padding-left:1em; padding-right:1em; text-align:center; background: #fff5eb; color:#54504d; font-size:6vh; box-sizing:border-box; border-radius: 5px; padding-top:0.1em; opacity:1;text-decoration:underline;">
Yancy:
</div>
_contents
<<jump>>
</div></div>
<</if>>
<</switch>>
'>>
<</widget>>
<<widget "jump">>
<<set _count to $count>>
<<capture _count>>
<<link "">>
<<set $count to _count>>
<<append "#bottom">>
<<include "script">>
<</append>>
<<removeclass ".current" "current">>
<<set _i to _count + "">>
<<set _j to "#" + _count>>
<<addclass _j "current">>
<<ScrollTo _i false>>
<<sound>>
<</link>>
<</capture>>
<</widget>><<widget "nxt">>
<<set $count++>>
<<removeclass ".current" "current">>
<<append "#bottom">>
<<include "script">>
<</append>>
<<set _i to $count + "">>
<<set _j to "#" + $count>>
<<addclass _j "current">>
<<ScrollTo _i false>>
<<sound>>
<<set setup.new to false>>
<<goto "start">>
<</widget>><<widget "sound">>
<<masteraudio stop>>
<<if not setup.pause>>
<<print '
<<audio "' + $count + '" play>>
'>>
<</if>>
<<replace "#char">>
<<portrait>>
<</replace>>
<<portrait2>>
<</widget>>
<div id="credits" class="credits">
<div id="title" style="width:100%; text-align:center; font-size:12vh;">Three Card Reading</div>
Project Lead & Writer: Norbez Jones (call me Bez, e/he) <a href="https://norbez.itch.io/">Itch.io</a>
Art: Lostwood - lostwood.art <a href="https://lostwood.art">lostwood.art</a>
Coding: YDN <a href="https://ydn.itch.io/">Itch.io</a>
Voice Credits:
Yancy: HattyVA <a href="https://x.com/HattyVA">Twitter</a>
Caleb: Eri Astral <a href="https://x.com/EriAstral">Twitter</a>
Mack: Shaden Blake <a href="https://www.twitch.tv/caioblackwood_vt">Twitch</a>
Character Designs:
Yancy: critterboxd <a href="https://toyhou.se/critterboxd">toyhou.se</a>
Caleb : Rattrap <a href="https://toyhou.se/Rattrap">toyhou.se</a>
Mack: buggie-pup <a href="https://toyhou.se/buggie-pup">toyhou.se</a>
</div>