1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>Coding for Kids: The Room Adventure</title> 7 <link href="../index.css" rel="stylesheet" type="text/css" /> 8 <link href="rooms.css" rel="stylesheet" type="text/css" /> 9 </head> 10 <body> 11 <div id="body"><!-- Required div for navigation bar --> 12 <h1>The Room Adventure</h1> 13 <h3>Text Version, All Book Features Included</h3> 14 15 16 <h2>Sample images</h2> 17 <div class="flex-feature"> 18 <div class="feature"><div class="imgtitle">Game starts <br>in a random room</div><div class="half"><img src="screenimages/basictextfeatures01.png"></div></div> 19 <div class="feature"><div class="imgtitle">Helpful hint</div><div class="half"><img src="screenimages/basictextfeatures02.png"></div></div> 20 <div class="feature"><div class="imgtitle">Increased interactivity</div><div class="half"><img src="screenimages/basictextfeatures03.png"></div></div> 21 <div class="feature"><div class="imgtitle">Choose items to use</div><div class="half"><img src="screenimages/basictextfeatures04.png"></div></div> 22 <div class="feature"><div class="imgtitle">Find pieces of a passcode</div><div class="half"><img src="screenimages/basictextfeatures05.png"></div></div> 23 <div class="feature"><div class="imgtitle">Updated descriptions <br>after fixing things</div><div class="half"><img src="screenimages/basictextfeatures06.png"></div></div> 24 <div class="feature"><div class="imgtitle">Current and maximum score</div><div class="half"><img src="screenimages/basictextfeatures07.png"></div></div> 25 <div class="feature"><div class="imgtitle">You need this to escape</div><div class="half"><img src="screenimages/basictextfeatures08.png"></div></div> 26 <div class="feature"><div class="imgtitle">Tracking the player</div><div class="half"><img src="screenimages/basictextfeatures09.png"></div></div> 27 </div> 28 29 <h2>Play the game here</h2> 30 <a href="racode/textFeatures/textFeaturesRunner.html" target="_blank">The Room Adventure (Text-Features)</a> 31 32 33 <h2>Here's the code</h2> 34 35 <div class="intrinsic-container intrinsic-container-16x9 small-hide"> 36 <iframe src="../exportToHTML/textFeaturesMain.js.html"></iframe> 37 </div> 38 <div class="feature"><a href="../exportToHTML/textFeaturesMain.js.html" target="_blank">Open the code in a new tab</a></div> 39 40 <!-- required section for navigation sidebar --> 41 </div> 42 <script src="../navigator.js"></script><script>begin("roomadventure");</script> 43 <!-- end of required section for navigation sidebar --> 44 </body> 45 </html>