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, No Added Features</h3> 14 15 <h2>Sample images</h2> 16 <div class="flex-feature"> 17 <div class="feature"><div class="imgtitle">Game start</div><div class="half"><img src="screenimages/basictextbase01.png"></div></div> 18 <div class="feature"><div class="imgtitle">Room description</div><div class="half"><img src="screenimages/basictextbase02.png"></div></div> 19 <div class="feature"><div class="imgtitle">Entering a direction</div><div class="half"><img src="screenimages/basictextbase03.png"></div></div> 20 <div class="feature"><div class="imgtitle">Inventory</div><div class="half"><img src="screenimages/basictextbase04.png"></div></div> 21 <div class="feature"><div class="imgtitle">Fixing things</div><div class="half"><img src="screenimages/basictextbase05.png"></div></div> 22 <div class="feature"><div class="imgtitle">You win!</div><div class="half"><img src="screenimages/basictextbase06.png"></div></div> 23 </div> 24 25 <h2>Play the game here</h2> 26 <a href="racode/textBasic/textBasicRunner.html" target="_blank">The Room Adventure (Text-Basic)</a> 27 28 29 <h2>Game code</h2> 30 <div class="intrinsic-container intrinsic-container-16x9 small-hide"> 31 <iframe src="../exportToHTML/textBasicMain.js.html"></iframe> 32 </div> 33 <div class="feature"><a href="../exportToHTML/textBasicMain.js.html" target="_blank">Open the code in a new tab</a></div> 34 35 36 37 38 <!-- required section for navigation sidebar --> 39 </div> 40 <script src="../navigator.js"></script><script>begin("roomadventure");</script> 41 <!-- end of required section for navigation sidebar --> 42 </body> 43 </html>