1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Salsa</title> 6 <link rel="stylesheet" href="salsa.css"> 7 <script src="salsa.js"></script> 8 </head> 9 10 <body> 11 <div id="bounding-box"> 12 <h1 class="title">Salsa</h1> 13 14 <div id="invalid_treatment_info" hidden> 15 I'm afraid there has been some problem determining which treatments to use 16 for your experiment. Please try to copy/paste the URL again and refresh 17 this page. If the problem persists please contact the person running the 18 experiment. 19 </div> 20 21 <div id="valid_treatment_info"> 22 <div id="treatment-list"> 23 <div id="treatment-header">Available Treatments:</div> 24 <div id="treatment-template" class="treatment" hidden></div> 25 </div> 26 27 <p class='bold'>Instructions</p> 28 29 <ul id="instructions"> 30 <li> <span class='bold'>Click</span> or use your <span class='bold'>arrow 31 keys</span> to change the selected treatment. 32 33 <li> Treatments are ordered randomly, so there is no special significance 34 to their labels. 35 36 <li> When you navigate away from this page your settings will be returned 37 to normal. If the browser crashes, and/or you experience unusual behavior 38 after this experiment, you can manually reset your settings to their 39 default values at <a href="chrome://gesture">http://gesture</a>. 40 </ul> 41 42 <p class='bold'>Thank you for your participation!</p> 43 </div> 44 </div> 45 46 </body> 47 </html> 48
