<div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox"> Finally, you're here! Did someone give you a map yet?
</div>
</div>
<div class="options-container">
<div class="option"><<link [[Yes, I have one right here.|Pre Day 1-2 get log]]>> <<pickup '$inventory' 'Map'>>
<<flash "Added <b>Map</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>(Skip tutorial)</div>
<div class="option"><<link [[No, could you show me around?|Tutorial]]>> <<pickup '$inventory' 'Map'>>
<<flash "Added <b>Map</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>(Tutorial)
</div>
</div>
<<set $music to "Forest1-muffled">><<if $inventory.has('Map')>>
<<if not tags().contains("dont-leave")>>
<div class="ui-icon-container">
<a href="javascript:void(0)" data-passage="Inventory">
<<if passage() is "Inventory">>
<img title="Inventory" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/10127/10127215.png">
<<else>>
<img title="Inventory" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/10127/10127250.png">
<</if>>
</a>
<<if $inventory.has('Logbook')>>
<a href="javascript:void(0)" data-passage="Logbook">
<<if passage() is "Logbook">>
<img title="Logbook" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/4711/4711927.png">
<<else>>
<img title="Logbook" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/4711/4711771.png">
<</if>>
</a>
<</if>>
<a href="javascript:void(0)" data-passage="Settings">
<<if passage() is "Settings">>
<img title="Settings" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1790/1790071.png">
<<else>>
<img title="Settings" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1790/1790030.png">
<</if>>
</a>
</div>
<<else>>
<!-- IF THE TAGS HAVE DONTLEAVE -->
<div class="ui-icon-container">
<<if passage() is "Inventory">>
<img title="Inventory" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/10127/10127215.png">
<<else>>
<img title="Inventory" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/10127/10127250.png">
<</if>>
<<if $inventory.has('Logbook')>>
<<if passage() is "Logbook">>
<img title="Logbook" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/4711/4711927.png">
<<else>>
<img title="Logbook" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/4711/4711771.png">
<</if>>
<</if>>
<<if passage() is "Settings">>
<img title="Settings" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1790/1790071.png">
<<else>>
<img title="Settings" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1790/1790030.png">
<</if>>
</div>
<</if>>
<</if>><div id="ui-barheader">
<h1>Neverglades</h1>
Dumb Luck Interactive 🍀
for the <a href="https://itch.io/jam/spooktober-2023">Spooktober Visual Novel Jam 2023</a>
</div><div class="storybox-container">
<div class="titlebox">Inventory</div>
<div class="storybox">
<<inventory '$inventory' ', '>>
</div>
</div>
<div class="options-container">
<div class="option"><<return "Go back.">></div>
</div>
<div class="storybox-container">
<div class="titlebox">Logs</div>
<div class="storybox">
<<for _i to 0; _i lt $logbook.length; _i++>>
<<if _i == 0>>
Training day:
<<else>>
<<print "Week " + _i + ": ">>
<</if>>
<<print $logbook[_i]>>
<br>
<br>
<</for>>
$log
</div>
</div>
<div class="options-container">
<div class="option"><<return "Go back.">></div>
</div><div class="storybox-container">
<div class="titlebox">Settings</div>
<div class="storybox">
<ul>
<li><a href="https://twinelab.net/custom-macros-for-sugarcube-2/#/type-sim">Typesim macro</a></li>
<li> <a href="https://twinelab.net/custom-macros-for-sugarcube-2/#/notify-macro">Notify macro</a></li>
</ul>
</div>
</div>
<div class="options-container">
<div class="option"><<return "Go back.">></div>
</div>
<<if $inventory.has('Map')>>
<hr>
<h1>Map</h1>
<<if not tags().contains("dont-leave")>>
<i>Select where you'd like to go.</i>
<div class="icon-group RangerStation">
<div class="ui-icon-container">
<a href="javascript:void(0)" data-passage="$locations[$day][0]">
<<if passage().includes("Bedroom")>>
<img title="Bedroom" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/3009/3009905.png">
<<else>>
<img title="Bedroom" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/3009/3009931.png">
<</if>>
</a>
<a href="javascript:void(0)" data-passage="$locations[$day][1]">
<<if passage().includes("Kitchen")>>
<img title="Kitchen" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1889/1889010.png">
<<else>>
<img title="Kitchen" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1888/1888928.png">
<</if>>
</a>
<a href="javascript:void(0)" data-passage="$locations[$day][2]">
<<if passage().includes("Living room")>>
<img title="Living room" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1889/1889046.png">
<<else>>
<img title="Living room" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1888/1888980.png">
<</if>>
</a>
</div>
</div>
<div class="icon-group Mountains">
<div class="ui-icon-container">
<a href="javascript:void(0)" data-passage="$locations[$day][3]">
<<if passage().includes("Mountain campsite")>>
<img title="Mountain campsite" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/998/998902.png">
<<else>>
<img title="Mountain campsite" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/998/998800.png">
<</if>>
</a>
<a href="javascript:void(0)" data-passage="$locations[$day][4]">
<<if passage().includes("Forest")>>
<img title="Forest" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/2046/2046190.png">
<<else>>
<img title="Forest" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/2046/2046148.png">
<</if>>
</a>
<a href="javascript:void(0)" data-passage="$locations[$day][6]">
<<if passage().includes("Beach")>>
<img title="Beach" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/11064/11064810.png">
<<else>>
<img title="Beach" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/11064/11064801.png">
<</if>>
</a>
</div>
</div>
<<else>> <!-- IF THE PASSAGE CONTAINS THE TAG "DONT-LEAVE"...-->
<i>You can't go anywhere right now.</i>
<div class="icon-group RangerStation">
<div class="ui-icon-container">
<<if passage().includes("Bedroom")>>
<img title="Bedroom" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/3009/3009905.png">
<<else>>
<img title="Bedroom" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/3009/3009931.png">
<</if>>
<<if passage().includes("Kitchen")>>
<img title="Kitchen" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1889/1889010.png">
<<else>>
<img title="Kitchen" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1888/1888928.png">
<</if>>
<<if passage().includes("Living room")>>
<img title="Living room" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1889/1889046.png">
<<else>>
<img title="Living room" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1888/1888980.png">
<</if>>
</div>
</div>
<div class="icon-group Mountains">
<div class="ui-icon-container">
<<if passage().includes("Mountain campsite")>>
<img title="Mountain campsite" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/998/998902.png">
<<else>>
<img title="Mountain campsite" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/998/998800.png">
<</if>>
<<if passage().includes("Forest")>>
<img title="Forest" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/2046/2046190.png">
<<else>>
<img title="Forest" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/2046/2046148.png">
<</if>>
<<if passage().includes("Beach")>>
<img title="Beach" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/11064/11064810.png">
<<else>>
<img title="Beach" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/11064/11064801.png">
<</if>>
</div>
</div>
<</if>>
<</if>>
<<set $test to "nothing">>
<<set $output to "haha">>
<<set $kayakUnlocked to false>>
<<newinventory '$inventory'>>
<<set $day to 0>>
<<set $locations to []>>
<<for _i to 0; _i lt 5; _i++>>
<<set $locations1 to ["Bedroom-"+_i,"Kitchen-"+_i,"Living room-"+_i,"Mountain campsite-"+_i,"Forest-"+_i,"Coast campsite-"+_i,"Beach-"+_i]>>
<<set $locations.push($locations1)>>
<</for>>
<<typesim 'This is some typesim'>>
<</typesim>>
<<set $logbook to []>>
<<set $names to ["Steve","Zippy","Melody","River","Jean-Luc","Amy"]>>
<<set $camper1name to $names.pluck()>>
<<set $T13 to "Go south.">>
<<set $T23 to "Go east.">>
<<set $T25 to "Go south.">>
<<set $T32 to "Go west.">>
<<set $T31 to "Go north.">>
<<set $T34 to "Go east.">>
<<set $T43 to "Go west.">>
<<set $T46 to "Go south.">>
<<set $T52 to "Go north.">>
<<set $T58 to "Go south.">>
<<set $T64 to "Go north.">>
<<set $T610 to "Go south.">>
<<set $T78 to "Go east.">>
<<set $T712 to "Go south.">>
<<set $T87 to "Go west.">>
<<set $T85 to "Go north.">>
<<set $T89 to "Go east.">>
<<set $T813 to "Go south.">>
<<set $T98 to "Go west.">>
<<set $T910 to "Go east.">>
<<set $T914 to "Go south.">>
<<set $T106 to "Go north.">>
<<set $T109 to "Go west.">>
<<set $T1011 to "Go east.">>
<<set $T1015 to "Go south.">>
<<set $T1110 to "Go west.">>
<<set $T127 to "Go north.">>
<<set $T1213 to "Go east.">>
<<set $T1312 to "Go west.">>
<<set $T138 to "Go north.">>
<<set $T1314 to "Go east.">>
<<set $T149 to "Go north.">>
<<set $T1413 to "Go west.">>
<<set $T1415 to "Go east.">>
<<set $T1416 to "Go south.">>
<<set $T1514 to "Go west.">>
<<set $T1510 to "Go north.">>
<<set $camperHappiness to 0>><div class="storybox-container">
<img class="portrait left" src="">
<div class="titlebox"> </div>
<div class="storybox"> </div>
</div>
<div class="options-container">
<div class="option"></div>
<div class="option"></div>
<div class="option"></div>
</div><div class="storybox-container">
<div class="storybox">Finally, you got the job at the coveted National Park. It's going to be a beautiful summer.
</div>
</div>
<div class="options-container">
<div class="option">[[Head to your Ranger station and get started.|First passage]]</div>
</div>
<<set $music to "Forest1-muffled">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">Great, well, that's about it then. <span class="instruct">Every day, just check all the areas in your region: the forest trails, mountain campsite, and the beach. Then you can clock out for the day.</span> Here's a map to you can find your way around.
</div>
</div>
<div class="options-container">
<div class="option"><<link [[Take the map.|Pre Day 1-2 get log]]>> <<pickup '$inventory' 'Map'>>
<<flash "Added <b>Map</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>></div>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox"> All right. Here's a map for ya. You're stationed here at the Neverglades, one of the most visited National Parks, but the worst staffed. Classic Parks.
<br>So you're out here on your own, in terms of other rangers. But the job is easy: <span class="instruct">just visit all four of your locations every day, and you're good to go</span>. That's the mountain campsite, the forest, the coastal campsite, and the beach.<br>
Go ahead, let's visit those places by selecting them on your map.
</div>
</div>
<<set $music to "Forest1-muffled">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">Not much to see around here. It's a kitchen. You've got your junk drawers, your cooking utensils... It's a kitchen. You get it.</div>
</div>
<div class="options-container">
<<if hasVisited("Kitchen-0","Bedroom-0","Living room-0","Mountain campsite-0","Forest-0","Beach-0")>>
<div class="option">[["OK, I've seen it all."|Pre Day 1-2 get log]]</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">Usually we have a couple of rangers in here over the course of the summer, but because of hiring challenges it's just you. So feel free to take any bunk you want, or even push the bunks together, or like, sleep on a different one every night. Go crazy. </div>
</div>
<div class="options-container">
<<if hasVisited("Kitchen-0","Bedroom-0","Living room-0","Mountain campsite-0","Forest-0","Beach-0")>>
<div class="option">[["OK, I've seen it all."|Pre Day 1-2 get log]]</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">This is your one place of refuge in the park. Here, you don't have to listen to any campers, at all (don't tell HQ I said that, please).
<br>
You can also call me from here. There's a landline that goes straight to HQ.</div>
</div>
<div class="options-container">
<div class="option">[[Call HQ.|Tutorial-call]]</div>
<<if hasVisited("Kitchen-0","Bedroom-0","Living room-0","Mountain campsite-0","Forest-0","Beach-0")>>
<div class="option">[["OK, I've seen it all."|Pre Day 1-2 get log]]</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">Here's where most people stay, it's a pretty popular campsite. And there's a tradition of campers hosting camp-wide bonfires sometimes. Maybe you'll get to see one while you're here.</div>
</div>
<div class="options-container">
<<if hasVisited("Kitchen-0","Bedroom-0","Living room-0","Mountain campsite-0","Forest-0","Beach-0")>>
<div class="option">[["OK, I've seen it all."|Pre Day 1-2 get log]]</div>
<</if>>
</div>
<<set $music to "Forest2">><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">These are the mountain trails. They're well marked, and very popular among tourists because it's a relatively easy walk to the top with spectacular views.
<br> You don't have to do the hike here, your job just requires you to check on the trailhead. But you can do the hike if you want.
<br> If you want to do the hike, you just keep heading north and go around the big boulder either to the east or west of it. Then keep going north and you'll be at the peak. The signs are pretty poorly marked, though, so be a little careful.
</div>
</div>
<div class="options-container">
<div class="option"><span style="text-decoration:underline">Go to the trail head.</span> (Not available during tutorial)</div>
<<if hasVisited("Kitchen-0","Bedroom-0","Living room-0","Mountain campsite-0","Forest-0","Beach-0")>>
<div class="option">[["OK, I've seen it all."|Pre Day 1-2 get log]]</div>
<</if>>
</div>
<<set $music to "Forest1">><div class="transition">
WEEK 1
</div>
<div class="options-container">
<div class="option"><<link [[Wake up and get started.|Week 1-RangerStation]]>>
<<flash "Visit other areas in the park by selecting them on the <b>map</b>.">>
<<flashType "info">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
</div>
<<set $log to "">>
<<set $day to 1>><div class="storybox-container">
<div class="storybox"> It's a beautiful day in the Neverglades. As the first day on the job, you should use your map to check out what's going on around the park.</div>
</div>
<div class="background"></div><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">This is the beach, one of the shining gems of the Neverglades, besides the forest trail. Here, you get a beautiful view of the water and the rock formations.<br>
There's also a kayak over there, but hoenstly I forget where the key went. So if you can find it, then you can use the kayak.</div>
</div>
<div class="options-container">
<<if hasVisited("Kitchen-0","Bedroom-0","Living room-0","Mountain campsite-0","Forest-0","Beach-0")>>
<div class="option">[["OK, I've seen it all."|Pre Day 1-2 get log]]</div>
<</if>>
</div>
<<set $music to "Waves2">>
<div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">And at the end of every day, you'll write a log, just so we can keep track at the end of the summer about what happened. Why don't you try to write one now?
</div>
</div>
<div class="options-container">
<div class="option"><<link [[Take the logbook and write an entry. |Pre day 1-3 write log]]>> <<pickup '$inventory' 'Logbook'>>
<<flash "Added <b>Logbook</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<<Delay 1000>>
<</flash>>
<<flash "Type your logbook entry in the textbox.">>
<<flashType "info">>
<<Timeout 6000>>
<<Delay 1600>>
<</flash>>
<</link>></div>
</div>
<div class="storybox-container">
<div class="storybox">
<<set $log to "I got a tour around the park and my cabin. All I need to do every day is check out the locations. Easy money, easy job.">>
<<typesim $log>>
And that's one log, done.
<</typesim>>
</div>
</div>
<div class="options-container" id="typedone1" style="display:none">
<div class="option">
<<link [[Add the log to the logbook.|Pre Day 1-4]]>>
<<set $logbook.push($log)>>
<<flash "You can read all your logs in your <b>logbook</b> on the left after you finish the tutorial.">>
<<flashType "info">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
</div>
<<script>>
$(document).on(':type-sim-end', function (ev) {
document.getElementById("typedone1").style.display = "block";
console.log('Typing simulation message: ', ev.message);
});
<</script>>
<div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">That's great. You can see your inventory, logbook, or change any settings you need at any time.
<br>I think that's everything for now. If you have any questions, you can call me from the landline in your cabin.</div>
</div>
<div class="options-container">
<div class="option">[[Head to bed.|Week 1]]</div>
</div>
<div class="storybox-container">
<div class="storybox">A boring bedroom, with just a few beds strewn around.
<br>
<<if not hasVisited("Mountain campsite-1","Forest-1","Beach-1")>>
You can't go to sleep yet, you haven't visited every location.
<</if>>
</div>
</div>
<div class="options-container">
<<if hasVisited("Mountain campsite-1","Forest-1","Beach-1")>>
<div class="option">[[Write your log and end the day.|Pre Week 2]]</div>
<</if>>
<<if not hasVisited("Bedroom-1 search")>>
<div class="option">[[Search bedroom.|Bedroom-1 search]]</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">The most basic kichen you've ever seen-- a sink, some dishes, and a junk drawer.</div>
</div>
<div class="options-container">
<div class="option">[[Open the junk drawer.|Kitchen-1 drawer]]</div>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">There's a reading chair, lamp, no fan or air conditioning, and poorly insulated windows. On a side table there's a phone that only calls Headquarters. There are also some tent stakes in the corner.</div>
</div>
<div class="options-container">
<div class="option">[[Call the main Ranger Station.|Call-1]]</div>
<<if not $inventory.has('tent') or not $inventory.has('tent stakes','rope')>>
<div class="option"><<link [[Pick up the tent.|Living room-1]]>> <<pickup '$inventory' 'tent'>>
<<flash "Added <b>tent</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('tent stakes') and not $inventory.has('tent')>>
<div class="option"><<link [[Pick up just the tent stakes.|Living room-1]]>> <<pickup '$inventory' 'tent stakes'>>
<<flash "Added <b>tent stakes</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if $inventory.has('tent stakes') and not $inventory.has('tent (without stakes)')>>
<div class="option"><<link [[Pick up the tent without the stakes.|Living room-1]]>> <<pickup '$inventory' 'tent (without stakes)'>>
<<flash "Added <b>tent (without stakes)</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('rope') and not $inventory.has('tent')>>
<div class="option"><<link [[Pick up just the rope from the tent pack.|Living room-1]]>> <<pickup '$inventory' 'rope'>>
<<flash "Added <b>rope</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">
<<if hasVisited("Mountain campsite-1 Campers-1 sassy2")>>
There are some families packing up their campsites, but they don't want to talk to me.
<<elseif hasVisited("Mountain campsite-1 Campers-1 resolve")>>
There are some families setting up their campsites again after their tents tipped over. I was glad to help.
<<else>>
There are some tents tipped over. It looks like a mess. There are some disgruntled campers nearby.
<</if>>
</div>
</div>
<div class="options-container">
<<if hasVisited("Mountain campsite-1 Campers-1 sassy2")>>
<<elseif hasVisited("Mountain campsite-1 Campers-1 campfire-no")>>
<div class="option">[[Talk to the campers.|Mountain campsite-1 Campers-1 campfire-no]]</div>
<<elseif hasVisited("Mountain campsite-1 campfire soon")>>
<div class="option">[[Talk to the campers.|Mountain campsite-1 campfire soon]]</div>
<<else>>
<div class="option">[[Talk to the campers.|Mountain campsite-1 Campers-1]]</div>
<</if>>
</div>
<<set $music to "Forest2">><div class="storybox-container">
<div class="storybox">The coastline looks beautiful and peaceful. There's a kayak and some oars chained up near the water.</div>
</div>
<div class="options-container">
<<if $inventory.has('key')>>
<div class="option">
<<link [[Try the key on the kayak.|Beach-1 Kayak-unlock][$kayakUnlocked to true]]>>
<<flash "Removed <b>key</b> from your inventory.">>
<<flashType "error">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if $kayakUnlocked>>
<div class="option">[[Take the kayak out on the water.|Beach-1 water]]</div>
<</if>>
</div>
<<set $music to "Waves2">><<if $music is not $tempMusic>>
<<audio ":playing" fadeout>>
<<timed 5s>>
<<audio $music volume 0 fadeoverto 5 $vol loop>>
<</timed>>
<<set $tempMusic to $music>>
<</if>>
<<script>>
/* ADDING DEFAULT TEXT TO THE TEXTAREA TYPESIMS */
if(document.getElementsByClassName("type-sim").length == 1){
document.getElementsByClassName("type-sim")[0].placeholder="Start typing...";
}
<</script>>
<!-- Some cool Sugarcube code to check for tags
<<if not tags().contains("dont-leave")>>
<</if>>
--><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
<i><<type 40ms>>
Riiiiing.... Riiiiing....
<</type>></i>
<br>
<<if hasVisited("Call-1") and not hasVisited("Call-1 what to do") and not hasVisited("Call-1 campers")>>
<<timed 2s t8n>> You again? Are you going to hang up on me again?<</timed>>
<<else>>
<<timed 2s t8n>> Hello?<</timed>>
<</if>>
</div>
</div>
<<timed 2.5s>>
<div class="options-container">
<div class="option">[[Ask what to do.|Call-1 what to do]]</div>
<<if hasVisited("Mountain campsite-1 Campers-1")>>
<div class="option">[[Talk about the campers.|Call-1 campers]]</div>
<</if>>
<<if $inventory.has('key')>>
<div class="option">[[Ask about the key you found.|Call-1 key]]</div>
<</if>>
<div class="option">[[Hang up.|Living room-1]]</div>
</div>
<</timed>>Preloading music:
<<cacheaudio "Forest1" "Forest 1 Spoopy 2023.wav">>
<<cacheaudio "Forest2" "Forest 2 Spoopy 2023.wav">>
<<cacheaudio "Forest1-muffled" "Forest Muffled 1 Spoopy 2023.wav">>
<<cacheaudio "Forest2-muffled" "Forest Muffled 2 Spoopy 2023.wav">>
<<cacheaudio "Waves1" "Waves 1 Spoopy 2023.wav">>
<<cacheaudio "Waves2" "Waves 2 Spoopy 2023.wav">>
<<cacheaudio "Waves3" "Waves 3 Spoopy 2023.wav">>
<<set $vol to 1>>
<<set $music to "Waves3">>
<<set $tempMusic to "Waves3">>
Preloading all the images for the UI:
<img title="Inventory" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/10127/10127215.png">
<img title="Inventory" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/10127/10127250.png">
<img title="Logbook" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/4711/4711927.png">
<img title="Logbook" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/4711/4711771.png">
<img title="Settings" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1790/1790071.png">
<img title="Settings" class="ui-icon" src="https://cdn-icons-png.flaticon.com/512/1790/1790030.png">
<img title="Bedroom" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/3009/3009905.png">
<img title="Bedroom" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/3009/3009931.png">
<img title="Kitchen" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1889/1889010.png">
<img title="Kitchen" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1888/1888928.png">
<img title="Living room" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1889/1889046.png">
<img title="Living room" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/1888/1888980.png">
<img title="Mountain campsite" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/998/998902.png">
<img title="Mountain campsite" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/998/998800.png">
<img title="Forest" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/2046/2046190.png">
<img title="Forest" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/2046/2046148.png">
<img title="Coast campsite" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/998/998902.png">
<img title="Coast campsite" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/998/998800.png">
<img title="Beach" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/11064/11064810.png">
<img title="Beach" class="ui-icon icon-off" src="https://cdn-icons-png.flaticon.com/512/11064/11064801.png">
<div class="storybox-container">
<div class="titlebox">Disgruntled Camper</div>
<div class="storybox">Thanks for <i>finally</i> showing up. We've been yelling all night! Have you seen this mess?!</div>
</div>
<div class="options-container">
<div class="option">[["Good morning to you too, and welcome to the Neverglades!"|Mountain campsite-1 Campers-1 sassy]]</div>
<div class="option">[["I'm so sorry about that--what happened?"|Mountain campsite-1 Campers-1 concerned]]</div>
</div><div class="storybox-container">
<div class="titlebox">Disgruntled Camper</div>
<div class="storybox">As if I need <i>reminding</i> about this hellhole. You call this a Park? You can't even guarantee a safe campsite.</div>
</div>
<div class="options-container">
<div class="option">[["That's just nature for ya."|Mountain campsite-1 Campers-1 sassy2]]</div>
<div class="option">[["Right, sorry. What happened?"|Mountain campsite-1 Campers-1 concerned]]</div>
</div><div class="storybox-container">
<div class="titlebox">Disgruntled Camper</div>
<div class="storybox">
<<if visited()>>
The tents are everywhere! Where will we sleep?
<<else>>
Last night, out of <i>no where</i>, the wind started picking up! It even took out our tent stakes. Now where will we sleep?</div>
<</if>>
</div>
</div>
<div class="options-container">
<div class="option">[["Dunno. You could sleep in your car? Or just on the ground like in the olden days?"|Mountain campsite-1 Campers-1 sassy2]]</div>
<<if $inventory.has("tent stakes")>>
<div class="option"><<link [["I've got some extra tent stakes right here for ya!"|Mountain campsite-1 Campers-1 resolve]]>>
<<set $camperHappiness++>>
<<drop '$inventory' 'tent stakes'>>
<<flash "Removed <b>tent stakes</b> from your inventory.">>
<<flashType "error">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<<else>>
<div class="option">[["Let me take a look around for some extra tent stakes for you."|Mountain campsite-1]]</div>
<</if>>
</div><div class="storybox-container">
<div class="titlebox">Disgruntled Camper</div>
<div class="storybox">You call <i>yourself</i> a Park Ranger? I'm packing up my famliy and we're leaving right now. I'll be calling your supervisor.</div>
</div>
<div class="options-container">
<div class="option"><<link [["Haha, sure thing! Their name is Nonaya Beezwax!"|Mountain campsite-1][$log to $log + "I spoke to a really disgruntled camper today, and really showed them off. "]]>> <<set $camperHappiness-->> <</link>></div>
</div>
<div class="storybox-container">
<div class="titlebox">Disgruntled Camper</div>
<div class="storybox">
Wow, thanks so much! I really appreciate it. I'll set on fixing up this camp site right away. My name's $camper1name, by the way.
</div>
</div>
<div class="options-container">
<div class="option">[["No problem at all."|Mountain campsite-1 campfire offer][$log to $log + "I found some extra tent stakes for some campers so they could stake their tents down again after a big wind last night at the mountain campsite."]]</div>
</div><div class="storybox-container">
<div class="storybox">
<<if $log == "">>
<<set $log to "I went to every site today and went straight to bed.">>
<</if>>
Time to write up my log...
<<typesim $log>>
<</typesim>>
</div>
</div>
<div class="options-container" id="typedone1" style="display:none">
<div class="option">[[Add the log to the logbook.|Week 2][$logbook.push($log)]]</div>
</div>
<<script>>
$(document).on(':type-sim-end', function (ev) {
document.getElementById("typedone1").style.display = "block";
console.log('Typing simulation message: ', ev.message);
});
<</script>><div class="transition">
WEEK 2
</div>
<div class="options-container">
<div class="option">[[Get started on a new day.|Week 2-RangerStation]]</div>
</div>
<<set $log to "">>
<<set $day to 2>><div class="storybox-container">
<div class="storybox">
It's a foggy morning, and you wake up a little achy. But another week comes with another check around the park.
</div>
</div>
<div class="storybox-container">
<div class="storybox">There are some common things here, and some uncommon things. Watch out, some of the stuff is sharp.</div>
</div>
<div class="options-container">
<<if not $inventory.has('paint and brushes')>>
<div class="option"><<link [[Pick up some paint and paint brushes.|Kitchen-1 drawer]]>> <<pickup '$inventory' 'paint and brushes'>>
<<flash "Added <b>paint and brushes</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('dry firestarter')>>
<div class="option"><<link [[Pick up a dry firestarter.|Kitchen-1 drawer]]>> <<pickup '$inventory' 'dry firestarter'>>
<<flash "Added <b>dry firestarter</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<div class="option"><<return "Go back to the Kitchen.">></div>
</div><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
<<if not hasVisited("Mountain campsite-1","Forest-1","Beach-1")>>
Remember to visit every location everyday! That's the campsite in the mountains, those forest trails, and the beach.
<br> Between you and me, I'm not saying you need to help everyone out with every little thing. But you do need to at least make the rounds.
<<else>>
Well, if you've visited everywhere, which I bet you have by now... You could jut do your entry in your logbook and go to bed.
<</if>>
</div>
</div>
<div class="options-container">
<<if hasVisited("Mountain campsite-1 Campers-1")>>
<div class="option">[[Talk about the campers.|Call-1 campers]]</div>
<</if>>
<div class="option">[[OK thanks.|Living room-1]] (Hang up)</div>
</div>
<div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
<<if hasVisited("Mountain campsite-1 Campers-1 sassy2")>>
Yeah, I did just get a call from someone named $camper1name. You best watch yourself, Ranger. We're on a shoestring budget here but that doesn't mean we can be so blaise.
<<elseif hasVisited("Mountain campsite-1 Campers-1 concerned" and not hasVisited("Mountain campsite-1 Campers-1 resolve")>>
Sounds like they're in need of some tent stakes. There should be some around your cabin somewhere.
<</if>>
</div>
</div>
<div class="options-container">
<div class="option">[[Ask what to do.|Call-1 what to do]]</div>
<<if $inventory.has('key')>>
<div class="option">[[Ask about the key you found.|Call-1 key]]</div>
<</if>>
<div class="option">[["Got it."|Living room-1]] (Hang up)</div>
</div>
<div class="storybox-container">
<div class="titlebox">$camper1name</div>
<div class="storybox">
Would you wanna join us for our campfire tonight? We were going to make s'mores, and try to tell some stories for the kiddos.
</div>
</div>
<div class="options-container">
<div class="option">[["Sure thing! I'll be over later, I have some stuff to do before I get to it."|Mountain campsite-1 campfire soon]]</div>
<div class="option">[["Of course, I'm ready."|Mountain campsite-1 campfire now]]</div>
<div class="option">[["No, thanks."|Mountain campsite-1 Campers-1 campfire-no]]</div>
</div><div class="storybox-container">
<div class="titlebox">$camper1name</div>
<div class="storybox">
<<if visited() > 1>>
I'm just setting up the campfire. Thanks again for your help. Hopefully I'll see you again soon, under better circumstances!
<<else>>
No worries, see you around.
<</if>>
</div>
</div>
<div class="options-container">
<div class="option">[["Bye!"|Mountain campsite-1][$log to $log + "The campers invited me to a campfire, but I said no."]]>>]</div>
</div><div class="storybox-container">
<div class="titlebox">$camp1name</div>
<div class="storybox">
<<if visited() > 1>>
Ready for the campfire?
<<else>>
Gotcha, let me know when you're ready.
<</if>>
</div>
</div>
<div class="options-container">
<div class="option">[["Yup, let's go!"|Mountain campsite-1 campfire now][$log to $log + " The campers invited me to a campfire."]]>>]</div>
<div class="option">[["One sec, I have something else to do."|Mountain campsite-1]]</div>
</div><div class="storybox-container">
<div class="titlebox">$camper1name</div>
<div class="storybox">
<<if visited("Mountain campsite-1 campfire soon")>>
Hey, glad you could make it! <br>
<</if>>
Let's get the fire started... Would you mind telling the kiddos a story?
</div>
</div>
<div class="options-container">
<div class="option">[["Sure thing!"|Mountain campsite-1 campfire story]]</div>
<div class="option">[["I'd rather just sit back, if that's ok."|Mountain campsite-1 campfire nothing]]</div>
</div><div class="storybox-container">
<div class="storybox">
You start to tell a story about a...
</div>
</div>
<div class="options-container">
<div class="option">[[Giant bear.|Mountain campsite-1 story 2][$log to $log + " I told a story about a giant bear "]]</div>
<div class="option">[[Angry mountain.|Mountain campsite-1 story 2][$log to $log + " I told a story about an angry mountain "]]</div>
<div class="option">[[Mysterious stranger.|Mountain campsite-1 story 2][$log to $log + " I told a story about a mysterious stranger "]]</div>
</div><div class="storybox-container">
<div class="storybox">
<<if $inventory.has('key')>>
There's nothing here but dust bunnies.
<<else>>
There's something shiny under the bed, surrounded by dust bunnies.
<</if>>
</div>
</div>
<div class="options-container">
<<if not $inventory.has('key')>>
<div class="option"><<link [[Grab the shiny thing and get up.|Bedroom-1]]>> <<pickup '$inventory' 'key'>>
<<flash "Added a <b>key</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<div class="option"><<return "Go back to the bedroom.">></div>
</div><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
You found a key? Under your bed?<<type 80ms>>...<</type>><<timed 3s t8n>>Oh yeah! It's the kayak key. There's a kayak by the coast all locked up. The key's for that.<</timed>>
</div>
</div>
<div class="options-container">
<div class="option">[[Ask what to do.|Call-1 what to do]]</div>
<<if hasVisited("Mountain campsite-1 Campers-1")>>
<div class="option">[[Talk about the campers.|Call-1 campers]]</div>
<</if>>
<div class="option">[["Got it."|Living room-1]] (Hang up)</div>
</div><div class="storybox-container">
<div class="storybox">You manage to unlock the kayak.</div>
</div>
<div class="options-container">
<div class="option">[[Take the kayak out on the water.|Beach-1 water]]</div>
</div>
<<set $music to "Waves2">><div class="storybox-container">
<div class="storybox">You start at the southern edge of the forest.</div>
</div>
<div class="options-container">
<div class="option">[[Go north into the forest.|Forest trail 14]]</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T138|Forest trail 8]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T138" $T138 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1312|Forest trail 12]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1312" $T1312 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1314|Forest trail 14]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1314" $T1314 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T1510|Forest trail 10]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1510" $T1510 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1514|Forest trail 14]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1514" $T1514 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T127|Forest trail 7]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T127" $T127 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1213|Forest trail 13]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1213" $T1213 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T149|Forest trail 9]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T149" $T149 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1413|Forest trail 13]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1413" $T1413 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1415|Forest trail 15]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1415" $T1415 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1416|Forest trail start]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1416" $T1416 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T85|Forest trail 5]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T85" $T85 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T87|Forest trail 7]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T87" $T87 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T89|Forest trail 9]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T89" $T89 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T813|Forest trail 13]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T813" $T813 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div>
<div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T78|Forest trail 8]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T78" $T78 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T712|Forest trail 12]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T712" $T712 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees and at a small cliff overlook, a common spot for hikers to have lunch.</div>
</div>
<div class="options-container">
<div class="option">[[$T1110|Forest trail 10]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1110" $T1110 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div></div>
<div class="storybox-container">
<div class="storybox">You're surrouneded by trees, and to the north is a large boulder.</div>
</div>
<div class="options-container">
<div class="option">[[$T98|Forest trail 8]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T98" $T98 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T910|Forest trail 10]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T910" $T910 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T914|Forest trail 14]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T914" $T914 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees, except to the west where there's a large boulder.</div>
</div>
<div class="options-container">
<div class="option">[[$T64|Forest trail 4]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T64" $T64 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T610|Forest trail 10]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T610" $T610 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div></div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T43|Forest trail 3]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T43" $T43 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T46|Forest trail 6]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T46" $T46 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div></div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees, except to the east where there's a large boulder.</div>
</div>
<div class="options-container">
<div class="option">[[$T52|Forest trail 2]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T52" $T52 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T58|Forest trail 8]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T58" $T58 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T106|Forest trail 6]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T106" $T106 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T109|Forest trail 9]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T109" $T109 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1011|Forest trail 11]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1011" $T1011 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T1015|Forest trail 15]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T1015" $T1015 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees.</div>
</div>
<div class="options-container">
<div class="option">[[$T23|Forest trail 3]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T23" $T23 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T25|Forest trail 5]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T25" $T25 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">You're surrouneded by trees, and to the south is a large boulder.</div>
</div>
<div class="options-container">
<div class="option">[[$T31|Forest trail 1]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T31" $T31 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T32|Forest trail 2]] / <<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T32" $T32 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
<div class="option">[[$T34|Forest trail 4]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T34" $T34 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div>
<div class="storybox-container">
<div class="storybox">You've reached the peak, and you are blessed with a small clearing and a beautiful view of almost the entire Neverglades.</div>
</div>
<div class="options-container">
<div class="option">[[$T13|Forest trail 3]] /
<<if $inventory.has("paint and brushes")>><<link "Paint over.">>
<<script>>
Dialog.setup("Painting over a trail sign");
Dialog.wiki('<<textbox "$T13" $T13 autofocus>> <<button "Paint it!">><<run Dialog.close()>><<script>>state.display(state.active.title, null, "back")<</script>> <</button>>');
Dialog.open();
<</script>>
<</link>><</if>>
</div>
</div><div class="storybox-container">
<div class="storybox">There's a beautiful line of coniferous and pine trees in front of you. You also notice a trailhead nearby.</div>
</div>
<div class="options-container">
<div class="option">[[Go to the trail head.|Forest trail start]]</div>
</div>
<<set $music to "Forest1">><div class="storybox-container">
<div class="storybox">
As you sit aside, someone tells all the kids a scary story about a mountain or a bear or a person or something. You aren't really paying attention, but it does seem scary.
<br>
And before you know it, you've had enough s'mores to last all year long, and you're ready to hit the hay.
</div>
</div>
<div class="options-container">
<div class="option">[[Write your log entry and go to bed.|Pre Week 2]]</div>
</div><div class="storybox-container">
<div class="storybox">
That tries to...
</div>
</div>
<div class="options-container">
<div class="option">[[Save the world.|Mountain campsite-1 story 3][$log to $log + "that tries to save the world "]]</div>
<div class="option">[[Reclaim the land.|Mountain campsite-1 story 3][$log to $log + "that tries to reclaim the land "]]</div>
<div class="option">[[Eat rotten kids!|Mountain campsite-1 story 3][$log to $log + "eat rotten kids "]]</div>
</div><div class="storybox-container">
<div class="storybox">
Until one day they...
</div>
</div>
<div class="options-container">
<div class="option">[[Dissolve in the rain.|Mountain campsite-1 story 4][$log to $log + "until they dissolve in the rain."]]</div>
<div class="option">[[Hide in the forest.|Mountain campsite-1 story 4][$log to $log + "but then they hide in the forest. "]]</div>
<div class="option">[[Walk into the ocean.|Mountain campsite-1 story 4][$log to $log + "and then they walk into the ocean."]]</div>
</div><div class="storybox-container">
<div class="storybox">
And all the children scream! The parents gather their children up, somewhat confused by your story but appreciative that you could entertain them for a little while.
<br>
And now, it's time for bed.
</div>
</div>
<div class="options-container">
<div class="option">[[Write your log entry and go to bed.|Pre Week 2][$log to $log + " It made all the kids scared. But I think that's good at a campfire? The parents liked it, anyway."]]</div>
</div><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
<i><<type 40ms>>
Riiiiing.... Riiiiing....
<</type>></i>
<br>
<<timed 2s t8n>> Hello? We're in the same room, you can just talk to me...<</timed>>
</div>
</div>
<<timed 2.5s>>
<div class="options-container">
<div class="option"><<return "Hang up">></div>
</div>
<</timed>>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">Out on the water, you can see the cliffs that hang over the water, and even the peak of the moutain that you can hike to on the forest trail.
</div>
</div>
<div class="options-container">
<div class="option"><<return "Head back to the beach.">></div>
</div>
<<set $music to "Waves1">><div class="storybox-container">
<div class="storybox"> The bedroom is a boring as ever.
<br>
<<if not hasVisited("Mountain campsite-2","Forest-2","Beach-2")>>
You can't go to sleep yet, you haven't visited every location.
<</if>>
</div>
</div>
<div class="options-container">
<<if hasVisited("Mountain campsite-2","Forest-2","Beach-2")>>
<div class="option">[[Write your log and end the day.|Pre Week 3]]</div>
<</if>>
<<if not hasVisited("Bedroom-1 search")>>
<div class="option">[[Search bedroom.|Bedroom-2 search]]</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">There are some common things here, and some uncommon things. Watch out, some of the stuff is sharp.</div>
</div>
<div class="options-container">
<<if not $inventory.has('paint and brushes')>>
<div class="option"><<link [[Pick up some paint and paint brushes.|Kitchen-2 drawer]]>> <<pickup '$inventory' 'paint and brushes'>>
<<flash "Added <b>paint and brushes</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('dry firestarter')>>
<div class="option"><<link [[Pick up a dry firestarter.|Kitchen-2 drawer]]>> <<pickup '$inventory' 'dry firestarter'>>
<<flash "Added <b>dry firestarter</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<div class="option"><<return "Go back to the Kitchen.">></div>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">There's a reading chair, lamp, no fan or air conditioning, and poorly insulated windows. On a side table there's a phone that only calls Headquarters. There are also some tent stakes in the corner.</div>
</div>
<div class="options-container">
<div class="option">[[Call the main Ranger Station.|Call-2]]</div>
<<if not $inventory.has('tent') or not $inventory.has('tent stakes','rope')>>
<div class="option"><<link [[Pick up the tent.|Living room-2]]>> <<pickup '$inventory' 'tent'>>
<<flash "Added <b>tent</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('tent stakes') and not $inventory.has('tent')>>
<div class="option"><<link [[Pick up just the tent stakes.|Living room-2]]>> <<pickup '$inventory' 'tent stakes'>>
<<flash "Added <b>tent stakes</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if $inventory.has('tent stakes') and not $inventory.has('tent (without stakes)')>>
<div class="option"><<link [[Pick up the tent without the stakes.|Living room-2]]>> <<pickup '$inventory' 'tent (without stakes)'>>
<<flash "Added <b>tent (without stakes)</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('rope') and not $inventory.has('tent')>>
<div class="option"><<link [[Pick up just the rope from the tent pack.|Living room-2]]>> <<pickup '$inventory' 'rope'>>
<<flash "Added <b>rope</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
</div>
<<set $music to "Forest2-muffled">><div class="storybox-container">
<div class="storybox">
<<if hasVisited("Mountain campsite-1 Campers-1 resolve")>>
The camp is put together, although the tents aren't in great shape. But at least they're standing!
<<else>>
The camp is looking a little rough around the edges, and some campers have clearly left the park.
<</if>>
</div>
</div>
<div class="options-container">
<div class="option">[[Talk to the campers.|Mountain campsite-2 Campers]]</div>
</div>
<<set $music to "Forest2">><div class="storybox-container">
<div class="storybox">There's a beautiful line of coniferous and pine trees in front of you, and a trailhead nearby.</div>
</div>
<div class="options-container">
<div class="option">[[Go to the trail head.|Forest trail start]]</div>
</div>
<<set $music to "Forest1">><div class="storybox-container">
<div class="storybox">
The water is tumultuous and the tide is high. In the distance, you can see some people out in kayaks, struggling to come back to shore.
</div>
</div>
<div class="options-container">
<<if $inventory.has('key')>>
<div class="option">
<<link [[Unlock kayak and take it out on the water.|Beach-2 water][$kayakUnlocked to true]]>>
<<flash "Removed <b>key</b> from your inventory.">>
<<flashType "error">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if $kayakUnlocked>>
<div class="option">[[Take the kayak out on the water.|Beach-2 water]]</div>
<</if>>
</div>
<<set $music to "Waves2">><div class="transition">
WEEK 2
</div>
<div class="options-container">
<div class="option">[[Get started on a new day.|Week 3-RangerStation]]</div>
</div>
<<set $log to "">>
<<set $day to 3>><div class="storybox-container">
<div class="storybox">
<<if $log == "">>
<<set $log to "I went to every site today and went straight to bed.">>
<</if>>
Time to write up my log...
<<typesim $log>>
<</typesim>>
</div>
</div>
<div class="options-container" id="typedone1" style="display:none">
<div class="option">[[Add the log to the logbook.|Week 3][$logbook.push($log)]]</div>
</div>
<<script>>
$(document).on(':type-sim-end', function (ev) {
document.getElementById("typedone1").style.display = "block";
console.log('Typing simulation message: ', ev.message);
});
<</script>><div class="storybox-container">
<div class="storybox">
That's all for now! Thanks for playing!
</div>
</div>
<div class="storybox-container">
<div class="storybox">
<<if $inventory.has('key')>>
There's nothing here but dust bunnies.
<<else>>
There's something shiny under the bed, surrounded by dust bunnies.
<</if>>
</div>
</div>
<div class="options-container">
<<if not $inventory.has('key')>>
<div class="option"><<link [[Grab the shiny thing and get up.|Bedroom-2]]>> <<pickup '$inventory' 'key'>>
<<flash "Added a <b>key</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<div class="option"><<return "Go back to the bedroom.">></div>
</div><div class="storybox-container">
<div class="storybox">There are some common things here, and some uncommon things. Watch out, some of the stuff is sharp.</div>
</div>
<div class="options-container">
<<if not $inventory.has('paint and brushes')>>
<div class="option"><<link [[Pick up some paint and paint brushes.|Kitchen-2 drawer]]>> <<pickup '$inventory' 'paint and brushes'>>
<<flash "Added <b>paint and brushes</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
<<if not $inventory.has('dry firestarter')>>
<div class="option"><<link [[Pick up a dry firestarter.|Kitchen-2 drawer]]>> <<pickup '$inventory' 'dry firestarter'>>
<<flash "Added <b>dry firestarter</b> to your inventory.">>
<<flashType "success">>
<<Timeout 6000>>
<</flash>>
<</link>>
</div>
<</if>>
</div><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
<i><<type 40ms>>
Riiiiing.... Riiiiing....
<</type>></i>
<br>
<<if hasVisited("Call-2") and not hasVisited("Call-2 what to do") and not hasVisited("Call-2 campers")>>
<<timed 2s t8n>> You again? Are you going to hang up on me again?<</timed>>
<<else>>
<<timed 2s t8n>> Hello?<</timed>>
<</if>>
</div>
</div>
<<timed 2.5s>>
<div class="options-container">
<div class="option">[[Ask what to do.|Call-2 what to do]]</div>
<<if $inventory.has('key')>>
<div class="option">[[Ask about the key you found.|Call-2 key]]</div>
<</if>>
<div class="option">[[Hang up.|Living room-2]]</div>
</div>
<</timed>><div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
<<if not hasVisited("Mountain campsite-2","Forest-2","Beach-2")>>
Remember to visit every location everyday! That's the campsite in the mountains, those forest trails, and the beach.
<br> Between you and me, I'm not saying you need to help everyone out with every little thing. But you do need to at least make the rounds.
<<else>>
Well, if you've visited everywhere, which I bet you have by now... You could jut do your entry in your logbook and go to bed.
<</if>>
</div>
</div>
<div class="options-container">
<div class="option">[[OK thanks.|Living room-2]] (Hang up)</div>
</div>
<div class="storybox-container">
<div class="titlebox">Senior Ranger</div>
<div class="storybox">
You found a key? Under your bed?<<type 80ms>>...<</type>><<timed 3s t8n>>Oh yeah! It's the kayak key. There's a kayak by the coast all locked up. The key's for that.<</timed>>
</div>
</div>
<div class="options-container">
<div class="option">[[Ask what to do.|Call-2 what to do]]</div>
<div class="option">[["Got it."|Living room-2]] (Hang up)</div>
</div><div class="storybox-container">
<div class="titlebox">Camper</div>
<div class="storybox">
Did you see what happened at the beach?!
</div>
</div>
<div class="options-container">
<<if hasVisited("Beach-2")>> <<if $inventory.has("key")>>
<div class="option">[[Yeah, I'm working on it.|Mountain campsite-2 Campers-2]]</div>
<<else>>
<div class="option">[[Yeah, have you seen a key anywhere?|Mountain campsite-2 Campers-2 key]]</div>
<</if>>
<<else>>
<div class="option">[[No, what happened?|Mountain campsite-2 Campers-2 has not heard][$camperHappiness to $camperHappiness--]]</div>
<</if>
</div><div class="storybox-container">
<div class="titlebox">Camper</div>
<div class="storybox">
Thank goodness... What are you doing standing around talking to me?! Go help them!
</div>
</div>
<div class="options-container">
<div class="option">[[Right, right.|Mountain campsite-2]]</div>
</div><div class="storybox-container">
<div class="titlebox">Camper</div>
<div class="storybox">
A key?... You... lost a key? I don't know. Whenever my kid loses something, it always ends up under their bed somehow.
</div>
</div>
<div class="options-container">
<div class="option">[[Hmmm... Thanks for the advice.|Mountain campsite-2]]</div>
</div><div class="storybox-container">
<div class="titlebox">Camper</div>
<div class="storybox">
What kind of ranger are you?! Go to the beach! There are people in trouble!
</div>
</div>
<div class="options-container">
<div class="option">[[Okay, I'll go!|Mountain campsite-2]]</div>
</div><div class="storybox-container">
<div class="storybox">
You take the kayak out, attempting to paddle to the campers.
</div>
</div>
<div class="options-container">
<div class="option">[[Paddle closer.|Beach-2 water paddle]]</div>
<<if $inventory.has("rope")>>
<div class="option">[[Toss the rope, holding one end.|Beach-2 water rope]]</div>
<</if>>
<div class="option"><<return "Head back to the beach.">></div>
</div>
<<set $music to "Waves3">>