# data[].attributes.headline
Oil Spills and their Environmental Impact

# data[].attributes.subject
Oil Spills and their Environmental Impact

# data[].attributes.attachment_link.readable_text
 <!-- Navbar --> <div class= "navbar"> <a href="#cards">Spill History</a> <a href="#content1">Environmental Effects</a> <a href="#gallery">Restoration Methods</a> <a href="#content2">Spill Cleanup</a> </div> <!-- Jumbotron --> <div id="jumbotron"><img src=https://www.greenpeace.org/static/planet4-international-stateless/2020/09/5a4f7d68-gp1su9nb-1024x576.jpg> <h1>Oil Spills And Their Environmental Impact</h1></div> <br class="Break"> <!-- cards --> <div id="cards"> <div class= "card" id= "DeepwaterHorizon"> <div> <img src="https://cdn.britannica.com/59/139559-050-B9437E07/Debris-oil-rig-Deepwater-Horizon-April-22-2010.jpg" id="Image1" class="Images"> </div> <h3>Deepwater Horizon, April 20, 2010</h3> <p> In 2010, oil was discovered under the gulf of mexico. A factory was put into place to collect the oil. On April 20, 2010, natural gas bursted a concrete core in the factory. This caused the worst oil spill in US history- the deepwater horizon spill. This oil spill did not only kill 11 workers, but injured 17. </p> </div> <div class= "card" id= "ExxonValdez"> <div> <img src="https://cdn2.picryl.com/photo/1989/03/28/exxon-valdez-96f28d-1024.jpg" id="Image2"class="Images"> </div> <h3>Exxon Valdez, March 24, 1989</h3> <p>On March 24, 1989, an oil tanker (Exxon Valdes) hit a Reef. This boat was carrying roughly 54 million gallons of gas, 11 million of which were released into the ocean, making this one or the largest oil spills in US history. As shown in the image, hot water washing was one of the many techniques used to clean up after the Exxon Valdez Oil spill.</p> </div> <div class= "card" id= "ArgoMerchant"> <div><img src="https://live.staticflickr.com/4153/5182057658_145abc2db0_b.jpg" id="Image3"class="Images"></div> <h3>Argo Merchant, December 16, 1976</h3> <p>On December 16, 1976, a boat loaded with oil was heading for oregon to deliver a winter's supply of oil. The boat had two unqualified crew members, outdated maps, and a broken gyrocompass. The boat was unknowingly 24 miles off cource, and hit the ground in a 10 foot deep area. All crew members were evacuated and survived, however the next day the boat split in half and sank, releasing 7.7 million gallons of oil into the ocean.</p> </div> <div class= "card" id= "MegaBorg"> <div> <img src="https://live.staticflickr.com/4086/5181458317_9c3388d01d_b.jpg" id="Image4"class="Images"> </div> <h3>Mega Borg, June 8, 1990</h3> <p>On June 8, 1990, a boat named the "Mega Borg" suffered an explosion while moving oil to another boat. The mega borg was carrying almost 40 million galons of oil, but fortunatly, only 5.1 million got released. After the explosion, for the first time, coast gaurds released oil eating bacteria into the water to try and restore it.</p> </div> <div class= "card" id= "Westchester"> <div> <img src="https://cdn2.picryl.com/photo/2000/11/29/mv-westchester-oil-spill-9c3bf4-1024.jpg" id="Image5"class="Images"> </div> <h3>Westchester, November 28, 2000</h3> <p> On tuesday, November 38, 2000, an 800 foot tanker lost power, and ran aground. The boat was carrying over 2.2 million gallons of nigerian crude oil, and spilt 567,000 gallons. This is equal to about 2/3 of an olympic sized swimming pool. </p> </div> <div class= "card" id= "DamageAndCleanup"> <div> <img src="https://cdn2.picryl.com/photo/2010/06/22/cleanup-efforts-59384f-1600.jpg" id="Image6"class="Images"> </div> <h3>Damage and Cleanup</h3> <p>Oil spills can cause even more damage than letting oil into water and polluting it. Animals can be found plastered with oil. Juat try to imagine what that would be like for them! they are not able to get clean by themselves. They have to have people clean them up. While there is hardly anything we can do to prevent these spills in the first place, we can clean up after them. The image above shows the most common spill cleanup method. Becuase oil floats to the top of the water, and so do these borders, they can help block the oil from getting out further into the body of water.</p> </div> </div> <div><a href="#jumbotron" class="BackToTop">Back To Top</a></div> <br class="Break"> <!-- content2 --> <div id="content1"> <h3>How do oil spills affect animals?</h3> <div> <p> Oil spills can be incredibly damaging to animals. The pelicans shown in the image below were covered in oil during an oil spill. They had to be taken from their habitat to be cleaned. There are some programs such as <a href= "https://www.birdrescue.org/">The International Bird Rescue Research Center</a> that take birds, clean and take care of them for a little while, and when they are healthy again, they let them go. This can make a huge affect on the well-being of the birds who were affected during oil spills. </p> <img src="https://images.ctfassets.net/cnu0m8re1exe/6TXgm4tpQkP1me9mDnxYTo/b82e54ce12af5428321defb4c1be5f87/pelicans.jpg?fm=jpg&fl=progressive&w=660&h=433&fit=fill" class="Image"> <p>Birds are not the only animals affected by oil spills, but marine life too. The picture below shows a beautiful turtle covered in oil. It is horrible for just one animal to be covered in oil like this, but it is even more terrible that more than 6,165 sea turtles, 25,900 marine animals, and 82,000 birds are harmed, or killed from oil spills each year. The program named <a href= "https://www.marinemammalcenter.org/">The Marine Mammal Center</a> in San Francisco, California does basically the same thing that The International Bird Rescue Research Center does, but instead of finding birds, it finds marine animals in critical condition, takes them for awhile until they are better, and releases them back into the wild.</p> <img src="https://live.staticflickr.com/5612/14929731544_c1717fb14a_b.jpg" class="Image"> </div> </div> <div><a href="#jumbotron" class="BackToTop">Back To Top</a></div> <hr> <!-- gallery --> <div id="gallery"> <figure> <div> <img src= "https://www.marineinsight.com/wp-content/uploads/2021/04/oil-spill-boom-1.png.webp" class="Image" id="OilBoom"> </div> <figcaption>Oil boom</figcaption> </figure> <figure> <div> <img src="https://cdn10.picryl.com/photo/2006/04/29/two-offshore-skimmer-vessels-tow-a-boom-floating-barrier-across-the-water-during-ebc898-1024.jpg" class="Image" id="Skimmer"> </div> <figcaption>Skimmer</figcaption> </figure> <figure> <div> <img src="https://cdn2.picryl.com/photo/2010/07/10/in-situ-burn-ignition-79846b-1600.jpg" class="Image" id="BurningOil"> </div> <figcaption>Burning the oil</figcaption> </figure> <figure> <div> <img src="https://live.staticflickr.com/2339/2269862567_0c8f435542_b.jpg" class="Image" id="UsingDispersants"> </div> <figcaption>Using oil eating bacteria</figcaption> </figure> <figure> <div> <img src="https://live.staticflickr.com/1280/4701564499_ef590c855a_b.jpg" class="Image" id="ManuelLabor"> </div> <figcaption>Manuel labor</figcaption> </figure> <figure> <div> <img src="https://response.restoration.noaa.gov/sites/default/files/images/13/cleanup-workers-high-pressure-hoses-exxon-valdez-oil-spill-trustee-council_356.jpg" class="Image" id="HotWaterWashing"> </div> <figcaption id="6">Hot water Washing</figcaption> </figure> </div> <div><a href="#jumbotron" class="BackToTop">Back To Top</a></div> <br class="Break"> <!-- content1 --> <div id="content2"> <h2>Cleanup Steps:</h2> <p>Lets talk about the cleanup of an oil spill. As you read on the flash cards page, oil spills can be very damaging. It is important that we clean up after them as soon, and as quickly as possible. There are a few ways to clean up after them. The first being booms. Booms are sort of like pool noodles, they float on top of the water. if you put them around oil, it will keep it contained. Next is absorbents. Things such as grass and dirt are put into the water to soak up the oil. Skimmers are another good option, once the oil is contained in the booms, the skimmer picks it up. Another good option is burning in-situ. This is when you burn the oil. Water is not flammable, but oil is. So when you burn the oil, the fire will not spread, and the oil will be gone. While there are other choices to get oil from spills cleaned up, these are the most solid options. It is very important to clean up oil spills, and help maintain the environment as much as we can. </p> <iframe width="734" height="413" src="https://www.youtube.com/embed/3DbSlAg3F3A" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div><a href="#jumbotron" class="BackToTop" id="EndButton">Back To Top</a></div>

