rectest/test.html

95 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Recollection Test</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1 class="until-testing">Recollection Test</h1>
<noscript>
<p>It appears that you have JavaScript disabled. Please consult your
browser's documentation to enable it before continuing. Don't worry - it
is <a href="http://www.gnu.org/philosophy/free-sw.html">Free Software</a>.
</p>
</noscript>
<div class="until hasjs">
Please wait while we get our act together... (Loading)
</div>
<!-- status (while testing) -->
<div class="statusbar-area while-testing">
<div class="statusbar">
TODO
</div>
</div>
<!-- configure -->
<div class="hasjs topbox notice while-idle">
Please configure the test using the form below.
</div>
<div class="hasjs config while-idle">
<h2 class="title">Test Setup</h2>
<dl>
<dt>Test Case</dt>
<dd>
<select id="case">
<option value="">(Select)</option>
</select>
</dd>
<dt>Set Complexity</dt>
<dd>
<select id="set">
<option value="0">Basic</option>
<option value="1">Fair</option>
<option value="2">Complex</option>
</select>
</dd>
<dt>Interval</dt>
<dd><input type="number" id="interval" value="5.0" /> seconds</dd>
<dt>Blank Period</dt>
<dd><input type="number" id="blank" value="5.0" /> seconds</dd>
<dt>Sample Size</dt>
<dd><input type="number" id="samples" value="10" /> (0 for infinite)</dd>
<dt>Begin Delay</dt>
<dd><input type="number" id="delay" value="5.0" /> seconds</dd>
</dl>
<button id="continue" class="action">Continue &raquo;</button>
<br clear="both" />
</div>
<!-- pending -->
<div class="topbox notice while-pending">
Test configured. Click "Begin Test" to continue, or "Reconfigure" to alter
the configuration.
</div>
<div class="while-pending">
<p>To share this configuration with others, please use the following URL:
(TODO)
</p>
<div>
<button id="reconfigure">&laquo; Reconfigure</button>
<button id="run">Begin Test &raquo;</button>
</div>
</div>
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="scripts/ease.min.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<script type="text/javascript" src="scripts/TestCase.js"></script>
<script type="text/javascript" src="scripts/TestRun.js"></script>
<script type="text/javascript" src="scripts/TestRunner.js"></script>
<script type="text/javascript" src="scripts/ColorTestCase.js"></script>
<script type="text/javascript" src="scripts/RecTest.js"></script>
</body>
</html>