(set: $justice to false)
(set: $hierophant to false)
(set: $empress to false)
(set: $death to false)
(set: $lovers to false)
(set: $magician to false)
{
(link: 'It comes upon you suddenly')[
<script>setup.audio.el.play()</script>
(goto: 'Begin')
]
}(set: $justice to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/5ibWy0D.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your past is represented by Justice.")[
In tarot, Justice is a matter of maintaining your principles, it's nothing to do with courts or laws. That tells me that you have a history of sticking to your guns when you think it's right.
How nice for you. But this is in the past, which tells me that perhaps you've learned to compromise when the situation calls for it.
[[But that's not what you're here for.->Second Card Spiel]]] </p>
(set: $hierophant to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/YbDyMQx.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your past is represented by The Hierophant.")[
The Hierophant is a card that represents tradition. He's the high priest, you know. The patriarch. So historically, things were the way they'd always been, and the cards say you liked it that way.
That goes for all of us, doesn't it? At the very least, there was a tradition of dead people staying dead, going back for centuries. Wouldn't mind reviving that one.
[[But that's not what you're here for.->Second Card Spiel]]] </p>(set: $empress to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/xCS58HG.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your past is represented by The Empress.")[
The Empress is a girl power card. It's all about femininity, creation, that sort of thing. I imagine it's turned up because you've been influenced by a lot of powerful women.
Here's a secret: all of us have been, just not everybody has paid enough attention to notice it.
[[But that's not what you're here for.->Second Card Spiel]]] </p>(set: $death to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/ckZpLtP.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your past is represented by Death.")[
That's literally true, in that we all know a lot of people who have died. But in the cards, Death is really about transitions. At some point in the past, you were a very different sort of person than you are today.
Well, I suppose an apocalypse can change just about anybody. Even if you're not personally turning into a zombie.
[[But that's not what you're here for.->Second Card Spiel]]] </p>(set: $lovers to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/7jQuAKc.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your past is represented by The Lovers.")[
No, I'm not saying anything about your personal life, don't take the name at face value. The card means lovey-dovey stuff. Harmony and a sense of belonging together.
That must have been nice for you, to have that in your life. What a terrible shame it's in the past.
[[But that's not what you're here for.->Second Card Spiel]]]</p><p>(transition: "dissolve")[Your next card represents the present. Just like we said up front.
This is where you are right now, whether you're aware of it or not. And I'll be honest, most people don't have the faintest clue what's going on all around them.
(transition: "dissolve")[(link-reveal: "Let's see what the cards have to say.")[
(transition: "dissolve")[*She lays out a fresh card in the place of the old one, the cards out again, then strokes her fingers across all of them lightly.*
(transition: "dissolve")[Choose a card, any card.
[[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Justice 2]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Hierophant 2]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Empress 2]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Death 2]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Lovers 2]]
]]]]]</p>(if: $justice is true)[(go-to: "Magician")]
(set: $justice to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/5ibWy0D.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your present is represented by Justice.")[
Justice is about sticking to the rules. Being technically correct. You can be something of a rules lawyer, can't you, love? A little pedantic sometimes?
Well, all of us miss the zombies for the trees from time to time, and you wouldn't be the only one who ever got so worked up about whether something was against the rules without considering whether the rules themselves are wrong.
[[Let's move on.->Third Card Spiel]]]</p>(if: $hierophant is true)[(go-to: "Magician")]
(set: $hierophant to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/YbDyMQx.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your present is represented by The Hierophant.")[
Ah, interesting. The Hierophant represents the patriarchy, among other things. Institutions protecting themselves above and beyond their alleged purpose for existence.
You're a runner, aren't you? I've heard of you. You've been in the thick of things lately.
Have you ever been in a situation where you feel like the institutions around you aren't serving and protecting you the way they really ought to?
Don't worry, you don't have to answer me. Just know in your heart.
[[Let's move on.->Third Card Spiel]]]</p>(if: $empress is true)[(go-to: "Magician")]
(set: $empress to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/xCS58HG.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your present is represented by The Empress.")[
The Empress is the mother of us all, nurturing and protective. You're surrounded by strong women, aren't you, love? Deciding where you should go and what you should do, wielding the fearsome power of creation over all of us.
We're all in the process of birthing a new and different world than the one we were born into. Hard labor, that.
[[Let's move on.->Third Card Spiel]]]</p>(if: $death is true)[(go-to: "Magician")]
(set: $death to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/ckZpLtP.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your present is represented by Death.")[
Not a terminal diagnosis, love, relax. This means you're at a meaningful transition point. Through the looking glass, so to speak, and after this, nothing will be the same as it was before.
Many people have this experience of the Funfair, if I may be frank. Once you really get to know the place, I'm sure you'll find it extremely transformative.
[[Let's move on.->Third Card Spiel]]]</p>(if: $lovers is true)[(go-to: "Magician")]
(set: $lovers to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/7jQuAKc.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your present is represented by The Lovers.")[
Don't be embarrassed. It doesn't mean you've sexed up the town or anything. It just means peace and harmony. Getting along with other people, and feeling like you all belong together.
You're a part of a vibrant community, much bigger than yourself, aren't you? Well, love, that's really lucky for you. Not everybody gets a shot at that.
[[Let's move on.->Third Card Spiel]]]</p><p>(transition: "dissolve")[And now, the moment you've been waiting for. You want to know what happens in the future, don't you?
(transition: "dissolve")[Only one way to find out.
*She lays down one more card in the spread.*
(transition: "dissolve")[Well, two ways, if you count waiting and seeing. We all find out what our future holds eventually.
(transition: "dissolve")[(link-reveal: "But you seem a bit impatient.")[
(transition: "dissolve")[Go on, then. Pick your last card.
[[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Justice 3]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Hierophant 3]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Empress 3]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Death 3]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Lovers 3]] ]]]]]]</p>(if: $justice is true)[(go-to: "Magician 2")]
(if: $magician is true)[(go-to: "Hanged Man")]
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/5ibWy0D.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your future is represented by Justice.")[
Justice is about crime and punishment. Getting what you deserve.
We're very big on Justice here at the Funfair, you know. Why, you might even say it's our whole raison d'etre. Balancing the scales and righting wrongs. So to speak.
Keep your wits about you, blossom. You wouldn't want to get caught up in someone else's just deserts, now would you? Though it looks like you won't get much of a choice.
[[Well, that's it, love.->Farewell 1]]]</p>(if: $hierophant is true)[(go-to: "Magician 2")]
(if: $magician is true)[(go-to: "Hanged Man")]
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/YbDyMQx.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your future is represented by The Hierophant.")[
The Hierophant represents the powers that be, institutions, the old boys' club, conformity.
The Funfair may seem like an avant-garde sort of place, not big on tradition. But I promise you there is an old power here. And we are an institution, after all. It looks like you're going to be here for a while... We're always on the lookout for fresh blood, you know.
[[Well, that's it, love.->Farewell 1]]]</p>(if: $empress is true)[(go-to: "Magician 2")]
(if: $magician is true)[(go-to: "Hanged Man")]
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/xCS58HG.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your future is represented by The Empress.")[
The Empress is a forceful feminine presence coming into your life. She can be creative, or petty and vengeful.
If you're running into her here at the Funfair, I've an inkling I know who it is, and all I can say is, you should really read the fine print and ask questions before you get in over your head.
You won't, of course. That's the curse of the cards. I can warn you, but the future's the future and no helping it.
[[Well, that's it, love.->Farewell 1]]]</p>(if: $death is true)[(go-to: "Magician 2")]
(if: $magician is true)[(go-to: "Hanged Man")]
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/ckZpLtP.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your future is represented by Death.")[
You're about to go through some sort of terrible transformation, blossom. Well, it's all part and parecel of experiencing the Runaway Funfair. It's happened to every one of us.
You'll walk out of here a different person than when you came in. If you leave at all, anyway. I suppose actually dying could be in the cards, too. So to speak.
[[Well, that's it, love.->Farewell 1]]]</p>(if: $lovers is true)[(go-to: "Magician 2")]
(if: $magician is true)[(go-to: "Hanged Man")]
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/7jQuAKc.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your future is represented by The Lovers.")[
Too bad for you, this doesn't mean you're about to meet your soul mate. The cards are never so on the nose as all that. You will experience a brush with unity, though -- excessive unity, perhaps even groupthink. Pressure to bend to the desires of others.
You're a generous soul, aren't you? Always willing to go out of your way to help your fellows?
Such a shame, where that's going to take you.
[[Well, that's it, love.->Farewell 1]]]</p><p>You take your time as you stand up, make a show of thanking her and checking around your seat to make sure you're not forgetting anything.
(live: 1.5s)[(transition: "dissolve")[*After a pause, she speaks again:*(stop:)]
(live: 2.5s)[(transition: "dissolve")[Oh... one last thing. You might want to rest up to be in your tip-top running condition before... well, nevermind that.(stop:)]
(live: 3.5s)[(transition: "dissolve")[*She weighs you with her eyes, and tsks under her breath.*(stop:)]
(live: 4.5s)[(transition: "dissolve")[Why? Oh, no reason. No reason at all. There are zombies about, you know, and it never hurts to be able to run as far and fast and long as you can.
No, no, the hurting comes from something else entirely.(stop:)]
(live: 5s)[(transition: "dissolve")[What? Nothing. Nothing at all. You go have a nice time at the funfair. It was nice to meet you, Runner Five.](stop:)]
|farewell2)[[[Start Over->Intro to Fair]]]
{(live: 8s)[
(show: ?farewell2)
(stop:)
]}</p>]]]]<p>(transition: "dissolve")[*She lays the cards out on the table between you.*
(transition: "dissolve")[Today we're meant to do a three-card draw. Past, present, and future. Each card will say a little something about where you've been and where you're headed. You know how it goes... Strength means confidence and influence, The Moon is anxiety, and so on and so forth.
(transition: "dissolve")[Fix the past in your mind, and choose a card. Go on, there's no wrong choice.
(transition: "dissolve")[[[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Justice]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Hierophant]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Empress]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Death]] [[<img src="https://i.imgur.com/tlojpy0.png" class="image1">|Lovers]]]]]]
</p><p>*She looks at you with... is that mingled sympathy and disgust?*
Hmph. Sorry to see you go.
(live: 1.5s)[(transition: "dissolve")[She shakes your hand, and slips a [[piece of paper]] into your palm in the process.(stop:)]
(live: 2.5s)[(transition: "dissolve")[Though I can't blame you. Some things are much better to endure if you don't know exactly how bad they'll be beforehand.(stop:)]
(live: 3.5s)[(transition: "dissolve")[Still, if you change your mind, you can come back any time. I'll be here.
I'm always here.(stop:)]
(live: 4.5s)[(transition: "dissolve")[*You leave the tent, but her eyes seem to follow you long after you must be out of sight.*(stop:)]
|farewell2)[[[Start Over->Intro to Fair]]]
{(live: 5.5s)[
(show: ?farewell2)
(stop:)
]}</p>]]]]
<p>(transition: "dissolve")[You don't seem convinced. You've already half-forgotten our conversation, haven't you? Too busy thinking about where you'll go after this.
(transition: "dissolve")[Take a little well-intentioned advice and stay away from the Murder-Go-Round. The bolts have been a little wobbly lately, and it's running much faster than it was meant to.
(transition: "dissolve")[Well, that's that. Time to go on your way.
(transition: "dissolve")[[[Linger as you exit->Farewell 2]]
[[Hurry out->Farewell 3]]]]]]</p>
<p>*You rush toward the exit with all speed. She calls after you.*
That's the spirit, Runner Five. You'll be doing a lot more of that.
[[When you turn to ask what she means, though...->backtostart]]
This will be the trickster article, once it's been written(set: $magician to true)
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/RAgrz9j.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your present is represented by The Magician.")[
Ah, one of my personal favorites.
The Magician represents raw power. Right now you stand close to the levers of the world, and if you like, you can bend them to your will.
Or perhaps not. It could also you're near someone else... or something else... with that kind of power.
No, it's not me. Poor little me, I'm just a simple fortune-teller in a roving funfair, bringing cheer and joy to zombie-afflicted towns and villages. Its a calling.
[[Let's move on.->Third Card Spiel]]]</p>(if: $magician is true)[(go-to: "Hanged Man")]
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/RAgrz9j.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "Your future is represented by The Magician.")[
Well, well, what have we here? It seems you're headed toward a brush with someone extremely powerful -- powerful and manipulative.
There's no shortage of people like that around here, but the most powerful of them all is... no, no, I can't say.
(live: 1.5s)[(transition: "dissolve")[*She speaks toward the ceiling of her tent.*(stop:)]
(live: 2.5s)[(transition: "dissolve")[I'm being good! I'm not giving anything away, I swear it! Don't make it worse, please, I...(stop:)]
(live: 3.5s)[(transition: "dissolve")[*She struggles to regain her composure.*](stop:)]
|farewellmagician)[[[Well, that's it, love->Farewell 1]]]
{(live: 5.5s)[
(show: ?farewellmagician)
(stop:)
]}
</p>]]]<p>*The fortune-teller gasps.*</p>
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper">
<div class="front">
<img src = "https://i.imgur.com/sMkErDE.png" class="image2">
</div>
<div class="back">
<img src = "https://i.imgur.com/tlojpy0.png" class="image2">
</div>
</div>
</div>
<br /><br />
<p>(link-reveal: "This is the Hanged Man! I don't see that one very often.")[
The Hanged Man represents sacrifice in the interest of a greater good. With this card in your future, that almost certainly means your sacrifice and someone else's greater good.
It's an honor to meet someone like you, willing to do a good turn for others even at some massive cost to yourself. And the cost will be massive, I assure you.
I do hope you get a chance to enjoy the Funfair before... well, before your impending martyrdom. Word to the wise, stay away from The Lover's Bite. The zombies seem to really like that one and we have a devil of a time keeping it safe.
[[Well, that's it, love.->Farewell 1]]]</p><p>(transition: "dissolve")[Welcome, welcome! You look a bit peaked, love. Why don't you have a seat?
[You haven't been at the Runaway Funfair very long, have you? This is our little retreat away from the zombies. A place for thrills, chills, and spills, as they like to say. Tricks and treats. Pranks and punishments.
[Oh, don't look like that, (link-reveal: "you're perfectly safe here.")[
(transition: "dissolve")[Well, if you're here, it's because you want to know the future. Who doesn't? Let's get started, shall we?
[First you need to handle the cards so they can get to know you a little better. That is, if you're serious about this...
(transition: "dissolve")[[[Shuffle the deck of tarot cards->First Choice]]
(transition: "dissolve")[[[Walk away]]]]]]]]]]
</p>
<p>
(transition: "dissolve")[*A skyline of swooping metal rails and forlorn pennants where yesterday there was only an open field. There are strings of lights everywhere, though they do nothing to pierce the gloom.
Ear-splitting shrieks fill your ears -- surely it's just from one of the rides. Perhaps from the Heads Will Roll-A-Coaster, or The Brainscraper. That must be it.*
[This is the Runaway Funfair. You've made it.]
[[You explore the funfair.->The Tent]]]</p>|farewellmagician)[[[Well, that's it, love->Farewell 1]]]
{(live: 3s)[
(transition: "dissolve")
(show: ?farewellmagician)
(stop:)
]}<p>(transition: "dissolve")[*A striped tent near the admission booth draws your eye -- not because of its colors; it's a curious dingy gray and orange.
There are no lights, either. If anything, it seems even darker than the rest.
But somehow that draws you in. There are secrets kept here, and you'd like to discover them.*
(transition: "dissolve")[(link-reveal: "You go inside.")
[
(transition: "dissolve")[*The fortune-teller inside wears a stylish pair of jeans and a t-shirt with the logo of a once-trendy tech startup you remember from ages ago. She smiles, but somehow you can't shake the feeling that she pities you.*
[[She begins to speak.->Intro 2]]]]]]
</p>
<p>(transition: "dissolve")[The tent is gone.]
|farewell2)[[[Start Over->Intro to Fair]]]
{(live: 5s)[
(show: ?farewell2)
(stop:)
]}</p><p>*She looks at you with... is that mingled sympathy and disgust?*
(live: 1.5s)[(transition: "dissolve")[Though I can't blame you. Some things are much better to endure if you don't know exactly how bad they'll be beforehand.(stop:)]
(live: 2.5s)[(transition: "dissolve")[Still, if you change your mind, you can come back any time. I'll be here.
I'm always here.(stop:)]
(live: 3.5s)[(transition: "dissolve")[*You leave the tent, but her eyes seem to follow you long after you must be out of sight.*(stop:)]
|farewell2)[[[Start Over->Intro to Fair]]]
{(live: 5.5s)[
(show: ?farewell2)
(stop:)
]}</p>]]]
(transition: "dissolve")[<img src="https://i.imgur.com/wuN8nhZ.png" class="image3">]
(align: "==><==")[[Start Over->Intro to Fair]]