# data[].attributes.attachment_link.title
Oil Spills And Their Environmental Impact

# data[].attributes.attachment_link.readable_text
 //these are the variables for the mini puzzle room in chapter 1 let metalPieces = 0; let couchMetal = false; let paintingMetal = false; //these variables are for the main puzzle room in chapter 2 let food = 0; let fruitCup = false; let apple = false; let paperCode = 0; let guess; let safecode = false; let key = false; let paperCode1 = false; let paperCode2 = false; let paperCode3 = false; let paperCode4 = false; let screwdriver = false; let watch = false; //<br> makes a break in the text, or skips a line// function draw() { guess = random(1,6); } $(document).ready(function(){ /*this is the first thing that happens when a player starts the game... */ function introduction(){ change_image("https://www.iconpacks.net/icons/2/free-contract-icon-1943-thumb.png"); change_title("Puzzle Storybook Adventure"); change_text("Welcome " + "player ".italics() + "to our puzzle game. <br><br> You are not the only person participating in our little game. <br> <br> " + "There are a couple of rules: <br> 1. First one to the finish area wins. <br> 2. You must complete every challenge to win. <br> 3. If you fail the challenge or get the answer or solution incorrect, then you are eliminated from the challenge. <br> <br>".bold() + "Have fun!!! <br> <br> The winner gets $1,000,000 or whatever is behind the mystery curtain (prize may include a new car, a cruise, or a vacation trip for the family). <br> <br>" + "Player: I'll do it. I'm gonna win this. I'm gonna be rich!!!".italics() ); change_buttons({"Start": introRoom}); /* this "introduction" references the function introduction we can now create below... */ } //this is the start of the storybook function introRoom() { change_image("https://www.iconpacks.net/icons/2/free-contract-icon-1943-thumb.png"); change_title("Prologue: Main Building"); change_text("You walk into the huge building, and you see a bunch of players reading the same thing you read outside. <br> Everyone seems excited to try and win the prize."); change_buttons({"round1": round1}); } //this is where they make their first choice function round1() { change_image("https://www.tomorrowtodayglobal.com/wp-content/uploads/3doors.jpg"); change_title("Prologue: Door Choice"); change_text("You and all the other players walk into the room. <br> <br> The sign reads: " + "pick a door to start the first round!!! <br> <br>".italics() + "(Note: There are 400 players remaining!)"); change_buttons({"trivia": trivia, "riddle": riddle, "puzzle room": puzzle_room}); } //this function if for when they choose the trivia choice in the first round function trivia() { change_image("https://de7i3bh7bgh0d.cloudfront.net/2021/04/23/15/25/42/3d99902d-f1f6-4245-b411-afe76f7b30c3/WSJ2021_issue22_BlogHeader_1200x630.jpg"); change_title("Chapter 1: Trivia"); change_text("You walk into a room, when the host shows up on a tv screen and says:" + "Welcome to trivia house <br> <br>".italics() + "I hope you are ready to win, because todays topic is: " + "Anime!!! <br> <br>".bold() + "There will be a door marked with an answer. Make a line behind the corisponding door. Once everyone is lined up, you may enter. <br> <br> Your Question is: " + "Which is considered the father of Shonen Jump".italics()); change_buttons({"Dragonball": correct, "Naruto": incorrect, "One Piece": incorrect}); } //this function if for when they choose the riddle choice in the first round function riddle() { change_image("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR1HFe2yTcWu_NBmn-B4b1wdTkV4dPGfpwUMw&usqp=CAU"); change_title("Chapter 1: Riddle"); change_text("Here's your riddle: " + "What has hands, but no arms? What has eyes, but cant see? What is impatient?".italics()); change_buttons({"time": incorrect,"a grandfather clock": correct,"puzzles": incorrect}); } //this function if for when they choose the puzzle room choice in the first round function puzzle_room() { change_image("https://templatelab.com/wp-content/uploads/2017/04/puzzle-piece-template-13.jpg"); change_title("Chapter 1: Puzzle Room"); change_text("You walk into a room, and you see a nicely decorated room. It has a nice couch, a grandfather clock, and nice paintings. <br> <br> Player: Hmm. I wonder what the answer could be. Maybe I should look around."); change_buttons({"look around": look_around, "give up": give_up}); } //this is for if you choose to look around function look_around() { change_image("https://wompampsupport.azureedge.net/fetchimage?siteId=7575&v=2&jpgQuality=100&width=700&url=https%3A%2F%2Fi.kym-cdn.com%2Fentries%2Ficons%2Foriginal%2F000%2F031%2F197%2Fvisible.jpg"); change_title("Chapter 1: Puzzle Room"); change_text("Player: I wonder where I should look. Maybe the paintings. I wonder about the couch. That clock looks strange"); change_buttons({"Investigate the couch": Couch, "Investigate the paintings": Painting, "Investigate the clock": Clock}); } //this function is for when you investigate the couch in the mini puzzle room function Couch() { change_image("https://secure.img1-fg.wfcdn.com/pp/91378491/resize-h600-w600%5Ecompr-r85/8140/81409053/Sofas.jpg"); change_title("Chapter 1: Puzzle Room"); if (couchMetal === false) { metalPieces++; } change_text("You investigate the couch, and remove all the cushins. <br> <br>" + "You Found A Metal Piece <br> ".italics() + "Metal Pieces: " + metalPieces); couchMetal = true; change_buttons({"Investigate more": look_around}); } //this function is for when you investigate the paintings function Painting() { change_image("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTw9druubN7gFP54Bi9oBWLSk50JyUdGDQXGQ&usqp=CAU"); change_title("Chapter 1: Puzzle Room"); if (paintingMetal === false) { metalPieces++; } change_text("You investigate the paintings, and nothing seems to happen at first, but one of the paintings is strange. <br> <br>" + "You rotate the painting and find another piece of metal. <br> ".italics() + "Metal Pieces: " + metalPieces); painingMetal = true; change_buttons({"Investigate more": look_around}); } //this function is for everything involving the clock in the mini puzzle room function Clock() { if (metalPieces < 2) { change_image("https://m.media-amazon.com/images/I/918S9VzzCzS._AC_SL1500_.jpg"); change_title("Chapter 1: Puzzle Room"); change_text("There seems to be pieces missing on the clock."); change_buttons({"Investigate": look_around}); } else if (metalPieces === 2) { change_image("https://m.media-amazon.com/images/I/918S9VzzCzS._AC_SL1500_.jpg"); change_title("Chapter 1: Puzzle Room"); change_text("You put the metal pieces in the clock and a door opens. <br> <br> You move on to the next round."); change_buttons({"continue on": round2}); } } //this function is for if you give up one the puzzle room function give_up () { change_image("https://c.tenor.com/m5WLLoe7FTAAAAAM/i-give-up-heavenly-kimes.gif"); change_title("You Gave Up"); change_text("You gave up on the puzzle room. <br> <br> You are eliminated."); change_buttons({"restart": introduction}); } //this function is for when they move on to round two function round2() { change_image("https://c.tenor.com/-iop9obK0IwAAAAC/i-want-to-play-a-game-play-time.gif"); change_title("Chapter 2: Intro"); change_text("You walk into a room, and you notice that the amount of players is smaller than it was last time. <br> <br> The host comes on the screen: " + "there are 100 players remaining <br> <br>".italics() + "The next challenge is a puzzle room. You may want to work together on this one. This room will require basic knowledge and critical thinking."); change_buttons({"enter puzzle room": mPuzzleRoom}); } //this function is for them to enter the puzzle room enterance function mPuzzleRoom() { change_image("https://c.tenor.com/-iop9obK0IwAAAAC/i-want-to-play-a-game-play-time.gif"); change_title("Chapter 2: Main Puzzle Room"); change_text("The rules for this puzzle room is simple: <br>" + "Look around for clues <br> Communicate <br> Find the code for the door"); change_buttons({"Enter Puzzle Room": mainRoom}); } //this is the main room of the main puzzle room function mainRoom() { change_image("https://ksassets.timeincuk.net/wp/uploads/sites/56/2021/06/Small-living-room-ideas_Grey-sofa.jpg"); change_title("Chapter 2: Main Room"); change_text("You find yourself in a beautiful room. Theres a wall with some huge paintings, and a couch in front of you. There's a cabinet, a table with flowers, and a door that leads to the hallway. To the right there's 2 doors - one to the dining room and the one to the bathroom and a dresser. <br> <br> What will you do?"); change_buttons({"look at the huge paintings":hugePaintings, "look at the couch":mrCouch, "look in the cabinet":mrCabinet, "look in the dresser":mrDresser, "go in the hallway":hallway, "go in the bathroom":bathroom, "go in the dining room":diningRoom}); } //this is for investigating the huge paintings function hugePaintings() { change_image("https://preview.redd.it/xrsj5g58wfe31.jpg?auto=webp&s=a63a5271af7f9c11ab68c3f80004a6c82a63d057"); change_title("Chapter 2: Main Room - Paintings"); change_text("You investigate the huge paintings and see that the one in the middle is slightly off. <br> <br> You turn it and it opens showing a door with a code on it. <br> <br> The code is four digits. <br> <br> What will you do?"); if (paperCode != 4) { change_buttons({"guess the code": guessCode, "look around": mainRoom}); } else { change_buttons({"Input code": finalRoom, "look around": mainRoom}); } } //this is the couch in the main room of the puzzle room function mrCouch() { change_image("https://lordbrowns.com/wp-content/uploads/2018/03/IMG_4753.jpg"); change_title("Chapter 2: Main Room - Couch"); change_text("You go to the couch. It's a beautiful red linen couch. You notice there are 2 people on the couch. <br> <br> What will you do?"); change_buttons({"talk to them": couchCouple, "look inside the cushins": couchCushions, "go back": mainRoom}); } //this is when you talk to the couple in the main room function couchCouple() { change_image("https://liveboldandbloom.com/wp-content/uploads/2018/04/siQe5Xmw-1-e1605537920690.jpeg"); change_title("Chapter 2: Main Room - Couch"); change_text("Male: Hello there <br> Female: How's it going <br> Me: Who are yall <br> Male: Im taking my girlfriend out to do something exciting, and S saw this place and just had to join <br> Female: Yeah he's so sweet, we dont even care if we win or not <br> Me: Ok then, ill leave ya'll to it"); change_buttons({"go back": mainRoom}); } //this is for when you look in the couch function couchCushions() { change_image("https://lordbrowns.com/wp-content/uploads/2018/03/IMG_4753.jpg"); change_title("Chapter 2: Main Room - Couch"); change_text("You find nothing in the cushins."); change_buttons({"go back": mainRoom}); } //this is for when you search the cabinet in the main room function mrCabinet() { change_image("https://www.ikea.com/us/en/images/products/lommarp-cabinet-with-glass-doors-dark-blue-green__0740569_pe742075_s5.jpg"); change_title("Chapter 2: Main Room - Cabinet"); change_text("You look in the cabinet and find nothing but dvds in there."); change_buttons({"go back": mainRoom}); } //this is for when you search the dresser in the main room function mrDresser() { change_image("https://cb.scene7.com/is/image/Crate/GiaWalnut5DrawerChestSHF19_1x1/$web_pdp_main_carousel_low$/210323153502/gia-walnut-5-drawer-dresser.jpg"); change_title("Chapter 2: Main Room - Dresser"); if (fruitCup === false) { food++; } change_text("You found a fruit cup. <br> <br>" + "You found some food!!<br> ".italics() + "Food: " + food); fruitCup = true; change_buttons({"go back": mainRoom}); } //this is for the hallway of the main puzzle room function hallway() { change_image("https://images.unsplash.com/photo-1495365200479-c4ed1d35e1aa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGFsbHdheXN8ZW58MHx8MHx8&w=1000&q=80"); change_title("Chapter 2: Hallway"); change_text("You make it to the hallway and you see three small paintings, a door to the left, and a door to the right that goes to the bedroom, and someone standing by the door. <br> <br> What will you do?"); change_buttons({"investigate the door on the left":secretRoom, "look at the small paintings":hallwayPaintings, "talk to person":hallwayPerson, "go to bedroom":bedroom, "go back": mainRoom}); } //for the paintings in the hallway function hallwayPaintings() { change_image("https://i.etsystatic.com/24516590/c/2039/1621/0/87/il/48a9ed/3289727031/il_340x270.3289727031_kzfy.jpg"); change_title("Chapter 2: Hallway - Paintings"); change_text("The three paintings have a number on them. I Wonder what its for. <br> <br>" + "You Found A Three Digit Code!!! <br> ".italics()); safecode = true; change_buttons({"go back": hallway}); } //for the person in the hallway function hallwayPerson() { change_image("https://images.unsplash.com/photo-1495365200479-c4ed1d35e1aa?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGFsbHdheXN8ZW58MHx8MHx8&w=1000&q=80"); change_title("Chapter 2: Hallway"); change_text("Man: Those paintings look interesting!"); change_buttons({"go back": hallway}); } //for when you go into the bedroom function bedroom() { change_image("https://media.architecturaldigest.com/photos/5eac5fa22105f13b72dede45/master/pass/111LexowAve_Aug18-1074.jpg"); change_title("Chapter 2: Bedroom"); change_text("You enter a decently furniched room. theres a bed, a cabinet, and a person. <br> <br> What will you do?"); change_buttons({"Talk to the girl":bedroomGirl, "look in cabinet":bedroomCabinet, "go back": hallway}); } //for when you talk to the girl in the bedroom function bedroomGirl() { if (food != 2) { change_image("https://c.tenor.com/s6q8vWdgSnMAAAAC/hungry-anime.gif"); change_title("Chapter 2: Bedroom"); change_text("Woman: Im hungry <br> Woman: Can you get me some food? <br> Woman: If you do ill give you this piece of paper with a number on it <br> Two Food Items Required"); change_buttons({"go back": bedroom}); } else { change_image("https://c.tenor.com/s6q8vWdgSnMAAAAC/hungry-anime.gif"); change_title("Chapter 2: Bedroom"); change_text("Woman: Im hungry <br> Woman: Can you get me some food? <br> Woman: If you do ill give you this piece of paper with a number on it <br> Two Food Items Required"); change_buttons({"Give her the food":giveFood, "go back": bedroom}); } } //for when you give the food to the girl function giveFood () { change_image("https://c.tenor.com/SRPumKVRFU8AAAAd/amine-girl-eating.gif"); change_title("Chapter 2: Bedroom"); if (paperCode1 === false) { paperCode++; } change_text("You found a piece of the code!!<br> ".italics() + "pieces: " + paperCode); paperCode1 = true; change_buttons({"go back": bedroom}); } //for when you look in the cabinet in the bedroom function bedroomCabinet() { change_image("https://www.ikea.com/us/en/images/products/lommarp-cabinet-with-glass-doors-dark-blue-green__0740569_pe742075_s5.jpg"); change_title("Chapter 2: Bedroom - Cabinet"); change_text("There is nothing in the cabinet."); change_buttons({"go back": bedroom}); } //for when you get to the door of the secret room function secretRoom() { if (key === false) { change_image("https://res.cloudinary.com/jerrick/image/upload/f_jpg,fl_progressive,q_auto,w_1024/cv1pyx2otwcppkmyzwbd.jpg"); change_title("Chapter 2: Secret Room"); change_text("This door is locked. Maybe theres a key somewhere <br> Key Required"); change_buttons({"go back": hallway}); } else { change_image("https://res.cloudinary.com/jerrick/image/upload/f_jpg,fl_progressive,q_auto,w_1024/cv1pyx2otwcppkmyzwbd.jpg"); change_title("Chapter 2: Secret Room"); change_text("This door is locked. Maybe theres a key somewhere <br> Key Required"); change_buttons({"Unlock door": enterSecretRoom, "go back": hallway}); } } //for when you enter the secret room function enterSecretRoom() { change_image("https://api.time.com/wp-content/uploads/2015/08/gettyimages-510432887.jpg"); change_title("Chapter 2: Secret Room"); change_text("This room seems to be an old and dusty bedroom. Theres a dresser, cabinet, and a small table. Theres also a person over by the wall. <br> <br> What will you do?"); change_buttons({"talk to person": srPerson, "look on the table": srTable, "look in the cabinet": srCabinet, "look in the dresser": srDresser, "go back": hallway}); } //for when you talk to the person in the secret room function srPerson() { change_image("https://api.time.com/wp-content/uploads/2015/08/gettyimages-510432887.jpg"); change_title("Chapter 2: Secret Room"); change_text("Man: I'm going home"); change_buttons({"go back": enterSecretRoom}); } //for when you look on the table in the secret room function srTable() { change_image("https://api.time.com/wp-content/uploads/2015/08/gettyimages-510432887.jpg"); if (paperCode4 === false) { paperCode++; } change_title("Chapter 2: Secret Room - Table"); change_text("You found a piece of the code!!<br> ".italics() + "pieces: " + paperCode); paperCode4 = true; change_buttons({"go back": enterSecretRoom}); } //for when you search the cabinet in the secret room function srCabinet() { change_image("https://thumbs.dreamstime.com/b/restoration-dusty-kitchen-cabinet-last-century-renovation-interior-concept-copy-space-212735606.jpg"); change_title("Chapter 2: Secret Room - Cabinet"); change_text("There seems to be nothing in this cabinet."); change_buttons({"go back": enterSecretRoom}); } //this is for when you search the dresser in the secret room function srDresser() { change_image("https://agranier.files.wordpress.com/2013/07/img_0383.jpg"); change_title("Chapter 2: Secret Room - Dresser"); change_text("You found a Screwdriver!!<br> ".italics() + "Screwdriver Acquired"); screwdriver = true; change_buttons({"go back": enterSecretRoom}); } //for when you enter the bathroom function bathroom() { change_image("https://i.pinimg.com/originals/9d/17/93/9d1793af653a0af0338dd2afe01c771d.jpg"); change_title("Chapter 2: Bathroom"); change_text("You go into the bathroom and you see a vent, a cabinet, and a person. <br> <br> What will you do?"); change_buttons({"look in the cabinet": bCabinet, "talk to the person": bPerson, "investigate the vent": vent, "go back": mainRoom}); } //for when you look in the cabinet in the bathroom function bCabinet() { change_image("https://m.media-amazon.com/images/I/61Xe94ecmcS._AC_SX466_.jpg"); change_title("Chapter 2: Bathroom - Cabinet"); change_text("Theres nothing in the cabinet"); change_buttons({"go back": bathroom}); } //for when you talk to the person in the bathroom function bPerson() { if (watch === false) { change_image("https://i.pinimg.com/736x/71/81/3e/71813e9548fb97ddafd3930aa33eee25.jpg"); change_title("Chapter 2: Bathroom"); change_text("Man: Im leaving this place, but im not leaving empty handed. If you get me that watch in the vent and you can have this peice of paper <br> <br> Watch Required"); change_buttons({"go back": bathroom}); } else { change_image("https://i.pinimg.com/736x/71/81/3e/71813e9548fb97ddafd3930aa33eee25.jpg"); change_title("Chapter 2: Bathroom"); change_text("Man: Im leaving this place, but im not leaving empty handed. If you get me that watch in the vent and you can have this peice of paper <br> <br> Watch Required"); change_buttons({"Give Watch": giveWatch, "go back": bathroom}); } } //for when you give the guy the watch function giveWatch() { change_image("https://images.squarespace-cdn.com/content/v1/53879958e4b0ef9049182268/1468562680863-OSMOE7UTZWXR215MCCA1/Gold+Watch_Gold+Refiners_Credit_gavran333_iStock.jpg"); change_title("Chapter 2: Bathroom"); if (paperCode3 === false) { paperCode++; } change_text("You found a piece of the code!!<br>" + "pieces: " + paperCode); paperCode3 = true; change_buttons({"go back": bathroom}); } //for when you investigate the vent function vent() { if (screwdriver === false) { change_image("https://www.pippinbrothers.com/sites/default/files/styles/sc_940x470/public/blog/pippin_vent_0.jpg?itok=0YFdkb5y"); change_title("Chapter 2: Bathroom - Vent"); change_text("There seems to be something in the vent, but the vent is locked <br>" + "Screwdriver Required"); change_buttons({"go back": bathroom}); } else { change_image("https://www.pippinbrothers.com/sites/default/files/styles/sc_940x470/public/blog/pippin_vent_0.jpg?itok=0YFdkb5y"); change_title("Chapter 2: Bathroom - Vent"); change_text("There seems to be something in the vent, but the vent is locked <br>" + "Screwdriver Required"); change_buttons({"use screwdriver": useScrewdriver, "go back": bathroom}); } } function useScrewdriver() { change_image("https://www.pippinbrothers.com/sites/default/files/styles/sc_940x470/public/blog/pippin_vent_0.jpg?itok=0YFdkb5y"); change_title("Chapter 2: Bathroom - Vent"); change_text("You found a watch. <br> <br>".italics() + "Watch Acquired"); watch = true; change_buttons({"go back": bathroom}); } // for when you go in the dining room function diningRoom() { change_image("https://i.pinimg.com/originals/08/3f/84/083f84afe95abaa1aa549da3f5fa631f.jpg"); change_title("Chapter 2: Dining Room"); change_text("Theres a door to the kitchen to your left, a guy to your right, and a table in front of you. <br> <br> What will you do?"); change_buttons({"go to kitchen":kitchen, "investigate the table":Table, "talk to guy": diningPerson,"go back": mainRoom}); } // for when you talk to the person in the dining room function diningPerson() { change_image("https://c.tenor.com/S32AOs53m78AAAAC/l-lawliet-death-note.gif"); change_title("Chapter 2: Dining Room"); change_text("Man: There's a safe on the table and it needs a three-digit code"); change_buttons({"go back": diningRoom}); } //for the safe on the table function Table() { if (safecode === false) { change_image("https://d1lss44hh2trtw.cloudfront.net/assets/article/2017/05/04/prey-safe-codes-guide_feature.jpg"); change_title("Chapter 2: Dining Room - table"); change_text("Seems it needs a code <br> Code Required"); change_buttons({"go back": diningRoom}); } else { change_image("https://d1lss44hh2trtw.cloudfront.net/assets/article/2017/05/04/prey-safe-codes-guide_feature.jpg"); change_title("Chapter 2: Dining Room - table"); change_text("Seems it needs a code <br> Code Required"); change_buttons({"Enter Code": safe, "go back": bedroom}); } } //for when you input code on the safe function safe() { change_image("https://i.ebayimg.com/images/g/IYIAAOSw32BgpEBH/s-l300.jpg"); change_title("Chapter 2: Dining Room - Safe"); if (paperCode2 === false) { paperCode++; } change_text("You found a piece of the code!!<br> You found a key <br> <br> ".italics() + "pieces: " + paperCode + "<br> Key Found"); paperCode2 = true; key = true; change_buttons({"go back": diningRoom}); } //for when you go into the kitchen function kitchen() { change_image("https://i.pinimg.com/originals/c6/4f/d8/c64fd8dbf990af0bff05f7774bfab0ad.jpg"); change_title("Chapter 2: Kitchen"); change_text("The kitchen is very beautiful, and theres a fridge to the left of you. <br> <br> What will you do?"); change_buttons({"go to the fridge":fridge, "go back": diningRoom}); } //for when you look in the fridge function fridge() { change_image("https://64.media.tumblr.com/0b909fee876dce3323a621580aad09c5/tumblr_ocriaoGCYf1uc9x1zo1_1280.jpg"); change_title("Chapter 2: Kitchen - Fridge"); if (apple === false) { food++; } change_text("You found a piece of food <br> <br> ".italics() + "food: " + food); apple = true; change_buttons({"go back": diningRoom}); } //this is for when you guess the code on the door function guessCode() { if (guess === 5) { change_image("https://giphy.com/gifs/Friends-friends-season-6-tv-RiuMMt2r242LqRyRZn"); change_title("Congrats!!!"); change_text("Wow You guessed the code correctly. <br> <br> Good Job!!!"); change_buttons({"continue on": finalRoom}); } else { change_image("https://i.ytimg.com/vi/Ys0jKS9B3ho/hqdefault.jpg"); change_title("You Are Eliminated!!!"); change_text("That is Incorrect!!! <br> <br> Sorry but you are eliminated."); change_buttons({"restart": introduction}); } } //for when they go to the final round function finalRoom() { change_image("https://www.eventstodayz.com/wp-content/uploads/2019/09/girl-anime-dancing-gifs.gif"); change_title("Chapter 3: Start"); change_text("You all have made it to the final round. <br> <br> The moniter turns on: " + "Due to a lot of people quitting and there only being 16 people left, we will play RO-SHAM-BO!!!".italics()); change_buttons({"Continue On": rpsRound1}); } //for the first round of rock paper scissors function rpsRound1() { change_image("https://c.tenor.com/NuJegnXdEmkAAAAM/dragon-ball-z-rock-paper-scissors.gif"); change_title("Chapter 3: Round 1"); change_text("The people split into eight teams as the first round starts. <br> <br> Rock Paper Scissors!! ".italics()); change_buttons({"Rock": rockwin, "Paper": paperloss, "Scissors": scissorstie}); } //for the second round of rock paper scissors function rpsRound2() { change_image("https://c.tenor.com/NuJegnXdEmkAAAAM/dragon-ball-z-rock-paper-scissors.gif"); change_title("Chapter 3: Round 2"); change_text("There are now 4 teams left. <br> <br> Rock Paper Scissors!! ".italics()); change_buttons({"Rock": rockloss, "Paper": papertie, "Scissors": scissorswin}); } //for the third round of rock paper scissors function rpsRound3() { change_image("https://c.tenor.com/NuJegnXdEmkAAAAM/dragon-ball-z-rock-paper-scissors.gif"); change_title("Chapter 3: Round 3"); change_text("There are two teams left. <br> <br> Rock Paper Scissors!! ".italics()); change_buttons({"Rock": rocktie, "Paper": paperwin, "Scissors": scissorsloss}); } //for the final round of rock paper scissors function rpsRound4() { change_image("https://c.tenor.com/NuJegnXdEmkAAAAM/dragon-ball-z-rock-paper-scissors.gif"); change_title("Chapter 3: Round 4"); change_text("its now up to you and your opponent. <br> <br> Rock Paper Scissors!! ".italics()); change_buttons({"Rock": r4RockTie, "Paper": r4PaperWin, "Scissors": r4ScissorsLoss}); } //for when you choose rock and win function rockwin() { change_image("https://c.tenor.com/C8xkrfaxT_wAAAAM/yay-celebration.gif"); change_title("Chapter 3: Rock"); change_text("Your opponent chose scissors, so you move on to the next round."); change_buttons({"Continue on to the next round": rpsRound2}); } //for when you choose rock and tie function rocktie() { change_image("https://i.kym-cdn.com/photos/images/newsfeed/001/485/098/245.gif"); change_title("Chapter 3: Rock"); change_text("Your opponent chose rock too, you tied."); change_buttons({"Try Again": rpsRound3}); } //for when you choose rock and lose function rockloss() { change_image("https://giffiles.alphacoders.com/125/125863.gif"); change_title("Chapter 3: Rock"); change_text("Your opponent chose paper. <br> you are eliminated."); change_buttons({"Restart": introduction}); } //for when you choose paper and win function paperwin() { change_image("https://c.tenor.com/WU4iBeEeK88AAAAM/anime-excited.gif"); change_title("Chapter 3: Paper"); change_text("your opponent chose rock. <br> <br> You are going on to the final round."); change_buttons({"Continue on to the final round": rpsRound4}); } //for when you choose paper and tie function papertie() { change_image("https://i.kym-cdn.com/photos/images/newsfeed/001/485/098/245.gif"); change_title("Chapter 3: Paper"); change_text("Your opponent chose paper too, you tied."); change_buttons({"try again": rpsRound2}); } //for when you choose paper and lose function paperloss() { change_image("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRKq4C6J2aIKYvhPbuqkwkT8zfj-WiFIkqIpA&usqp=CAU"); change_title("Chapter 3: Paper"); change_text("Your opponent chose scissors. <br> You are eliminated."); change_buttons({"restart": introduction}); } //for when you choose scissors and win function scissorswin() { change_image("https://c.tenor.com/kYSG221kmLoAAAAC/party-anime.gif"); change_title("Chapter 3: Scissors"); change_text("Your opponent chose paper. <br> You are going on to the next round."); change_buttons({"continue on to next round": rpsRound3}); } //for when you choose scissors and tie function scissorstie() { change_image("https://i.kym-cdn.com/photos/images/newsfeed/001/485/098/245.gif"); change_title("Chapter 3: Scissors"); change_text("Your opponent chose scissors too, you tied."); change_buttons({"try again": rpsRound1}); } //for when you choose scissors and lose function scissorsloss() { change_image("https://c.tenor.com/EFBwy6rvcXEAAAAC/sad-anime.gif"); change_title("Chapter 3: Scissors"); change_text("Your opponent chose rock. <br> You are eliminated."); change_buttons({"restart": introduction}); } //for when you choose rock in round 4 function r4RockTie() { change_image("https://i.kym-cdn.com/photos/images/newsfeed/001/485/098/245.gif"); change_title("Chapter 3: Rock"); change_text("Your opponent chose rock too, you tied."); change_buttons({"Try Again": rpsRound4}); } //for when you choose paper in round 4 function r4PaperWin() { change_image("https://c.tenor.com/TPXMriXwLD4AAAAM/lets-go-the-rock.gif"); change_title("Chapter 3: Paper"); change_text("Your opponent chose rock.<br> You won!!!!"); change_buttons({"Continue to the prize room": prizeRoom}); } //for when you choose scissors in round 4 function r4ScissorsLoss() { change_image("https://giphy.com/gifs/avengers-pietro-maximoff-1T96TRBBGYThC"); change_title("Chapter 3: Scissors"); change_text("Your opponent chose rock. <br> You are eliminated."); change_buttons({"restart": introduction}); } //this function is for if you get the an answer correct function correct() { change_image("https://c.tenor.com/ynST0DWtFqgAAAAM/pointing-that-is-correct.gif"); change_title("Correct"); change_text("That is correct!!! <br> <br> You are moving on to the next round."); change_buttons({"continue to next round": round2}); } //this function is if you are eliminated function incorrect() { change_image("https://i.ytimg.com/vi/Ys0jKS9B3ho/hqdefault.jpg"); change_title("You Are Eliminated!!!"); change_text("That is Incorrect!!! <br> <br> Sorry but you are eliminated."); change_buttons({"restart": introduction}); } //for when you enter the prize room function prizeRoom() { change_image("https://media.istockphoto.com/photos/money-picture-id106576237?k=20&m=106576237&s=612x612&w=0&h=q1PEl7nbd68v_wrv8F-m3IL7uQNwdfqwb0UqU7NSHbc="); change_title("Prizeroom"); change_text("You Won!!! <br> <br>" + "The host comes into the room <br> <br>".italics() + "You may choose one of two prizes" ); change_buttons({"One Million Dollars": oneMillion, "Mystery Prize": mysteryPrize}); } //for when you choose one million dollars as a prize function oneMillion() { change_image("https://images.fineartamerica.com/images/artworkimages/mediumlarge/1/one-million-dollars-in-twentys-thomas-woolworth.jpg"); change_title("One Million Dollars"); change_text("You won one million dollars!!!"); change_buttons({"credits": credits}); } //for when you choose the mystery prize function mysteryPrize() { change_image("https://c.tenor.com/VFFJ8Ei3C2IAAAAM/rickroll-rick.gif"); change_title("You Got Rickrolled"); change_text("Never gonna give you up <br> Never gonna let you down <br> Never gonna run around and desert you <br> Never gonna make you cry <br> Never gonna say goodbye <br> Never gonna tell a lie and hurt you"); change_buttons({"credits": credits}); } //for the credits function credits() { change_image("https://c.tenor.com/ShuzPE6Oi2EAAAAC/directed-by-curb-your-enthusiasm.gif"); change_title("Credits"); change_text("Ideas and Production by: Josh Latham <br> Designer: Josh Latham <br> Playtesters: Josh Latham & Chalen Paulus <br> Thanks to: Ethan for the project requirements, Steve for feedback, Chalen for Playtesting, and You"); change_buttons({"Start": introduction}); } /* Here are the functions that change the title, the text, the buttons, and the image (DO NOT EDIT BELOW THIS LINE) */ function change_title(new_title) { $('h1 span').remove(); var new_txt = $('<span>' + new_title + '</span>'); $('h1').append(new_txt); new_txt.hide(); new_txt.fadeIn(200); } function change_text(new_text) { $('p.text span').remove(); var new_txt = $('<span>' + new_text + '</span>'); $('p.text').append(new_txt); new_txt.hide(); new_txt.fadeIn(200); } function change_image(new_image_url) { $('img').attr('src', new_image_url); } function change_buttons(buttons) { button_div = $('div.buttons'); button_div.empty(); for (var btn_name in buttons) { var new_button = $('<span></span>'); new_button.text(btn_name); new_button.click(buttons[btn_name]); button_div.append(new_button); button_div.append(' '); /* so that the buttons wrap if they are too long */ } } /* Once we have defined all our functions, we call the_beginning to start things off! If you want a different starting page, you can edit that here. */ introduction(); });

