| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Salsa</title> |
| <link rel="stylesheet" href="salsa.css"> |
| <script src="salsa.js"></script> |
| </head> |
| |
| <body> |
| <div id="bounding-box"> |
| <h1 class="title">Salsa</h1> |
| |
| <div id="invalid_treatment_info" hidden> |
| I'm afraid there has been some problem determining which treatments to use |
| for your experiment. Please try to copy/paste the URL again and refresh |
| this page. If the problem persists please contact the person running the |
| experiment. |
| </div> |
| |
| <div id="valid_treatment_info"> |
| <div id="treatment-list"> |
| <div id="treatment-header">Available Treatments:</div> |
| <div id="treatment-template" class="treatment" hidden></div> |
| </div> |
| |
| <p class='bold'>Instructions</p> |
| |
| <ul id="instructions"> |
| <li> <span class='bold'>Click</span> or use your <span class='bold'>arrow |
| keys</span> to change the selected treatment. |
| |
| <li> Treatments are ordered randomly, so there is no special significance |
| to their labels. |
| |
| <li> When you navigate away from this page your settings will be returned |
| to normal. If the browser crashes, and/or you experience unusual behavior |
| after this experiment, you can manually reset your settings to their |
| default values at <a href="chrome://gesture">http://gesture</a>. |
| </ul> |
| |
| <p class='bold'>Thank you for your participation!</p> |
| </div> |
| </div> |
| |
| </body> |
| </html> |