(text-colour:black)[(dropdown: 2bind $Car,"Choose your car","Toyota","Ford","Honda","Chevy")]
(b4r:"dotted")+(corner-radius:10)+(bg:white)[[Start]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
(font: "Arial Black")[Congratulations!] You've passed your drivers test! Now it's your turn to practive driving on Pennsylvania roads.
You're starting in a parking lot, which way do you turn?
(button:)[[[Left]]]
(button:)[[[Right]]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
You come across a four way stop, where are you going?
[[Turn left]]
[[Turn right]]
[[Go straight]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
You come across a(text-colour:#f76707)[ construction zone]. You must wait for the flagger to let you through. Once they do, how are you driving through the workzone?
[[Speeding]]
[[Go slow]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
You turned left! You come across a pothole that cuts across the whole side of the road, what are you doing?
[[Swerve into the other lane]]
[[Take your chances and go over the pothole]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
There's a pothole in the road. It doesn't seem too big, but it's practically unavoidable.
[[Swerve hard]]
[[Just go over it, I guess]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
You're now driving through a (text-colour:#f76707)[construction zone]. Your side of the road is closed so they can work on it. You have to stop and wait for the flagger to let you through. Once they do, do you
[[Speed through]]
[[Listen to the slow sign]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
(text-rotate-x:176)+(text-rotate-y:172)+(text-rotate-z:139)[''Wrong decision'']
You swerved into the other lane and hit a car going the opposite direction. You've totaled your $Car.
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Oops'' You went over the pothole, however, it was fairly deep, and now you popped your tires. Guess you're not going anywhere anytime soon.
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Oops'' you get a ticket for speeding through a workzone. You should know better than that!
(set: $tickets to $tickets + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Right'', you're supposed to drive slowly through a workzone, especially when it's not blocked off like this one. In workzones on the highways and interstates you are supposed to go the speed limit, even if you weren't before.
(set: $goodchoices to $goodchoices + 1)
[[Keep going]]
[[Stop driving]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
You should really be careful! No speeding through a workzone.
Now you come across a pothole in the center of the road, it looks pretty deep, what are you doing?
(set: $tickets to $tickets + 1)
(set: $danger to $danger + 1)
[[Try to straddle it with your car]]
[[Swerve just enough to miss it]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Good choice!'' You should always go slow in a workzone.
Now you come across a pothole in the center of the road, it looks pretty deep, what are you doing?
[[Try to straddle it with your car]]
[[Swerve just enough to miss it]]
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''You managed to miss it'', just remember to be careful when you swerve. Now the road you're on is narrowing and the yellow lines disappear. Have fun with that!
[[Panic]]
[[Try to stay as far to the right as possible without going off road]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''That works'', you managed to perfectly straddle the pothole with your car. You've avoided any damages, except for a little anxiety about the hole (but that happens with everyone anticipating a pothole). Now you come across a very narrow road with no lines. What do you do?
[[Panic]]
[[Try to stay as far to the right as possible without going off road]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''You're Lucky'' the car that was driving the other way saw you and breaked hard. How about next time we check the lane to make sure no one is there?
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
(size:2)[''Uh Oh''] the tire of your $Car popped. You've gotta pull over and call AAA.
[[Pull Over]]
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<img src="https://www.phoenixparkhotel.com/files/3465/AAA_copy2.jpg">
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
You're gonna be late to work now, guess you better call them too.
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Okay, never panic'', panicking is always the wrong option. That's how you end up worse than you would be if you stayed calm. Another car is coming up the left side, now what are you doing?
[[Try to relax]]
[[Panic Panic Panic]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Smart decision'', just remember not to get too close to the edge. Another car is coming up the left side of the road now, what do you do?
[[Try to relax]]
[[Panic Panic Panic]]
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Good choice'', you managed to relax and you drove past them with no issues.
[[Keep going on this narrow road]]
[[Turn off on another road, this time with yellow lines]]
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Not Smart'', what did I tell you? Never panic, it'll make it worse. And in this case it does. You lose focus of the road and total your $Car. Now you've gotta deal with your insurance and the insurance of the person you hit.
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Your Choice'' if you feel like you can keep going then great, but don't forget that you are allowed to turn off another road or find a place to stop if you need to. Every road leads somewhere, so don't be scared to turn.
Now you're coming up on a curve, it looks pretty sharp but you can't tell just how sharp yet.
[[Slow down]]
[[Keep cruising at this speed]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Great Decision'', remember, if you're ever uncomfortable with where you're driving, you can always turn off to another road or find a place to stop. All roads lead somewhere, so don't be afriad of turning.
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Smart Choice'', that curve was a lot sharper than you anticipated, but since you slowed down you managed to get through it with minimal issues.
Now you're faced with the decision on if you want to stay on this narrow road or turn onto a road that looks extremely uneven.
[[Stay on the narrow road]]
[[Turn onto the uneven road]]
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Woah wrong choice'', absolutely terrible decision. That curve was very sharp, and you flew off the shoulder and rolled your $Car. Looks like you're gonna need a trip to the hosptial along with a new car.
(set: $tickets to $tickets + 1)
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Nice'', a little more driving never hurt anybody. You come up on a roundabout. Guess there's only one thing you really can do now.
[[Go through the roundabout]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
Cool, your choice. You've done pretty good if you made it here.
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
Well you managed to make it through, so good job. Roundabouts don't have to be scary, as long as everyone around you is paying attention, granted sometimes they're not, you should be fine.
[[Stop driving]]
[[Circle back to the beginning ->Start]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Your choice'', you decided to stay on the narrow road. Unfortunately, it has gotten very dark out, and a deer ran out in front of your car. You hit it dead on. Now you've got to deal with a broken windshield and a dead deer.
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''This one has lines'', it may be uneven but at least this road has yellow lines, and it's not as narrow. However, it does have a low shoulder. The speed limit is 40 mph, however the road is extremely bumpy and uneven.
[[Slow down to be safer on the bumpy road]]
[[Lets go 45 mph]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Smart'', it's always safer to go at a slower speed in the road looks as uneven and bumpy as this one did. Now it's starting to downpour and you can barely see through the windshield.
[[Pull over and wait out the storm]]
[[Keep going at the speed you already are]]
[[Slow down some more]]
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Nope'', it's always safer to go slower if the road is super bumpy and uneven. You managed to mess up your steering wheel alignment.
(set: $damage to $damage + 1)
(set: $danger to $danger + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Good idea '', it's always okay to pull over if you feel like it would be more dangerous to drive. In this case, not being able to see clearly through the rain is a reasonable excuse to pull over.
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Dangerous'', this could be a dangerous move for you to make.
You end up sliding on the wet pavement and cross the shoulder into the grass. You're lucky nothing too bad happened.
(set: $danger to $danger + 1)
(set: $damage to $damage + 1)
[[Keep going, just slower]]''Good choice'', when driving conditions are unsafe, or you deem them to be dangerous, it is always a good idea to slow down, just remember to try not to go too slow or you become a danger on the road yourself. If you need to, don't be afraid to pull over.
(set: $goodchoices to $goodchoices + 1)
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
(set: $damage to 0)
(set: $tickets to 0)
(set: $goodchoices to 0)
(set: $danger to 0)''Good Learning Chance'', guess you've learned from that now. You've come across an autobody shop, are you stopping to get your $Car checked out?
[[Stop]]
[[Don't stop]]''Cool'', if you did break something when you went sliding they'll catch it. It might cost you a bit of money though.
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Fine'', we'll keep going.
[[Keep going by restarting ->Start]]
[[Just drive around mindlessly]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>
''Be careful'', driving around without a destination can be therapeutic, just don't forget to pay attention to the road.
[[Go back to the beginning ->Start]]
<div id="stage">
<div id="road">
<div id="stripes"></div>
</div>
</div>