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>HTML Version, No Added Features</h3> 14 15 16 <h2>Sample images</h2> 17 <div class="flex-feature"> 18 <div class="feature"> 19 <div class="imgtitle">Game starts</div> 20 <div class="half"><img src="screenimages/basichtmlbase01.png"></div> 21 </div> 22 <div class="feature"> 23 <div class="imgtitle">Room description</div> 24 <div class="half"><img src="screenimages/basichtmlbase02.png"></div> 25 </div> 26 <div class="feature"> 27 <div class="imgtitle">Fixing things</div> 28 <div class="half"><img src="screenimages/basichtmlbase03.png"></div> 29 </div> 30 <div class="feature"> 31 <div class="imgtitle">You win! Play again?</div> 32 <div class="half"><img src="screenimages/basichtmlbase04.png"></div> 33 </div> 34 </div> 35 36 <h2>Play the game here</h2> 37 <a href="racode/htmlBasic/htmlBasicRunner.html" target="_blank">The Room Adventure (HTML-Basic)</a> 38 39 <h2>Here's the code</h2> 40 <p>There are three files for the code, separated by type.</p> 41 42 <h3>The JavaScript</h3> 43 44 <div class="intrinsic-container intrinsic-container-16x9 small-hide"> 45 <iframe src="../exportToHTML/htmlBasicMain.js.html"></iframe> 46 </div> 47 <div class="feature"><a href="../exportToHTML/htmlBasicMain.js.html" target="_blank">Open the code in a new tab</a></div> 48 49 <h3>The HTML</h3> 50 51 <div class="intrinsic-container intrinsic-container-16x9 small-hide"> 52 <iframe src="../exportToHTML/htmlBasicRunner.html.html"></iframe> 53 </div> 54 <div class="feature"><a href="../exportToHTML/htmlBasicRunner.html.html" target="_blank">Open the code in a new tab</a></div> 55 56 <h3>The CSS</h3> 57 <div class="intrinsic-container intrinsic-container-16x9 small-hide"> 58 <iframe src="../exportToHTML/htmlBasicStyle.css.html"></iframe> 59 </div> 60 <div class="feature"><a href="../exportToHTML/htmlBasicStyle.css.html" target="_blank">Open the code in a new tab</a></div> 61 62 <!-- required section for navigation sidebar --> 63 </div> 64 <script src="../navigator.js"></script> 65 <script>begin("roomadventure");</script> 66 <!-- end of required section for navigation sidebar --> 67 </body> 68 </html>