# data[].attributes.attachment_link.title
Challenge Puzzle Storybook Adventure by Josh Latham

# data[].attributes.attachment_link.description
these are the variables for the mini puzzle room in chapter 1 let metalPieces = 0; let couchMetal = false; let paintingMetal = false; //these variables are for the main puzzle room in chapter 2 let food = 0; let fruitCup = false; let apple = false; let paperCode =

# data[].attributes.headline
A game where a cat doesn't want to get wet

# data[].attributes.subject
A game where a cat doesn't want to get wet

# data[].attributes.attachment_link.readable_text
 <!-- Navbar --> <div id="navbar"> <a>Concerts</a> <a>Operas</a> <a>Support</a> <a>About</a> </div> <!-- Jumbotron --> <div id="jumbotron"> <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F3.bp.blogspot.com%2F-SSV_el5n1MI%2FVjjus41uGbI%2FAAAAAAAAAEo%2FwFXO8Gtf5QM%2Fs1600%2Fmozart.jpg&f=1&nofb=1&ipt=b477ba238097d03ad707972f6ec164687a1f061f33f9f36967403b379d5bfd7d&ipo=images" alt="Mozart Image"> <div id="overlay"></div> <h1>The Best <br> of Mozart</h1> </div> <br> <br> <!-- Cards --> <div id="cards"> <!-- K492 Card --> <div class="card"> <iframe width="620" height="465" src="https://www.youtube.com/embed/8mZMEVAlXm0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <h3> 'Overture' from The Marriage Of Figaro, K492</h3> <p> The Marriage Of Figaro (Le Nozze Di Figaro), premiered in 1786, is an ideal place to begin an exploration of the best Mozart works and the opera's 'Overture' sets its mood perfectly. It seems to have been Mozart's own idea to set the scandalous play by Pierre-Augustin Caron De Beaumarchais, which had already been banned in Paris and Vienna, but what cannot be spoken can sometimes be sung. A suitably adapted opera libretto by his new collaborator Lorenzo Da Ponte produced from the composer a score that matches the swiftly changing moods of this busy, intricate, and amorous comedy. </p> </div> <!-- Jupiter Card --> <div class="card"> <iframe width="620" height="465" src="https://www.youtube.com/embed/oofFQUuU84w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <h3>Symphony No.41 in C, K551 - Jupiter</h3> <p> If he was keeping count Mozart cannot have expected his 41st Symphony to be his last - but so it turned out. He certainly wrote nothing more complex than this brilliant, ambitious work, the finale of which offers a display of contrapuntal skills second to none in the whole of music. This is no mere showing off of technical knowledge however, but instead a revelatory demonstration of what can be achieved by combining thematic material in complex ways simultaneously. While the rest of the Symphony is first-rate, it is certainly the remarkable writing of the finale that has earned the piece the nickname of Jupiter, king of the gods. </p> </div> <!-- Image Gallery --> <div id="gallery"> <!-- Clarinet Concert --> <figure class="gallery-fig" id="clarinet"> <img src="https://halleonard-coverimages.s3.amazonaws.com/wl/00400047-wl.jpg"> <figcaption>Clarinet Concerto in A major, K 622 </figcaption> </figure> <!-- Flute --> <figure class="gallery-fig"> <img src="https://www.dimanoinmano.it/img/520000/full/musica/musica/die-zauber.jpg"> <figcaption>Die Zauberflöte (The Magic Flute), K620 </figcaption> </figure> </div> <!-- Content --> <div class="content"> <h2>How do these works rank among Mozart's best?</h2> <p> All of Mozart's work is absolutely magnificent, but these aforementioned selections represent some of his most famous and ambitous compositions in the history of music. </p> </div>