Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
Loading…
,,,,,,,,,,,,,,<<audio "gabbyHomeOffice" play>>
<<set $whereTo to "Setup, Slide Two">>
<<gameStarted>>
<div class="top-text"></div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-One.png" alt="Gabby working in her home office surrounded by noisy devices">
<<include "Click Next Only">><<audio "gabbyHomeOffice" stop>>
<<set $whereTo to "Setup, Slide Five">>
<div class="top-text"></div>
<div class="tweet-container">
<div class="tweet-message-container first">
<div class="tweet-message">
<img class="tweet-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/ezra-b-death-tweet.png" alt="Tweet: We've lost a great talent to the current pandemic. Designer Ezra Bennet, known for their innovative work and inspiring design talks, has died at the age of 55.">
</div>
</div>
<div class="tweet-message-container second">
<div class="tweet-message">
<img class="tweet-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Rando1GoodByeEzraTweet.png" alt="Tweet: Ezra inspired a whole generation of designers. This year is the worst. #goodbyeEzra">
</div>
</div>
<div class="tweet-message-container third">
<div class="tweet-message">
<img class="tweet-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Rando2GoodbyEzraTweet.png" alt="Tweet: Ezra was more than just a designer. They were an activist. We'll miss you! #goodbyeEzra">
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Four.png" alt="">
</div>
<<include "Click Next Only">><<set $whereTo to "Setup, Slide Six">>
<div class="gabby-thoughts top-text">
<p>Ezra was such a huge inspiration to me.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Three.png" alt="">
<<include "Click Next Only">><<set $whereTo to "Setup, Slide Seven">>
<div class="gabby-thoughts top-text">
<p>What am I doing with my career? With my <em>life</em>?<br/>What will people say when <em>I’m</em> gone?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Six.png" alt="Gabby distressed">
<<include "Click Next Only">><<set $whereTo to "Setup, Slide Three">>
<div class="top-text">
<p class="hidden-email">Heya Gabby,</p>
<p class="hidden-email">We need another design. Please see the attached PowerPoint with brand fonts and colors. Follow the brand guidelines, but also make it pop. But not too much. We want it to be “WOW,” but not “OMG.” <span class="fade-out-text">blah, blah blah…</span></p>
</div>
<div class="email-overlay">
<div class="email-text-container">
<p>Heya Gabby,</p>
<p>We need another design. Please see the attached PowerPoint with brand fonts and colors. Follow the brand guidelines, but also make it pop. But not too much. We want it to be “WOW,” but not “OMG.” <span class="fade-out-text">blah, blah blah…</span></p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Two.png" alt="">
</div>
<<include "Click Next Only">><<set $whereTo to "Setup, Slide Four">>
<div class="gabby-thoughts top-text">
<p>What happened? I used to have so many wonderful ideas.<br/>Now I just make things <b>look pretty</b>.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Three.png" alt="Gabby looking sad and thoughtful">
<<include "Click Next Only">><<set $whereTo to "Setup, Slide Eight">>
<div class="gabby-thoughts top-text">
<p>That’s it. I have to <b>fix</b> this! <br /> This project is my chance to take control, to do something meaningful.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Seven.png" alt="Gabby looking determined">
<<include "Click Next Only">><<set $whereTo to "Invitation">>
<div class="gabby-thoughts top-text">
<p>Something that would make Ezra proud!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/setup/Setup-Slide-Eight.png" alt="">
<<include "Click Next Only">><<set $whereTo to "">>
<div class="invitation">
<div class="invitation-text">
<p>Gabby used to love her work, but now she’s on the brink of burnout, feeling tired and detached. She’s desperate for a new lease on her career.</p>
<p>She’s just been assigned a new project at work and she wants to take charge by presenting some creative design ideas.</p>
<p>Can you help Gabby find fulfillment in her work again?</p>
</div>
<div class="invitation-cta">
<h1>Brink of Burnout</h1>
<a class="cta-button" data-passage="Onboarding">Start</a>
</div>
</div><<set $whereTo to "Scene One, Slide One">>
<div class="description">
<!-- <p>Burnout happens when a person feels alienated from their work, like they don’t have any choice. They don’t feel creative and they feel disconnected.</p> -->
</div>
<div class="onboarding">
<p>Gabby’s <b>Creative Spark</b> is at 20%</p>
<div id="creativeSpark" class="progress">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/karma-meters/creativeSpark.svg" class="progress-icon" alt="" />
<div class="bar shadow crosses" style="width: 20%;"></div>
</div>
<p>Gabby’s <b>Sense of Connection</b> is at 50%</p>
<div id="senseOfConnection" class="progress">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/karma-meters/senseOfConnection.svg" class="progress-icon" alt="" />
<div class="bar shadow circuit" style="width: 50%;"></div>
</div>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene One, Slide Two">>
<div class="gabby-thoughts top-text">
<p>I’m really doing this! But I’ve got to be smart. <br />I need to focus to knock this project out of the park.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-One.png" alt="Gabby looking nervous but excited">
<<include "Progress Bars">><<set $whereTo to undefined>>
<div class="decision-text top-text">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene One, Slide Three" class="link-internal link-image decision-link">
Just delete her accounts
</a>
<a data-passage="Scene One, Slide Six" class="link-internal link-image decision-link">
Go slow
</a>
<a data-passage="Scene One, Slide Nine" class="link-internal link-image decision-link">
Make a plan
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="Gabby thinking" class="decision-img"><div class="footer-container">
<!-- Creative spark bar -->
<div id="creativeSpark" class="progress">
<<print "<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/karma-meters/creativeSpark.svg' class='progress-icon' alt='Creative Spark is at" + $creativeSpark + "%'>" >>
<<if $creativeSparkDeltaPositivity eq "positive">>
<<print "<div class='bar shadow crosses' style='width:" + $creativeSpark + "%;'><span class='progress-bar-delta positive'>" + $creativeSparkDelta + "</span><span class='progress-bar-percentage'>" + $creativeSpark + "%</span></div>" >>
<<else>>
<<print "<div class='bar shadow crosses' style='width:" + $creativeSpark + "%;'><span class='progress-bar-delta negative'>" + $creativeSparkDelta + "</span><span class='progress-bar-percentage'>" + $creativeSpark + "%</span></div>" >>
<</if>>
</div>
<!-- Click next reminder -->
<a data-passage=$whereTo class="link-internal link-image click-next-area">
<img class="click-next" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/mouse.gif" alt="Click to continue">
</a>
<!-- Sense of Connection bar -->
<div id="senseOfConnection" class="progress">
<<print "<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/karma-meters/senseOfConnection.svg' class='progress-icon' alt='Creative Spark is at" + $senseOfConnection + "%'>" >>
<<if $senseOfConnectionDeltaPositivity eq "positive">>
<<print "<div class='bar shadow circuit' style='width:" + $senseOfConnection + "%;'><span class='progress-bar-delta-right positive'>" + $senseOfConnectionDelta + "</span><span class='progress-bar-percentage-right'>" + $senseOfConnection + "%</span></div>" >>
<<else>>
<<print "<div class='bar shadow circuit' style='width:" + $senseOfConnection + "%;'><span class='progress-bar-delta-right negative'>" + $senseOfConnectionDelta + "</span><span class='progress-bar-percentage-right'>" + $senseOfConnection + "%</span></div>" >>
<</if>>
</div>
</div><<set $sceneOneChoice to "S1A">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $whereTo to "Scene One, Slide Four">>
<<set _sceneOneDecision to $sceneOneFeedback[$sceneOneChoice][0]>>
<!-- Send xAPI Statement -->
<<scene1Decision false _sceneOneDecision>>
<<decreasedX "creativeSpark" 10>>
<</if>>
<div class="gabby-talking top-text">
<p>“Well, here goes! I’m deleting my social media accounts. <br>All I have to do is push. this. Button.”</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-Three.png" alt="Gabby looking at her Twitter account settings page">
<<include "Progress Bars">><<set $sceneOneChoice to "S1B">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $whereTo to "Scene One, Slide Seven">>
<<set _sceneOneDecision to $sceneOneFeedback[$sceneOneChoice][0]>>
<!-- Send xAPI Statement -->
<<scene1Decision false _sceneOneDecision>>
<<decreasedX "creativeSpark" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>Slow and steady wins the race, right?<br/>I’ll only use social media for an hour a day.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-Six.png" alt="Gabby looking uncertain">
<<include "Progress Bars">><<set $sceneOneChoice to "S1C">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark+5>>
<<set $creativeSparkDelta to "+5%">>
<<set $creativeSparkDeltaPositivity to "positive">>
<<set $whereTo to "Scene One, Slide Ten">>
<<set _sceneOneDecision to $sceneOneFeedback[$sceneOneChoice][0]>>
<!-- Send xAPI Statement -->
<<scene1Decision true _sceneOneDecision>>
<<increasedX "creativeSpark" 5>>
<</if>>
<div class="gabby-thoughts top-text">
<p>I’ll approach this like a designer. Social media is a <b>tool</b>. <br/>What do <b>I</b> want to get out of it and how do I get it?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-Nine.png" alt="Gabby starting to plan">
<<include "Progress Bars">><<set $whereTo to "Scene One, Slide Five">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>20 minutes later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Two, Slide One">>
<div class="gabby-talking top-text">
<p>I can’t! It’s too drastic! <br/>Surely there’s something else I can do besides <br/>completely cut myself off from the world!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-Five.png" alt="Gabby looking upset">
<<include "Progress Bars">><<set $whereTo to "Scene Two Decision">>
<div class="gabby-thoughts top-text">
<p><<if $sceneOneChoice eq "S1A" or $sceneOneChoice eq "S1B">>
I wasted too much time on Twitter already.<br/>
<<else>>
My plan has given me back a lot of time.<br/>
<</if>>
But, ugh, look at all these messages!<br/>What if someone needs to get in touch?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-One.png" alt="Gabby looking at her computer with lots of notifications visible on screen">
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Two">>
<div class="top-text"></div>
<div class="time-card-text">
<p>The next week</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Four, Slide Two">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first text-fade-in">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">Day from hell.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-One.png" alt="Gabby working on her couch with the phone buzzing">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Five, Slide Two">>
<div class="gabby-thoughts top-text">
<p>I feel like I’m spiraling. <br/>I’ve sketched; I’ve researched.<br/>But I don’t feel inspired.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-One.png" alt="Gabby looking thoughtful">
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Two">>
<div class="gabby-thoughts top-text">
<p>Thank goodness it’s Friday! I’m exhausted.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-One.png" alt="Gabby stretching and yawning">
<<include "Progress Bars">><<set $whereTo to "Scene One, Slide Eight">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>By the end of the week…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Two, Slide One">>
<div class="gabby-talking top-text">
<p><b>Crap!</b> Has it been three hours already?<br/>What was I supposed to be doing today?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-Eight.png" alt="Gabby looking surprised">
<<include "Progress Bars">><<set $whereTo to "Resolution, Slide One, Panel Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>I presented my ideas to the clients today.<br/>I was super nervous, but also really proud of my ideas.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-One-Panel-One.png" alt="Gabby looking nervous but excited as she prepares for her video call">
</div>
<<include "Click Next Only">><<set $whereTo to "Aftermath, Slide Two">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Four months later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene One, Slide Eleven">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>A few hours later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Two, Slide One">>
<div class="gabby-talking top-text">
<p>That was really productive! <br/>With a plan, I can implement a few focus strategies every week <br/><b>AND</b> get the most out of social media.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-Eleven.png" alt="">
<<include "Progress Bars">><<set $creativeSpark to 20>>
<<set $senseOfConnection to 50>>
<<set $senseOfConnectionDelta to "">>
<<set $creativeSparkDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $userId>>
<<generateUserId>>
<<cacheaudio "slackMessage" "https://brink-of-burnout.s3-us-west-2.amazonaws.com/audio/SlackMessageNotification.mp3">>
<<cacheaudio "iPhoneText" "https://brink-of-burnout.s3-us-west-2.amazonaws.com/audio/iPhoneTextNotification.mp3" "https://brink-of-burnout.s3-us-west-2.amazonaws.com/audio/iPhoneTextNotification.ogg">>
<<cacheaudio "gabbyHomeOffice" "https://brink-of-burnout.s3-us-west-2.amazonaws.com/audio/Gabby-home-office_mixdown.ogg" "https://brink-of-burnout.s3-us-west-2.amazonaws.com/audio/Gabby-home-office_mixdown.mp3">>
<<set $whereTo to "Setup, Slide One">>
<<set $sceneOneChoice to "">>
<<set $sceneTwoChoice to "">>
<<set $sceneThreeChoice to "">>
<<set $sceneThreeChoiceTwo to "">>
<<set $sceneFourChoice to "">>
<<set $sceneFiveChoice to "">>
<<set $sceneSixChoice to "">>
<<set $Scene1DecisionQuery to 0>>
<<set $Scene2DecisionQuery to 0>>
<<set $Scene3DecisionQuery to 0>>
<<set $Scene4DecisionQuery to 0>>
<<set $Scene5DecisionQuery to 0>>
<<set $Scene6DecisionQuery to 0>>
<<set $sceneOneFeedback to {
"S1A" : ["Just delete her accounts", "While it can seem like a good idea to just cut the cord, this decision felt too drastic for Gabby, which meant that nothing changed. Take control of your attention by evaluating how to use tools like social media without being controlled by them."],
"S1B" : ["Go slow", "The road to focus hell is paved with good intentions. Evaluate what you want to get out of social media and how you can do that without letting it dictate your behavior."],
"S1C" : ["Make a plan", "Perfect! Making a plan allowed Gabby to really think through what she was trying to get out of her social media. That way, she is in control of her own behavior and her attention."]
}>>
<<set $sceneTwoFeedback to {
"S2A" : ["Work first, email later", "Gabby decided to go offline and ask for forgiveness later. In most workplaces, deciding not to respond can lead to problems. Set the right expectations about how you want to work."],
"S2B" : ["Broadcast her Schedule", "Great decision! By talking with her boss, Gabby discovered that she does have the power to choose how she wants to work. It might not be every day, but you can set expectations with your team about days or times that you want to use for focused, creative work."],
"S2C" : ["Clean Inbox", "Gabby tried to start her day by handling her messages. However, she used up prime creativity time and energy and set expectations that she was always available to answer emails and messages."]
}>>
<<set $sceneThreeFeedback to {
"S3A" : ["Leave the ball in Derek’s court", "Setting expectations is a great idea. It also requires care. By telling Derek to just schedule a meeting, Gabby closed the door on a potentially positive relationship."],
"S3B" : ["Move the conversation off email", "Good decision! Gabby recognized that this was a conversation that was better to have “face-to-face.” By giving Derek an opening to meet with her during a special time, Gabby built a positive relationship with an important work partner without letting it interrupt her flow."],
"S3C" : ["Dash off a quick response", "Some things can be handled easily by email or messaging. Other times, you’re much more effective by simply taking the time to have a meeting. Find the balance of how to make time to build meaningful relationships at work while protecting your own time."]
}>>
<<set $sceneFourFeedback to {
"S4A" : ["Check in and keep working", "By trying to keep working and text her brother, Gabby isn’t giving her full attention to either. Sometimes, the right decision is to let work wait. Reconnect with people who matter to you."],
"S4B" : ["Call him", "Give yourself permission not to work sometimes. Building meaningful relationships with the people you care about goes a long way to helping you feel more connected with your life and career goals."],
"S4C" : ["Wait until the weekend", "Gabby chose to ignore her brother in the short term so she could get some work done. Remember that work can wait. Sometimes the best thing you can do to feel like your life is more meaningful is to connect with the people you care about."]
}>>
<<set $sceneFiveFeedback to {
"S5A" : ["Draw inspiration from the great outdoors", "Great choice. Taking a walk when you get stuck helps you think better. You don’t have to be a die-hard nature lover, but you do need to learn how to be alone with your thoughts, without the influence of other people’s minds and opinions."],
"S5B" : ["Draw inspiration from fellow designers", "This might seem like a good choice. But paying too much attention to what your contemporaries can be demotivating. Looking at what’s trendy right now doesn’t bring insight."],
"S5C" : ["Draw inspiration from design greats", "Listening to a great design talk or interview can be super inspiring! But it won’t really help you work through your problems when you get stuck. Instead, try going for a walk and being alone with your own thoughts."]
}>>
<<set $sceneSixFeedback to {
"S6A" : ["Take a well-deserved break", "At the end of a long week, binge-watching TV feels like just the ticket. But sitting on your couch for hours on end can leave you with less energy. It might seem counter-intuitive, but active rest with a non-digital hobby is a great way to feel more energized."],
"S6B" : ["Try her hand at archery", "It might seem counterintuitive, but active rest and doing something without a screen is a great way to feel more energized. Remember to completely turn off at some point during your week."],
"S6C" : ["Catch up with her Twitter friends", "There’s conversation and there’s connection. Social media tools like Twitter can help you talk to lots of different people, but you aren’t making a deep connection there. Gabby had the opportunity to build a more meaningful relationship by spending quality time with her friend Veronica."]
}>><<set $whereTo to undefined>>
<div class="decision-text text-center">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene Two, Slide Four" class="link-internal link-image decision-link">
Work first, email later
</a>
<a data-passage="Scene Two, Slide Eight" class="link-internal link-image decision-link">
Broadcast her Schedule
</a>
<a data-passage="Scene Two, Slide Twelve" class="link-internal link-image decision-link">
Clean Inbox
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="Gabby thinking" class="decision-img"><<set $sceneTwoChoice to "S2A">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection-10>>
<<set $senseOfConnectionDelta to "10%-">>
<<set $senseOfConnectionDeltaPositivity to "negative">>
<<set $whereTo to "Scene Two, Slide Five">>
<<set _sceneTwoDecision to $sceneTwoFeedback[$sceneTwoChoice][0]>>
<!-- Send xAPI Statement -->
<<scene2Decision false _sceneTwoDecision>>
<<decreasedX "senseOfConnection" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>If I get down to work now, <br/>then there will be time to check all this later.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-Four.png" alt="Gabby at her computer">
<<include "Progress Bars">><<set $sceneTwoChoice to "S2B">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection+5>>
<<set $creativeSpark to $creativeSpark+10>>
<<set $creativeSparkDelta to "+10%">>
<<set $creativeSparkDeltaPositivity to "positive">>
<<set $senseOfConnectionDelta to "5%+">>
<<set $senseOfConnectionDeltaPositivity to "positive">>
<<set $whereTo to "Scene Two, Slide Nine">>
<<set _sceneTwoDecision to $sceneTwoFeedback[$sceneTwoChoice][0]>>
<!-- Send xAPI Statement -->
<<scene2Decision true _sceneTwoDecision>>
<<increasedX "senseOfConnection" 5>>
<<increasedX "creativeSpark" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>I need to get to work.<br/>But I’ll let my boss know what I’m doing.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-Eight.png" alt="Gabby at her computer">
<<include "Progress Bars">><<set $whereTo to "Scene Two, Slide Six">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>At the end of the day…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Two, Slide Seven">>
<div class="top-text"></div>
<div class="message-container">
<div class="slack-message-container first">
<div class="slack-message ashton">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Ashton%402x.png" alt="Slack message from Ashton">
<p class="slack-message-text">Hey Gabby. Can you tell me where the files are for the Helman project?</p>
<p class="slack-message-text">I need those files for a meeting.</p>
<p class="slack-message-text">Gabby, when you’re back online, we need to chat.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+DM+BG%402x.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Week 1 Time Change">>
<div class="gabby-thoughts top-text">
<p>Uh oh.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-Seven.png" alt="Gabby looking chastised">
<<include "Progress Bars">><<set $sceneTwoChoice to "S2C">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $whereTo to "Scene Two, Slide Thirteen">>
<<set _sceneTwoDecision to $sceneTwoFeedback[$sceneTwoChoice][0]>>
<!-- Send xAPI Statement -->
<<scene2Decision false _sceneTwoDecision>>
<<decreasedX "creativeSpark" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>I’ll clear everything out before I start.<br/>That way I’ll start work with a clean slate.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-Twelve.png" alt="Gabby at her computer">
<<include "Progress Bars">><<set $whereTo to "Scene Two, Slide Ten">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="top-text"></div>
<div class="message-container">
<div class="slack-message-container first">
<div class="slack-message gabby">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Gabby%402x.png" alt="Slack message from Gabby">
<p class="slack-message-text">Hey Ashton. I’m going to spend some time today focusing on the latest assignment. I’m going to close down chat and email to concentrate. You can still reach me via DMs.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+DM+BG%402x.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Two, Slide Eleven">>
<<audio "slackMessage" play>>
<div class="top-text"></div>
<div class="message-container">
<div class="slack-message-container first">
<div class="slack-message gabby">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Gabby%402x.png" alt="Slack message from Gabby">
<p class="slack-message-text">Hey Ashton. I’m going to spend some time today focusing on the latest assignment. I’m going to close down chat and email to concentrate. You can still reach me via DMs.</p>
</div>
</div>
<div class="slack-message-container second">
<div class="slack-message ashton">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Ashton%402x.png" alt="Slack message from Ashton">
<p class="slack-message-text">Sounds good. Thanks for letting me know. I’ll message you if I need you.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+DM+BG%402x.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Week 1 Time Change">>
<<audio "slackMessage" play>>
<div class="top-text"></div>
<div class="message-container">
<div class="slack-message-container first">
<div class="slack-message gabby">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Gabby%402x.png" alt="Slack message from Gabby">
<p class="slack-message-text">Hey Ashton. I’m going to spend some time today focusing on the latest assignment. I’m going to close down chat and email to concentrate. You can still reach me via DMs.</p>
</div>
</div>
<div class="slack-message-container second">
<div class="slack-message ashton">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Ashton%402x.png" alt="Slack message from Ashton">
<p class="slack-message-text">Sounds good. Thanks for letting me know. I’ll message you if I need you.</p>
<p class="slack-message-text">It might also be a good idea to let everyone know in the team channels.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+DM+BG%402x.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Two, Slide Fourteen">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Hours later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Two, Slide Fifteen">>
<div class="gabby-thoughts top-text">
<p>Managing my inbox and chat took forever. <br/>It’s clear, but now… ugh, I have to try and get to work.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-Fourteen.png" alt="Gabby at her computer">
<<include "Progress Bars">><<set $whereTo to "Week 1 Time Change">>
<div class="gabby-thoughts top-text">
<p>And look, I just got two more emails!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-two/Scene-Two-Slide-Fifteen.png" alt="Gabby looking frustrated">
<<include "Progress Bars">><<set $whereTo to "Week 1 Complete, Slide Two">>
<div class="gabby-thoughts top-text">
<<if $sceneOneChoice eq "S1C" and $sceneTwoChoice eq "S2B">>
<p>Things still aren’t perfect, but this week, <br/>I really felt more in control of my attention and my time. <br/>It’s made a huge difference.</p>
<<elseif ($sceneOneChoice eq "S1C" or $sceneOneChoice eq "S1B") and ($sceneTwoChoice eq "S2A" or $sceneTwoChoice eq "S2C")>>
<p>This week didn’t go well. <br/>I want to feel more in control of my own time. <br/>But everything is so distracting!</p>
<<else>>
<p>This week was <b>okay</b>, I guess. <br/>Some things went well, but I still don’t feel like <br/>I have control over my own time. </p>
<</if>>
</div>
<<if $sceneOneChoice eq "S1C" and $sceneTwoChoice eq "S2B">>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-1-complete/Week-1-Complete-Happy.png" alt="">
<<elseif $sceneOneChoice eq "S1C" and $sceneTwoChoice eq "S2B">>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-1-complete/Week-1-Complete-Neutral.png" alt="">
<<else>>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-1-complete/Week-1-Complete-Neutral.png" alt="">
<</if>>
<<include "Click Next Only">><<if $creativeSpark <= 0 or $senseOfConnection <= 0>>
<<set $whereTo to "Try Again - Bad">>
<<else>>
<<set $whereTo to "Scene Three, Slide One">>
<</if>>
<div class="top-text week-complete">Week 1 Complete</div>
<<include "Karma Meters">>
<<include "Click Next Only">><<set $whereTo to "Week 1 Complete, Slide Four">>
<<set $activeSlide to "Week 1 Complete, Slide Three">>
<<include "Modular Epilogue Week 1">>
<div class="modular-epilogue-choice">
<h2>You chose: <<print $sceneOneFeedback[$sceneOneChoice][0]>></h2>
<<print $sceneOneFeedback[$sceneOneChoice][1]>>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Three, Slide One">>
<<set $activeSlide to "Week 1 Complete, Slide Four">>
<<include "Modular Epilogue Week 1">>
<div class="modular-epilogue-choice">
<h2>You chose: <<print $sceneTwoFeedback[$sceneTwoChoice][0]>></h2>
<<print $sceneTwoFeedback[$sceneTwoChoice][1]>>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Three, Slide Three">>
<div class="gabby-thoughts top-text">
<p>I’ve made a lot of great progress this week hashing out design ideas. <br/>But my mentee, Derek, is looking for feedback on a design.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Two.png" alt="Gabby looking focused at her computer">
<<include "Progress Bars">><<set $whereTo to "Scene Three Decision">>
<div class="gabby-thoughts top-text">
<p>Derek’s got potential and I rely on him a lot.<br/>I want to help him, but I need to focus, too.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Three.png" alt="Gabby thinking">
<<include "Progress Bars">><<set $whereTo to undefined>>
<div class="decision-text">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene Three, Slide Four" class="link-internal link-image decision-link">
Leave the ball in Derek’s court
</a>
<a data-passage="Scene Three, Slide Nine, Panel One" class="link-internal link-image decision-link">
Move the conversation off email
</a>
<a data-passage="Scene Three, Slide Sixteen, Panel One" class="link-internal link-image decision-link">
Dash off a quick response
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="Gabby thinking" class="decision-img"><<set $sceneThreeChoice to "S3A">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection-10>>
<<set $senseOfConnectionDelta to "10%-">>
<<set $senseOfConnectionDeltaPositivity to "negative">>
<<set $whereTo to "Scene Three, Slide Five">>
<<set _sceneThreeDecision to $sceneThreeFeedback[$sceneThreeChoice][0]>>
<!-- Send xAPI Statement -->
<<scene3Decision false _sceneThreeDecision>>
<<decreasedX "senseOfConnection" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>I’ve got to reset his expectations.<br/>I’m going to tell him that he needs to set up a meeting if he wants feedback.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Four.png" alt="Gabby looking thoughtful">
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Five">>
<div class="text-panels two-panel gabby-thoughts">
<div class="two-panel-right">
<p>I’m going to tell him that he needs to set up a meeting if he wants feedback.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://via.placeholder.com/670x530" alt="">
<img class="story-img story-two-panel-right" src="https://via.placeholder.com/670x530" alt="">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Six">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Later that week…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Three, Slide Seven">>
<div class="top-text"></div>
<div class="message-container">
<div class="slack-message-container first">
<div class="slack-message gabby">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Gabby%402x.png" alt="Slack message from Gabby">
<p class="slack-message-text">Hey Derek. You never set up a meeting with me. What’s up?</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+DM+BG%402x.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Eight">>
<<audio "slackMessage" play>>
<div class="top-text"></div>
<div class="message-container">
<div class="slack-message-container first">
<div class="slack-message gabby">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Gabby%402x.png" alt="Slack message from Gabby">
<p class="slack-message-text">Hey Derek. You never set up a meeting with me. What’s up?</p>
</div>
</div>
<div class="slack-message-container second slack-closer">
<div class="slack-message derek">
<img class="slack-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+Message+Derek%402x.png" alt="Slack message from Derek">
<p class="slack-message-text">Oh. I didn’t want to bother you. I just asked someone else.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Slack+DM+BG%402x.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide One">>
<div class="gabby-thoughts top-text">
<p><b>Damn</b>. I screwed up. I need Derek on my team.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Eight.png" alt="Gabby looking upset">
<<include "Progress Bars">><<set $sceneThreeChoice to "S3B">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection+10>>
<<set $senseOfConnectionDelta to "10%+">>
<<set $senseOfConnectionDeltaPositivity to "positive">>
<<set _sceneThreeDecision to $sceneThreeFeedback[$sceneThreeChoice][0]>>
<!-- Send xAPI Statement -->
<<scene3Decision true _sceneThreeDecision>>
<<increasedX "senseOfConnection" 10>>
<</if>>
<<set $whereTo to "Scene Three, Slide Nine, Panel Two">>
<div class="text-panels two-panel gabby-thoughts">
<div class="two-panel-left">
<p>I’m busy, but this is important to me.<br/>Maybe I can clear some time…</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Nine-Panel-One.png" alt="Gabby looking thoughtful">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Ten">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="text-panels two-panel gabby-thoughts">
<div class="two-panel-right">
<p>I’ll set aside some time for us to talk on Thursday.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Nine-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Nine-Panel-Two.png" alt="Email: Hey Derek, I'd love to take with you about your mockup. I'm focusing on another project right now, but I've set aside some time this Thursday from 11AM to 12:30 PM as open office hours. Give me a call during that time and we can chat!">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Eleven">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Later that week…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Three, Slide Twelve">>
<div class="gabby-talking top-text">
<p>Thanks for taking me up on my offer, Derek.<br/>Walk me through your design.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Eleven.png" alt="Gabby and Derek on a video call">
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Thirteen">>
<div class="top-text"></div>
<div class="time-card-text">
<p>45 minutes later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Three Decision 2">>
<div class="other-talking derek top-text">
<p>This was awesome! <br/>Are you up for scheduling regular sessions like this?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Thirteen.png" alt="Gabby and Derek on a video call with Derek looking very happy">
<<include "Progress Bars">><<set $whereTo to undefined>>
<div class="decision-text">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene Three, Slide Fourteen, Panel One" class="link-internal link-image decision-link">
Schedule regular office hours
</a>
<a data-passage="Scene Three, Slide Fifteen, Panel One" class="link-internal link-image decision-link">
Finish the current project, First
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="Gabby thinking" class="decision-img"><<set $sceneThreeChoiceTwo to "S3B2A">>
<<set $whereTo to "Scene Three, Slide Fourteen, Panel Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>I wasn’t considering it, <br/>but I think I’ll try to make this open time a regular thing.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Fourteen-Panel-One.png" alt="Gabby smiling and looking thoughtful on the video call">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide One">>
<div class="text-panels two-panel other-talking derek">
<div class="two-panel-right">
<p>Great! This was a huge help.<br/>It’s hard to get face time with senior designers.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Fourteen-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Fourteen-Panel-Two.png" alt="Derek looking delighted">
</div>
<<include "Progress Bars">><<set $sceneThreeChoiceTwo to "S3B2B">>
<<set $whereTo to "Scene Three, Slide Fifteen, Panel Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>I wasn’t considering it, but it’s a great idea. <br/>I’m swamped this month, but I could start after that.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Fifteen-Panel-One.png" alt="Gabby smiling and looking thoughtful on the video call">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide One">>
<div class="text-panels two-panel other-talking derek">
<div class="two-panel-right">
<p>Great! This was a huge help.<br/>It’s hard to get face time with senior designers.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Fifteen-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Fifteen-Panel-Two.png" alt="Derek looking delighted">
</div>
<<include "Progress Bars">><<set $sceneThreeChoice to "S3C">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection-5>>
<<set $creativeSpark to $creativeSpark-5>>
<<set $creativeSparkDelta to "-5%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $senseOfConnectionDelta to "5%-">>
<<set $senseOfConnectionDeltaPositivity to "negative">>
<<set _sceneThreeDecision to $sceneThreeFeedback[$sceneThreeChoice][0]>>
<!-- Send xAPI Statement -->
<<scene3Decision false _sceneThreeDecision>>
<<decreasedX "senseOfConnection" 5>>
<<decreasedX "creativeSpark" 5>>
<</if>>
<<set $whereTo to "Scene Three, Slide Sixteen, Panel Two">>
<div class="text-panels two-panel gabby-thoughts">
<div class="two-panel-left">
<p>I don’t want to leave Derek out in the cold, but I don’t have time to have a whole conversation.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Sixteen-Panel-One.png" alt="Gabby at her computer">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Seventeen">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="text-panels two-panel gabby-thoughts">
<div class="two-panel-right">
<p>I’ll just send him some suggestions in a quick email.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Sixteen-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Sixteen-Panel-Two.png" alt="Email: Hey Derek, Here are a few suggestions...">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Eighteen">>
<div class="gabby-thoughts top-text">
<p>Okay… Apparently I didn’t make myself clear.<br/>Let me try to explain things better…</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Seventeen.png" alt="Gabby looking a little annoyed">
<<include "Progress Bars">><<set $whereTo to "Scene Three, Slide Nineteen">>
<div class="gabby-thoughts top-text">
<p>More questions, Derek? What aren’t you understanding?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Eighteen.png" alt="Gabby looking very annoyed">
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide One">>
<div class="gabby-thoughts top-text">
<p>This is taking waaay longer than I wanted. <br/>We probably should have just hopped on a call. <br/>So much for saving time.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-three/Scene-Three-Slide-Nineteen.png" alt="Gabby looking upset">
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Three">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">Day from hell.</p>
</div>
</div>
<div class="text-message-container second text-fade-in text-closer">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Text-bubble-no-name%402x.png" alt="Text message from Guil">
<p class="text-message-text">I hate my job.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-One.png" alt="Gabby working on her couch with the phone buzzing">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Four">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">Day from hell.</p>
</div>
</div>
<div class="text-message-container second text-closer">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Text-bubble-no-name%402x.png" alt="Text message from Guil">
<p class="text-message-text">I hate my job.</p>
</div>
</div>
<div class="text-message-container third text-fade-in text-closer">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Text-bubble-no-name%402x.png" alt="Text message from Guil">
<p class="text-message-text">Quitting (again).</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-One.png" alt="Gabby working on her couch with the phone buzzing">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four Decision">>
<div class="gabby-thoughts top-text">
<p>Oh! My brother, Guil, is texting me. <br/>We haven’t talked in forever. <br/>It’s late, but I’m still working...</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Four.png" alt="">
<<include "Progress Bars">><<set $whereTo to undefined>>
<div class="decision-text">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene Four, Slide Six" class="link-internal link-image decision-link">
Check in and keep working
</a>
<a data-passage="Scene Four, Slide Eleven, Panel One" class="link-internal link-image decision-link">
Call him
</a>
<a data-passage="Scene Four, Slide Fifteen" class="link-internal link-image decision-link">
Wait until the weekend
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="Gabby thinking" class="decision-img"><<set $sceneFourChoice to "S4A">>
<<set $senseOfConnection to $senseOfConnection-5>>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $senseOfConnectionDelta to "5%-">>
<<set $senseOfConnectionDeltaPositivity to "negative">>
<<set $whereTo to "Scene Four, Slide Seven">>
<<set _sceneFourDecision to $sceneFourFeedback[$sceneFourChoice][0]>>
<!-- Send xAPI Statement -->
<<scene4Decision false _sceneFourDecision>>
<<decreasedX "senseOfConnection" 5>>
<<decreasedX "creativeSpark" 10>>
<</if>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+normal%402x.png" alt="Text message from Gabby">
<p class="text-message-text">What’s wrong?</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Six.png" alt="Gabby texting with her laptop on her lap">
</div>
<<include "Progress Bars">><<set $sceneFourChoice to "S4B">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection+10>>
<<set $senseOfConnectionDelta to "10%+">>
<<set $senseOfConnectionDeltaPositivity to "positive">>
<<set $whereTo to "Scene Four, Slide Eleven, Panel Two">>
<<set _sceneFourDecision to $sceneFourFeedback[$sceneFourChoice][0]>>
<!-- Send xAPI Statement -->
<<scene4Decision true _sceneFourDecision>>
<<increasedX "senseOfConnection" 10>>
<</if>>
<div class="text-panels three-panel gabby-thoughts">
<div class="three-panel-left">
<p>Sounds like Guil could use a talk with his big sister right now. I’ll call him.</p>
</div>
</div>
<div class="panels three-panel">
<img class="story-img story-three-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eleven-Panel-One.png" alt="Gabby looking fond at her phone">
</div>
<<include "Progress Bars">><<set $sceneFourChoice to "S4C">>
<<if visited() is 1>>
<<set $senseOfConnection to $senseOfConnection-20>>
<<set $senseOfConnectionDelta to "20%-">>
<<set $senseOfConnectionDeltaPositivity to "negative">>
<<set $whereTo to "Scene Four, Slide Sixteen">>
<<set _sceneFourDecision to $sceneFourFeedback[$sceneFourChoice][0]>>
<!-- Send xAPI Statement -->
<<scene4Decision false _sceneFourDecision>>
<<decreasedX "senseOfConnection" 20>>
<</if>>
<div class="gabby-thoughts top-text">
<p>It’s more important to focus on work now.<br/>I’ll be able to listen better this weekend.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Fifteen.png" alt="Gabby concentrating on her work">
<<include "Progress Bars">><<set $whereTo to "Week 2 Complete, Slide Two">>
<div class="gabby-thoughts top-text">
<<if $sceneThreeChoice eq "S3B" and $sceneFourChoice eq "S4B">>
<p>I didn’t get quite as much work done this week<br/> after talking with Derek and Guil. But I feel so energized!</p>
<<elseif $sceneThreeChoice eq "S3A" and $sceneFourChoice eq "S4C">>
<p>Try to do some work and everyone is at your throat!<br/> I care about Guil and Derek, but I want to do a great job on this project.<br/> I still feel so overwhelmed with everything.</p>
<<else>>
<p>I got some work done, but I also hurt some feelings this week.<br/> I don’t feel as great as I’d hoped. <br/> Maybe I’m not spending enough time really talking to people.</p>
<</if>>
</div>
<<if $sceneThreeChoice eq "S3B" and $sceneFourChoice eq "S4B">>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-2-complete/Week-2-Complete-Happy.png" alt="">
<<elseif $sceneThreeChoice eq "S3A" and $sceneFourChoice eq "S4C">>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-2-complete/Week-2-Complete-Unhappy.png" alt="">
<<else>>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-2-complete/Week-2-Complete-Unhappy.png" alt="">
<</if>>
<<include "Click Next Only">><<set $whereTo to "Scene Four, Slide Eight">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+normal%402x.png" alt="Text message from Gabby">
<p class="text-message-text">What’s wrong?</p>
</div>
</div>
<div class="text-message-container second">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+large%402x.png" alt="Text message from Guil">
<p class="text-message-text">I dunno. My boss doesn’t seem to understand what I do at all. I’m really getting sick of it.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Seven.png" alt="Gabby texting with her laptop on her lap while the phone buzzes">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Nine">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">Hey. Are you paying attention?</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Seven.png" alt="Gabby texting with her laptop on her lap while the phone buzzes">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Ten">>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">Hey. Are you paying attention?</p>
</div>
</div>
<div class="text-message-container second">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+normal%402x.png" alt="Text message from Gabby">
<p class="text-message-text">Sry. I’m still working.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Nine.png" alt="Gabby looking upset as she reads her text messages">
</div>
<<include "Progress Bars">><<set $whereTo to "Week 2 Time Change">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+large%402x.png" alt="Text message from Guil">
<p class="text-message-text">Are you kidding? <br/>I’m trying to talk to you. <br/>You know what. Forget it.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Ten.png" alt="Gabby looking upset as she reads her text messages">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Eleven, Panel Three">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="text-panels three-panel other-talking guil">
<div class="three-panel-middle">
<p>Woah! You picking up the phone to call me? I must be dreaming.</p>
</div>
</div>
<div class="panels three-panel">
<img class="story-img story-three-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eleven-Panel-One.png" alt="">
<img class="story-img story-three-panel-middle" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eleven-Panel-Two.png" alt="Guil looking dramatically surprised">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Twelve">>
<div class="text-panels three-panel gabby-talking">
<div class="three-panel-right">
<p>Shut up. <br/>And tell me what’s going on.</p>
</div>
</div>
<div class="panels three-panel">
<img class="story-img story-three-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eleven-Panel-One.png" alt="">
<img class="story-img story-three-panel-middle" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eleven-Panel-Two.png" alt="">
<img class="story-img story-three-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eleven-Panel-Three.png" alt="">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Thirteen">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Two hours later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Four, Slide Fourteen">>
<div class="top-text"></div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Thirteen.png" alt="Gabby and Guil laughing hard over video call">
<<include "Progress Bars">><<set $whereTo to "Week 2 Time Change">>
<div class="other-talking guil top-text">
<p>Thanks for the talk, sis. I really needed that.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Fourteen.png" alt="Guil looking really happy as he talks to Gabby over video call">
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Seventeen">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Friday night…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Four, Slide Eighteen">>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+large%402x.png" alt="Text message from Gabby">
<p class="text-message-text">Hey Guil.<br/>What did you want to talk to me about?</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Seventeen.png" alt="Gabby relaxing on her couch as she texts">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Nineteen">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+large%402x.png" alt="Text message from Gabby">
<p class="text-message-text">Hey Guil. What did you want to talk to me about?</p>
</div>
</div>
<div class="text-message-container second">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">Never mind. <br/>It's too late now.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Eighteen.png" alt="Gabby looking upset as she reads her texts">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Four, Slide Twenty">>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+normal%402x.png" alt="Text message from Gabby">
<p class="text-message-text">I was working, Guillermo.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Nineteen.png" alt="Gabby looking angry as she reads her texts">
</div>
<<include "Progress Bars">><<set $whereTo to "Week 2 Time Change">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message guil">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Guil+text+normal%402x.png" alt="Text message from Guil">
<p class="text-message-text">You’re always working, Gabriela.</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-four/Scene-Four-Slide-Twenty.png" alt="Slack program">
</div>
<<include "Progress Bars">><<if $creativeSpark <= 0 or $senseOfConnection <= 0>>
<<set $whereTo to "Try Again - Bad">>
<<else>>
<<set $whereTo to "Scene Five, Slide One">>
<</if>>
<div class="top-text week-complete">Week 2 Complete</div>
<<include "Karma Meters">>
<<include "Click Next Only">><<set $whereTo to "Week 2 Complete, Slide Four">>
<<set $activeSlide to "Week 2 Complete, Slide Three">>
<<include "Modular Epilogue Week 2">>
<div class="modular-epilogue-choice">
<h2>You chose: <<print $sceneThreeFeedback[$sceneThreeChoice][0]>></h2>
<<print $sceneThreeFeedback[$sceneThreeChoice][1]>>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Five, Slide One">>
<<set $activeSlide to "Week 2 Complete, Slide Four">>
<<include "Modular Epilogue Week 2">>
<div class="modular-epilogue-choice">
<h2>You chose: <<print $sceneFourFeedback[$sceneFourChoice][0]>></h2>
<<print $sceneFourFeedback[$sceneFourChoice][1]>>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Five, Slide Three">>
<div class="gabby-thoughts top-text">
<p>Do I even have any new ideas?<br/>How do I change my thinking?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Two.png" alt="Gabby looking thoughtful">
<<include "Progress Bars">><<set $whereTo to "Scene Five Decision">>
<div class="gabby-thoughts top-text">
<p>I love a good design talk, especially Ezra Bennet’s.<br/>Maybe that’s what I need right now.</p>
</div>
<div class="fading-images">
<img class="story-img fade-img-in" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Three.png" alt="Gabby looking thoughtful">
<img class="story-img fade-img-out" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Two.png" alt="Gabby looking thoughtful">
</div>
<<include "Progress Bars">><<set $whereTo to undefined>>
<div class="decision-text">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene Five, Slide Four" class="link-internal link-image decision-link">
Draw inspiration from the great outdoors
</a>
<a data-passage="Scene Five, Slide Eight" class="link-internal link-image decision-link">
Draw inspiration from fellow designers
</a>
<a data-passage="Scene Five, Slide Eleven" class="link-internal link-image decision-link">
Draw inspiration from design greats
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="" class="decision-img"><<set $sceneFiveChoice to "S5A">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark+20>>
<<set $creativeSparkDelta to "+20%">>
<<set $creativeSparkDeltaPositivity to "positive">>
<<set $whereTo to "Scene Five, Slide Five">>
<<set _sceneFiveDecision to $sceneFiveFeedback[$sceneFiveChoice][0]>>
<!-- Send xAPI Statement -->
<<scene5Decision true _sceneFiveDecision>>
<<increasedX "creativeSpark" 20>>
<</if>>
<div class="gabby-thoughts top-text">
<p>What I really need is a walk.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Four.png" alt="Gabby getting ready to leave">
<<include "Progress Bars">><<set $whereTo to "Scene Five, Slide Six">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="gabby-thoughts top-text">
<p>Alright…What do I know about this client and what they really need?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Five.png" alt="Gabby and her dog walking in the park">
<<include "Progress Bars">><<set $whereTo to "Scene Five, Slide Seven">>
<div class="gabby-thoughts top-text">
<p>This restaurant must be new!<br/>It’s doing some interesting marketing there.<br/>I wonder…</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Six.png" alt="Gabby and her dog walking in a restaurant area">
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide One">>
<div class="gabby-thoughts top-text">
<p>That was a much needed break!<br/>And I think I might have some new ideas!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Seven.png" alt="Gabby preparing to sketch">
<<include "Progress Bars">><<set $sceneFiveChoice to "S5B">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $whereTo to "Scene Five, Slide Nine">>
<<set _sceneFiveDecision to $sceneFiveFeedback[$sceneFiveChoice][0]>>
<!-- Send xAPI Statement -->
<<scene5Decision false _sceneFiveDecision>>
<<decreasedX "creativeSpark" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>I know. I’ll check out what other <br/>designers are doing on Dribbble and Behance.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Eight.png" alt="">
<<include "Progress Bars">><<set $whereTo to "Scene Five, Slide Ten">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>An hour or two later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Six, Slide One">>
<div class="gabby-thoughts top-text">
<p>Aargh! Everything looks the same!<br/>This was such a huge waste of time!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Ten.png" alt="Gabby looking bored">
<<include "Progress Bars">><<set $sceneFiveChoice to "S5C">>
<<if visited() is 1>>
<<set $whereTo to "Scene Five, Slide Twelve">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "positive">>
<<set _sceneFiveDecision to $sceneFiveFeedback[$sceneFiveChoice][0]>>
<!-- Send xAPI Statement -->
<<scene5Decision false _sceneFiveDecision>>
<<decreasedX "creativeSpark" 0>>
<</if>>
<div class="gabby-thoughts top-text">
<p>A good design talk is just what the doctor ordered. <br/>I’ll start with one of my favorites from Ezra Bennet.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Eight.png" alt="Gabby thinking and smiling">
<<include "Progress Bars">><<set $whereTo to "Scene Five, Slide Thirteen">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Three hours later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Six, Slide One">>
<div class="gabby-thoughts top-text">
<p>The talks were amazing, inspiring. <br/>But I didn’t actually get anything done.<br/>Was it worth it?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-five/Scene-Five-Slide-Ten.png" alt="Gabby looking bored">
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Three">>
<div class="gabby-thoughts top-text">
<p>I deserve a break. <br/>There are some shows I’ve been wanting to watch <br/>and I can catch up with my friends on Twitter...</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Two.png" alt="Gabby thinking">
<<include "Progress Bars">><<set $whereTo to "Scene Six Decision">>
<<audio "iPhoneText" play>>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message veronica">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Veronica+text+large%402x.png" alt="Text message from Veronica">
<p class="text-message-text">Hey Gabby! Come out of the house for a bit and try this new class with me! <br/>It’ll be fun!</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Three.png" alt="Gabby reading her text messages">
</div>
<<include "Progress Bars">><<set $whereTo to undefined>>
<div class="decision-text">
<p>What should Gabby do?</p>
</div>
<div class="choices">
<a data-passage="Scene Six, Slide Five" class="link-internal link-image decision-link">
Take a well-deserved break
</a>
<a data-passage="Scene Six, Slide Nine" class="link-internal link-image decision-link">
Try the new class
</a>
<a data-passage="Scene Six, Slide Fifteen" class="link-internal link-image decision-link">
Catch up with her Twitter friends
</a>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="" class="decision-img"><<set $sceneSixChoice to "S6A">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $whereTo to "Scene Six, Slide Six">>
<<set _sceneSixDecision to $sceneSixFeedback[$sceneSixChoice][0]>>
<!-- Send xAPI Statement -->
<<scene6Decision false _sceneSixDecision>>
<<decreasedX "creativeSpark" 10>>
<</if>>
<div class="gabby-thoughts top-text">
<p>I’ll only watch a couple of episodes. <br/>Just to give my brain a break.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Five.png" alt="Gabby stretching out on her sofa">
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Seven, Panel One">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Hours later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Scene Six, Slide Seven, Panel Two">>
<div class="top-text"></div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Seven-Panel-One.png" alt="Gabby looking bleary-eyed as she continues watching tv">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Eight">>
<div class="top-text"></div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Seven-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Seven-Panel-Two.png" alt="Gabby asleep in bed">
</div>
<<include "Progress Bars">><<set $whereTo to "Week 3 Time Change">>
<div class="gabby-thoughts top-text">
<p>Monday, already?! I’m so tired!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Eight.png" alt="Gabby looking exhausted as she looks at the time on her phone">
<<include "Progress Bars">><<set $whereTo to "Week 3 Complete, Slide Two">>
<div class="gabby-thoughts top-text">
<<if $sceneFiveChoice eq "S5A" and $sceneSixChoice eq "S6B">>
<p>Being a little more active this week paid off! <br/>That walk really helped me think. And archery with Veronica <br/>was really fun! Who knew?!</p>
<<elseif $sceneFiveChoice eq "S5B" and $sceneSixChoice eq "S6A">>
<p>I hate it when I rest but I don’t feel rested! <br/>It makes the next week so much worse!</p>
<<else>>
<p>I do like being a little lazy after a long, tough week. <br/>But maybe being a little more active would help me feel better?</p>
<</if>>
</div>
<<if $sceneFiveChoice eq "S5A" and $sceneSixChoice eq "S6B">>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-3-complete/Week-3-Complete-Happy.png" alt="Gabby looking satisfied">
<<else>>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/week-3-complete/Week-3-Complete-Neutral.png" alt="Gabby looking unhappy">
<</if>>
<<include "Click Next Only">><<set $sceneSixChoice to "S6B">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark+5>>
<<set $senseOfConnection to $senseOfConnection+10>>
<<set $creativeSparkDelta to "+5%">>
<<set $creativeSparkDeltaPositivity to "positive">>
<<set $senseOfConnectionDelta to "10%+">>
<<set $senseOfConnectionDeltaPositivity to "positive">>
<<set _sceneSixDecision to $sceneSixFeedback[$sceneSixChoice][0]>>
<!-- Send xAPI Statement -->
<<scene6Decision true _sceneSixDecision>>
<<increasedX "creativeSpark" 5>>
<<increasedX "senseOfConnection" 10>>
<</if>>
<<set $whereTo to "Scene Six, Slide Ten">>
<div class="top-text"></div>
<div class="text-container">
<div class="text-message-container first">
<div class="text-message gabby">
<img class="text-message-bg" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Gabby+text+large%402x.png" alt="Text message from Gabby">
<p class="text-message-text">I don’t know what you’re getting me into. But sure! <br/>I’ll be there!</p>
</div>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Nine.png" alt="Slack program">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide TenA">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="other-talking veronica top-text">
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Ten.png" alt="Gabby arriving at the park with Veronica waving to her">
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Twelve, Panel One">>
<div class="top-text"></div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Eleven.png" alt="Gabby and Veronica loosing arrows">
<<include "Click Next Only">><<set $whereTo to "Scene Six, Slide Twelve, Panel Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>My arms are going to kill me tomorrow!</p>
</div>
</div>
<div class="panels two-panel ">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Twelve-Panel-One.png" alt="Gabby talking to Veronica">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Thirteen">>
<div class="text-panels two-panel other-talking veronica">
<div class="two-panel-right">
<p>Oh, they totally will. <br/>But it was worth it!</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Twelve-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Twelve-Panel-Two.png" alt="Veronica talking to Gabby">
</div>
<<include "Progress Bars">><<set $whereTo to "Week 3 Time Change">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>You’re right. <br/>I think we should do it again next week.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Twelve-Panel-One.png" alt="Gabby talking to Veronica">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Thirteen-Panel-Two.png" alt="">
</div>
<<include "Progress Bars">><<set $sceneSixChoice to "S6C">>
<<if visited() is 1>>
<<set $creativeSpark to $creativeSpark-10>>
<<set $senseOfConnection to $senseOfConnection+5>>
<<set $creativeSparkDelta to "-10%">>
<<set $creativeSparkDeltaPositivity to "negative">>
<<set $senseOfConnectionDelta to "5%+">>
<<set $senseOfConnectionDeltaPositivity to "positive">>
<<set $whereTo to "Scene Six, Slide Sixteen, Panel One">>
<<set _sceneSixDecision to $sceneSixFeedback[$sceneSixChoice][0]>>
<!-- Send xAPI Statement -->
<<scene6Decision false _sceneSixDecision>>
<<decreasedX "creativeSpark" 10>>
<<increasedX "senseOfConnection" 5>>
<</if>>
<div class="gabby-thoughts top-text">
<p>My friends need me. It will be good to catch up with them.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Fifteen.png" alt="Gabby thinking">
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Sixteen, Panel Two">>
<<set $creativeSparkDelta to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $senseOfConnectionDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<div class="top-text"></div>
<div class="panels three-panel">
<img class="story-img story-three-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Sixteen-Panel-One.png" alt="Gabby looking at her laptop on her couch">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Sixteen, Panel Three">>
<div class="top-text"></div>
<div class="panels three-panel">
<img class="story-img story-three-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Sixteen-Panel-One.png" alt="">
<img class="story-img story-three-panel-middle" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Sixteen-Panel-Two.png" alt="Gabby stretched out on the floor, looking at her laptop">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Seventeen">>
<div class="top-text"></div>
<div class="panels three-panel">
<img class="story-img story-three-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Sixteen-Panel-One.png" alt="">
<img class="story-img story-three-panel-middle" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Sixteen-Panel-Two.png" alt="">
<img class="story-img story-three-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Sixteen-Panel-Three.png" alt="Gabby on her couch looking at her laptop">
</div>
<<include "Progress Bars">><<set $whereTo to "Scene Six, Slide Eighteen">>
<div class="top-text"></div>
<div class="time-card-text">
<p>Hours later…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Week 3 Time Change">>
<div class="gabby-thoughts top-text">
<p>Why do I feel so tired? Must have been working too hard.<br/>I think I’ll just veg out this weekend.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-Eighteen.png" alt="Gabby yawning, still with her laptop">
<<include "Progress Bars">><<if $creativeSpark >= 30 and $senseOfConnection >= 70>>
<!-- Good ending -->
<<set $whereTo to "Resolution, Slide One, Panel One">>
<<elseif $creativeSpark <= 10 or $senseOfConnection <= 30>>
<!-- Bad ending -->
<<set $whereTo to "Resolution, Slide Five">>
<<else>>
<!-- Middle ending -->
<<set $whereTo to "Resolution, Slide Fourteen">>
<</if>>
<div class="top-text week-complete">Week 3 Complete</div>
<<include "Karma Meters">>
<<include "Click Next Only">><<set $whereTo to "Week 3 Complete, Slide Four">>
<<set $activeSlide to "Week 3 Complete, Slide Three">>
<<include "Modular Epilogue Week 3">>
<div class="modular-epilogue-choice">
<h2>You chose: <<print $sceneFiveFeedback[$sceneFiveChoice][0]>></h2>
<<print $sceneFiveFeedback[$sceneFiveChoice][1]>>
</div>
<<include "Click Next Only">><<if $creativeSpark >= 70 and $senseOfConnection >= 70>>
<<set $whereTo to "Resolution, Slide One, Panel One">>
<<elseif $creativeSpark <= 30 or $senseOfConnection <= 30>>
<<set $whereTo to "Resolution, Slide Six">>
<<else>>
<<set $whereTo to "Resolution, Slide Fourteen">>
<</if>>
<<set $activeSlide to "Week 3 Complete, Slide Four">>
<<include "Modular Epilogue Week 3">>
<div class="modular-epilogue-choice">
<h2>You chose: <<print $sceneSixFeedback[$sceneSixChoice][0]>></h2>
<<print $sceneSixFeedback[$sceneSixChoice][1]>>
</div>
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Six">>
<div class="gabby-thoughts top-text">
<p>I tried so hard. <br/>But I haven’t been able to <br/>make any progress on this project.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Five.png" alt="Gabby looking disinterested">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Fourteen">>
<div class="gabby-thoughts top-text">
<p>I tried so hard. <br/>I’ve finished the project, but I hate it.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Thirteen.png" alt="Gabby looking disinterested">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-right">
<p>They didn’t love all of my proposals. <br/>In the end, we compromised.<br/>I'll do part of my plan as an experiment.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-One-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-One-Panel-Two.png" alt="Gabby looking happy as she presents over video call">
</div>
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Three, Panel One">>
<div class="top-text gabby-talking">
<p>For the first time in months, Guil, <br/>I felt energized. Like there was a new spark.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-Two.png" alt="Gabby listening with interests to the clients">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Three, Panel Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>I felt so much more productive, creative, focused… in control of my life. Plus I got to spend a lot more time with you and Veronica.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-Three-Panel-One.png" alt="Gabby talking to Guil over video call">
</div>
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Four">>
<div class="text-panels two-panel other-talking guil">
<div class="two-panel-right">
<p>Hey, I say anything that helps you be more yourself again is a huge win. We’ve really talked this past month. Not like before.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-Three-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-Three-Panel-Two.png" alt="Guil talking to Gabby over video call">
</div>
<<include "Click Next Only">><<set $whereTo to "Aftermath">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>I <em><b>feel</b></em> more like myself. My manager is supportive of my focus time and office hours have been a huge hit. <b>I’ve really hit on something here!</b></p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-Three-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-good/Resolution-Good-Slide-Three-Panel-Two.png" alt="Gabby talking to Guil over video call">
</div>
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Seven">>
<div class="gabby-thoughts top-text">
<p>Everything seems so trite and boring. <br/>Ugh. I don’t think I’m cut out for this.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Five.png" alt="Gabby looking disinterested">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Eight">>
<div class="gabby-thoughts top-text">
<p>And Guil seems to be ignoring me.<br/>So I don’t even have anyone to talk to.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Seven.png" alt="Gabby looking sad as she reviews her texts">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide NineA">>
<div class="gabby-thoughts top-text">
<p>I know I should be working, but I just can’t right now.<br/>I’m just going to binge Netflix for a while.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Eight.png" alt="Gabby watching tv in the dark">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Ten, Panel One">>
<div class="other-talking client top-text">
<p>This isn’t really what we were looking for. <br/>I don’t think this will work. It doesn’t have any <b>"oomph"</b>.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Nine.png" alt="Gabby listening while clients look angry and upset">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Ten, Panel Two">>
<div class="text-panels two-panel gabby-talking">
<div class="two-panel-left">
<p>But this is what you said you wanted! I based this on your brief.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Ten-Panel-One.png" alt="Gabby looking angry and upset">
</div>
<<include "Click Next Only">>
<<set $whereTo to "Resolution, Slide Eleven">>
<div class="text-panels two-panel other-talking client">
<div class="two-panel-right">
<p>We expect you to be the designer, Gabby.</p>
</div>
</div>
<div class="panels two-panel">
<img class="story-img story-two-panel-left" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Ten-Panel-One.png" alt="">
<img class="story-img story-two-panel-right" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Ten-Panel-Two.png" alt="Clients looking upset">
</div>
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Twelve">>
<div class="top-text"></div>
<div class="time-card-text">
<p>In Gabby’s next meeting with her manager…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Try Again - Bad">>
<div class="other-talking ashton top-text">
<p>Listen, Gabby. You were really defensive <br/>with the client and that wasn’t good work. <br/>What’s going on?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-bad/Resolution-Bad-Slide-Twelve.png" alt="Gabby on the verge of tears as her Ashton talks">
<<include "Click Next Only">><<set $creativeSpark to 20>>
<<set $senseOfConnection to 50>>
<<set $senseOfConnectionDelta to "">>
<<set $creativeSparkDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $whereTo to "">>
<<gameCompleted>>
<div class="end-panel">
<h1>Gabby burned out!</h1>
<p>Gabby has joined thousands of others who get lost and give up as they try to do meaningful work in a world full of distractions.</p>
<p>Burnout happens when you feel like everything you do is just following orders. When you don't feel like you have any say.</p>
<p>Burnout can feel complex and overwhelming. But there are things you can control.</p>
<p><b>Don't give up.</b> Give it another go. Help Gabby take control of her career.</p>
</div>
<a class="try-again cta-button" data-passage="Scene One, Slide One">Start</a><<set $whereTo to "Resolution, Slide Fifteen">>
<div class="gabby-thoughts top-text">
<p>Everything seems so trite and boring. <br/>Ugh. If this team actually supported my ideas…</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Thirteen.png" alt="Gabby looking disinterested">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Sixteen">>
<div class="gabby-thoughts top-text">
<p>And Guil is being such a baby, not texting me back.<br/>He’s so self-centered.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Fifteen.png" alt="Gabby looking angry as she reviews her texts">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Seventeen">>
<div class="gabby-thoughts top-text">
<p>Oh, well. Let’s just get this over with.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Sixteen.png" alt="Gabby dressed up as she prepares for her video call">
<<include "Click Next Only">><<set $whereTo to "Resolution, Slide Eighteen">>
<div class="other-talking client top-text">
<p>This is great, Gabby. It’s exactly what we wanted.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Seventeen.png" alt="Gabby listening as the clients talk happily">
<<include "Click Next Only">><<set $whereTo to "Try Again - Middling">>
<div class="top-text gabby-thoughts">
<p>I really don’t want to keep working on this project.<br/>But now I’m <em><b>stuck</b></em>. I’m going to find another team.<br/>Hopefully, it’ll be different next time.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Eighteen.png" alt="Gabby with her laptop on her couch with the tv on">
<<include "Click Next Only">><<set $creativeSpark to 20>>
<<set $senseOfConnection to 50>>
<<set $senseOfConnectionDelta to "">>
<<set $creativeSparkDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $whereTo to "">>
<<gameCompleted>>
<div class="end-panel">
<h1>Gabby is still on the brink</h1>
<p>While she hasn’t burned out yet, Gabby is still on the brink.</p>
<p>Burnout can feel complex and overwhelming. But there are things you can control. You <b><em>can</em></b> control your attention to focus on doing creating work. You can set expectations about how you spend your days. And you <b><em>can</em></b> decide to build meaningful relationships.</p>
<p><b>Don't give up.</b> Give it another go. Help Gabby take control of her career.</p>
</div>
<a class="try-again cta-button" data-passage="Scene One, Slide One">Start</a><<set $whereTo to "Aftermath, Slide Three">>
<div class="gabby-thoughts top-text">
<p>There are still things about my job that I don’t love. <br/>There are still days that I don’t want to do the work.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/aftermath/Aftermath-Slide-Two.png" alt="Gabby sketching on a digital tablet">
<<include "Click Next Only">><<set $whereTo to "Aftermath, Slide Four">>
<div class="gabby-thoughts top-text">
<p>But I have <b>a lot more say</b> in my work than I thought.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/aftermath/Aftermath-Slide-Three.png" alt="Gabby and Veronica walking in the park with Gabby's dog">
<<include "Click Next Only">><<set $whereTo to "Review-1">>
<<gameCompleted>>
<div class="gabby-thoughts top-text">
<p>When <b>I choose</b> how to spend my time, how to spend my attention, <br/>and how to build my relationships, I can <b>find the meaning</b> in my work again.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/aftermath/Aftermath-Slide-Four.png" alt="Gabby and Guil smiling at each other on video call">
<<include "Click Next Only">><<set $whereTo to "Review-2">>
<<include "Your Choices">>
<div class="modular-epilogue-choice">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/modular-epilogue/modular-epilogue-decision-1.png" alt="Review Decision 1" />
<div class="choice-text">
<h2>You chose: <<print $sceneOneFeedback[$sceneOneChoice][0]>></h2>
<<print $sceneOneFeedback[$sceneOneChoice][1]>>
<div class="other-players-chose">
<p>$Scene1DecisionQuery% of other players chose this option</p>
</div>
</div>
</div>
<<include "Click Next Only">><div id="epilogue-karma-meters">
<div id="spark-grid">
<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/karma-meters/creativeSpark.svg' class='karma-meter-review-icon' alt=''>
<div class="karma-meter-information">
<<print "<p class='karma-meter-review-percentage'>" + $creativeSpark + "%</p>" >>
<p class="which-bar">Creative Spark</p>
</div>
<div id="creativeSpark" class="progress">
<<print "<div class='bar shadow crosses' style='width:" + $creativeSpark + "%;'></div>" >>
</div>
</div>
<hr class="karma-meter-separator" />
<div id="connection-grid">
<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/karma-meters/senseOfConnection.svg' class='karma-meter-review-icon' alt=''>
<div class="karma-meter-information">
<<print "<p class='karma-meter-review-percentage'>" + $senseOfConnection + "%</p>" >>
<p class="which-bar">Sense of Connection</p>
</div>
<div id="senseOfConnectionLeft" class="progress">
<<print "<div class='bar shadow circuit' style='width:" + $senseOfConnection + "%;'></div>" >>
</div>
</div>
<!-- <div id="senseOfConnection" class="progress">
<<print "<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/senseOfConnection.svg' class='progress-icon' alt='Sense of Connection is at" + $senseOfConnection + "%'>" >>
<<print "<div class='bar shadow circuit' style='width:" + $senseOfConnection + "%;'><span class='progress-bar-percentage-right'>" + $senseOfConnection + "%</span></div>" >>
</div> -->
</div><div class="footer-container">
<div id="creativeSpark" class="progress hidden">
<<print "<div class='bar shadow crosses' style='width:" + $creativeSpark + "%;'><span class='progress-bar-percentage'>" + $creativeSpark + "%</span></div>" >>
</div>
<a data-passage=$whereTo class="link-internal link-image click-next-area">
<img class="click-next" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/mouse.gif" alt="Click to continue">
</a>
<div id="senseOfConnection" class="progress hidden">
<<print "<div class='bar shadow circuit' style='width:" + $senseOfConnection + "%;'><span class='progress-bar-percentage-right'>" + $senseOfConnection + "%</span></div>" >>
</div>
</div><nav id="week-1-nav">
<ul class="modular-epilogue-nav">
<<if $activeSlide eq "Week 1 Complete, Slide Two">>
<li class="active">
<a data-passage="Week 1 Complete, Slide Two" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 1 Complete, Slide Two" class="link-internal">
</a>
</li>
<</if>>
<<if $activeSlide eq "Week 1 Complete, Slide Three">>
<li class="active">
<a data-passage="Week 1 Complete, Slide Three" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 1 Complete, Slide Three" class="link-internal">
</a>
</li>
<</if>>
<<if $activeSlide eq "Week 1 Complete, Slide Four">>
<li class="active">
<a data-passage="Week 1 Complete, Slide Four" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 1 Complete, Slide Four" class="link-internal">
</a>
</li>
<</if>>
</ul>
</nav><nav id="week-2-nav">
<ul class="modular-epilogue-nav">
<<if $activeSlide eq "Week 2 Complete, Slide Two">>
<li class="active">
<a data-passage="Week 2 Complete, Slide Two" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 2 Complete, Slide Two" class="link-internal">
</a>
</li>
<</if>>
<<if $activeSlide eq "Week 2 Complete, Slide Three">>
<li class="active">
<a data-passage="Week 2 Complete, Slide Three" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 2 Complete, Slide Three" class="link-internal">
</a>
</li>
<</if>>
<<if $activeSlide eq "Week 2 Complete, Slide Four">>
<li class="active">
<a data-passage="Week 2 Complete, Slide Four" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 2 Complete, Slide Four" class="link-internal">
</a>
</li>
<</if>>
</ul>
</nav><nav id="week-3-nav">
<ul class="modular-epilogue-nav">
<<if $activeSlide eq "Week 3 Complete, Slide Two">>
<li class="active">
<a data-passage="Week 3 Complete, Slide Two" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 3 Complete, Slide Two" class="link-internal">
</a>
</li>
<</if>>
<<if $activeSlide eq "Week 3 Complete, Slide Three">>
<li class="active">
<a data-passage="Week 3 Complete, Slide Three" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 3 Complete, Slide Three" class="link-internal">
</a>
</li>
<</if>>
<<if $activeSlide eq "Week 3 Complete, Slide Four">>
<li class="active">
<a data-passage="Week 3 Complete, Slide Four" class="link-internal">
</a>
</li>
<<else>>
<li>
<a data-passage="Week 3 Complete, Slide Four" class="link-internal">
</a>
</li>
<</if>>
</ul>
</nav><div class="footer-container-flexbox">
<div id="creativeSpark" class="progress">
<<print "<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/creativeSpark.svg' class='progress-icon' alt='Creative Spark is at" + $creativeSpark + "%'>" >>
<<print "<div class='bar shadow crosses' style='width:" + $creativeSpark + "%;'><span class='progress-bar-percentage'>" + $creativeSpark + "%</span></div>" >>
</div>
<a data-passage=$whereTo class="link-internal link-image click-next-area">
<img class="click-next" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/mouse.gif" alt="Click to continue">
</a>
<div id="senseOfConnection" class="progress">
<<print "<img src='https://brink-of-burnout.s3-us-west-2.amazonaws.com/senseOfConnection.svg' class='progress-icon' alt='Sense of Connection is at" + $senseOfConnection + "%'>" >>
<<print "<div class='bar shadow circuit' style='width:" + $senseOfConnection + "%;'><span class='progress-bar-percentage-right'>" + $senseOfConnection + "%</span></div>" >>
</div>
</div><<set $whereTo to "Review-3">>
<<set $activeSlide to "Review-2">>
<<include "Your Choices">>
<div class="modular-epilogue-choice">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/modular-epilogue/modular-epilogue-decision-2.png" alt="Review Decision 2" />
<div class="choice-text">
<h2>You chose: <<print $sceneTwoFeedback[$sceneTwoChoice][0]>></h2>
<<print $sceneTwoFeedback[$sceneTwoChoice][1]>>
<div class="other-players-chose">
<p><<print $Scene2DecisionQuery>>% of other players chose this option</p>
</div>
</div>
</div>
<<include "Click Next Only">><<set $whereTo to "Review-4">>
<<set $activeSlide to "Review-3">>
<<include "Your Choices">>
<div class="modular-epilogue-choice">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/modular-epilogue/modular-epilogue-decision-3.png" alt="Review Decision 3" />
<div class="choice-text">
<h2>You chose: <<print $sceneThreeFeedback[$sceneThreeChoice][0]>></h2>
<<print $sceneThreeFeedback[$sceneThreeChoice][1]>>
<div class="other-players-chose">
<p><<print $Scene3DecisionQuery>>% of other players chose this option</p>
</div>
</div>
</div>
<<include "Click Next Only">><<set $whereTo to "Review-5">>
<<set $activeSlide to "Review-4">>
<<include "Your Choices">>
<div class="modular-epilogue-choice">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/modular-epilogue/modular-epilogue-decision-4.png" alt="Review Decision 4" />
<div class="choice-text">
<h2>You chose: <<print $sceneFourFeedback[$sceneFourChoice][0]>></h2>
<<print $sceneFourFeedback[$sceneFourChoice][1]>>
<div class="other-players-chose">
<p><<print $Scene4DecisionQuery>>% of other players chose this option</p>
</div>
</div>
</div>
<<include "Click Next Only">><<set $whereTo to "Review-6">>
<<set $activeSlide to "Review-5">>
<<include "Your Choices">>
<div class="modular-epilogue-choice">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/modular-epilogue/modular-epilogue-decision-5.png" alt="Review Decision 5" />
<div class="choice-text">
<h2>You chose: <<print $sceneFiveFeedback[$sceneFiveChoice][0]>></h2>
<<print $sceneFiveFeedback[$sceneFiveChoice][1]>>
<div class="other-players-chose">
<p><<print $Scene5DecisionQuery>>% of other players chose this option</p>
</div>
</div>
</div>
<<include "Click Next Only">><<set $activeSlide to "Review-6">>
<<set $whereTo to "Call to Action">>
<<include "Your Choices">>
<div class="modular-epilogue-choice">
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/modular-epilogue/modular-epilogue-decision-6.png" alt="Review Decision 6" />
<div class="choice-text">
<h2>You chose: <<print $sceneSixFeedback[$sceneSixChoice][0]>></h2>
<<print $sceneSixFeedback[$sceneSixChoice][1]>>
<div class="other-players-chose">
<p><<print $Scene6DecisionQuery>>% of other players chose this option</p>
</div>
</div>
</div>
<<include "Click Next Only">><nav id="review-nav">
<ul class="modular-epilogue-nav">
<<if $activeSlide eq "Review-1">>
<li class="active">
<a data-passage="Review-1" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<<else>>
<li>
<a data-passage="Review-1" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<</if>>
<<if $activeSlide eq "Review-2">>
<li class="active">
<a data-passage="Review-2" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<<else>>
<li>
<a data-passage="Review-2" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<</if>>
<<if $activeSlide eq "Review-3">>
<li class="active">
<a data-passage="Review-3" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<<else>>
<li>
<a data-passage="Review-3" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<</if>>
<<if $activeSlide eq "Review-4">>
<li class="active">
<a data-passage="Review-4" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<<else>>
<li>
<a data-passage="Review-4" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<</if>>
<<if $activeSlide eq "Review-5">>
<li class="active">
<a data-passage="Review-5" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<<else>>
<li>
<a data-passage="Review-5" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<</if>>
<<if $activeSlide eq "Review-6">>
<li class="active">
<a data-passage="Review-6" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<<else>>
<li>
<a data-passage="Review-6" class="link-internal">
<span class="bubble"></span>
</a>
</li>
<</if>>
</ul>
</nav><<set $whereTo to "Scene One Decision">>
<div class="gabby-thoughts top-text">
<p>I guess that means no more wasting time on social media?</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-one/Scene-One-Slide-One.png" alt="">
<<include "Progress Bars">><<set $whereTo to "Week 1 Complete">>
<<set _sceneOneQuery to $sceneOneFeedback[$sceneOneChoice][0]>>
<<set _sceneTwoQuery to $sceneTwoFeedback[$sceneTwoChoice][0]>>
<!-- Get xAPI Statements -->
<<queryDecision Scene1Decision _sceneOneQuery>>
<<queryDecision Scene2Decision _sceneTwoQuery>>
<div class="top-text"></div>
<div class="time-card-text">
<p>At the end of the week…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Week 2 Complete">>
<<set _sceneThreeQuery to $sceneThreeFeedback[$sceneThreeChoice][0]>>
<<set _sceneFourQuery to $sceneFourFeedback[$sceneFourChoice][0]>>
<!-- Get xAPI Statements -->
<<queryDecision Scene3Decision _sceneThreeQuery>>
<<queryDecision Scene4Decision _sceneFourQuery>>
<div class="top-text"></div>
<div class="time-card-text">
<p>At the end of the week…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Week 3 Complete">>
<<set _sceneFiveQuery to $sceneFiveFeedback[$sceneFiveChoice][0]>>
<<set _sceneSixQuery to $sceneSixFeedback[$sceneSixChoice][0]>>
<!-- Get xAPI Statements -->
<<queryDecision Scene5Decision _sceneFiveQuery>>
<<queryDecision Scene6Decision _sceneSixQuery>>
<div class="top-text"></div>
<div class="time-card-text">
<p>At the end of the week…</p>
</div>
<<include "Click Next Only">><<set $whereTo to "Setup, Slide One">>
<<include "Prompt Banner">>
<div class="time-card-text">
<p>You are about to experience an interactive story.</p>
<p><<timed 3s t8n>>Your choices matter.<</timed>></p>
</div>
<<include "Click Next Only">>K. Anthony<<set $whereTo to "">>
<div></div>
<div class="notice">
<div class="notice-text">
<p>Hi There!</p>
<p>This experience looks best in landscape mode.</p>
<p>Try <b>making your browser a little wider</b> or <b>rotating your device</b>.</p>
<p>On iOS, you should <b>Add to Home Screen with Safari</b> for the best experience.</p>
</div>
<img src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/Decision-Half.png" alt="" class="browser-notice-image">
</div>
<div></div>
<<set $whereTo to "Resolution, Slide Nine">>
<div class="gabby-thoughts top-text">
<p>It's time for the call with my clients. <br/>I'm not prepped <b>at all</b>. <br/>Oh, well. Let’s just get this presentation over with.</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/resolution-middling/Resolution-Middling-Slide-Sixteen.png" alt="Gabby dressed up as she prepares for her video call">
<<include "Click Next Only">><<set $whereTo to "Scene Six, Slide Eleven">>
<div class="other-talking veronica top-text">
<p>I’m so happy you made it. This is going to be epic!</p>
</div>
<img class="story-img" src="https://brink-of-burnout.s3-us-west-2.amazonaws.com/scene-six/Scene-Six-Slide-TenA.png" alt="Veronica speaking">
<<include "Progress Bars">><div class="notify bar-top do-show" data-notification-status="success">
<p>For the best experience, add this story to your home screen.</p>
<p><span class="how-to">On iOS, tap <svg class="pwa-install-prompt__guide__icon" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Share</title><path fill="#FFFFFF" d="M48.883,22.992L61.146,10.677L61.146,78.282C61.146,80.005 62.285,81.149 64,81.149C65.715,81.149 66.854,80.005 66.854,78.282L66.854,10.677L79.117,22.992C79.693,23.57 80.256,23.853 81.114,23.853C81.971,23.853 82.534,23.57 83.11,22.992C84.25,21.848 84.25,20.125 83.11,18.981L65.997,1.794C65.715,1.511 65.421,1.215 65.139,1.215C64.563,0.932 63.718,0.932 62.861,1.215C62.579,1.498 62.285,1.498 62.003,1.794L44.89,18.981C43.75,20.125 43.75,21.848 44.89,22.992C46.029,24.149 47.744,24.149 48.883,22.992ZM103.936,35.32L81.114,35.32L81.114,41.053L103.936,41.053L103.936,121.27L24.064,121.27L24.064,41.053L46.886,41.053L46.886,35.32L24.064,35.32C20.928,35.32 18.355,37.904 18.355,41.053L18.355,121.27C18.355,124.419 20.928,127.003 24.064,127.003L103.936,127.003C107.072,127.003 109.645,124.419 109.645,121.27L109.645,41.053C109.645,37.891 107.072,35.32 103.936,35.32Z"></path></svg> then <b>“Add to Home Screen.”</b></span></p></div>
<div>
<h1 class="modular-epilogue-title">Your Choices</h1>
</div><<set $creativeSpark to 20>>
<<set $senseOfConnection to 50>>
<<set $senseOfConnectionDelta to "">>
<<set $creativeSparkDelta to "">>
<<set $senseOfConnectionDeltaPositivity to "">>
<<set $creativeSparkDeltaPositivity to "">>
<<set $whereTo to "">>
<div class="end-panel end-panel-modular-epilogue">
<h1>Ever burned out? 🔥</h1>
<p> It feels awful. Especially when you have to keep going to work because, how else are you going to pay the bills? You might feel like your only option is to quit your job or slog through day after day.</p>
<p>In Brink of Burnout, we explore the third way: taking control of the things you <em>can</em> change about the way you work and connect with others.</p>
<p>Sometimes finding a new job is the next right thing. But even if you do, <b>you have to take control of your time and attention</b> to do your best work.</p>
</div>
<a class="cta-button cta-epilogue" href="https://brink-of-burnout.netlify.app/about">Take Back Control of your Work</a>
<a class="secondary-action" data-passage="Scene One, Slide One">Play Again</a><!-- Testing -->
<<set $sceneOneChoice to "S1C">>
<<set $sceneTwoChoice to "S2A">>
<<set $sceneThreeChoice to "S3A">>
<<set $sceneFourChoice to "S4B">>
<<set $sceneFiveChoice to "S5A">>
<<set $sceneSixChoice to "S6A">>
<<set _sceneFiveQuery to $sceneFiveFeedback[$sceneFiveChoice][0]>>
<<set _sceneSixQuery to $sceneSixFeedback[$sceneSixChoice][0]>>
<<set _sceneThreeQuery to $sceneThreeFeedback[$sceneThreeChoice][0]>>
<<set _sceneFourQuery to $sceneFourFeedback[$sceneFourChoice][0]>>
<<set _sceneOneQuery to $sceneOneFeedback[$sceneOneChoice][0]>>
<<set _sceneTwoQuery to $sceneTwoFeedback[$sceneTwoChoice][0]>>
<!-- Get xAPI Statements -->
<<queryDecision Scene1Decision _sceneOneQuery>>
<<queryDecision Scene2Decision _sceneTwoQuery>>
<<queryDecision Scene3Decision _sceneThreeQuery>>
<<queryDecision Scene4Decision _sceneFourQuery>>
<<queryDecision Scene5Decision _sceneFiveQuery>>
<<queryDecision Scene6Decision _sceneSixQuery>>