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