<!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>