zeroaltitude/js html thing

## js html thing
<!doctype html>
<html>
  <head>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script src="fun.js"></script>
	</head>
	<body>
		<p>
			Hi.  Let's solve some timestamps!
		</p>
		<p>
			Select a prefix to use with your test:
			<select name="prefix" id="prefix">
				<option value="">Blank</option>
				<option value="measurement ${one} is at ">Measurement ${trial} is at</option>
				<option value="test ${one} is at ">Test ${trial} is at</option>
				<option value="check ${one} is at ">Check ${trial} is at</option>
				<option value="sample ${one} is at ">Sample ${trial} is at</option>
				<option value="measurement is at ">Measurement is at</option>
				<option value="test is at ">Test is at</option>
				<option value="check is at ">Check is at</option>
				<option value="sample is at ">Sample is at</option>
				<option value="first measurement is at ">First measurement is at</option>
				<option value="first test is at ">First test is at</option>
				<option value="first check is at ">First check is at</option>
				<option value="first sample is at ">First sample is at</option>
				<option value="second measurement is at ">Second measurement is at</option>
				<option value="second test is at ">Second test is at</option>
				<option value="second check is at ">Second check is at</option>
				<option value="second sample is at ">Second sample is at</option>
				<option value="third measurement is at ">Third measurement is at</option>
				<option value="third test is at ">Third test is at</option>
				<option value="third check is at ">Third check is at</option>
				<option value="third sample is at ">Third sample is at</option>
				<option value="fourth measurement is at ">Fourth measurement is at</option>
				<option value="fourth test is at ">Fourth test is at</option>
				<option value="fourth check is at ">Fourth check is at</option>
				<option value="fourth sample is at ">Fourth sample is at</option>
			</select>
		</p>
		<p>
			Trial:
			<select name="trial" id="trial">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
			</select>
		</p>
		<p>
			Hour of the day:
			<select name="hour" id="hour">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
				<option value="10">10</option>
				<option value="11">11</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>
				<option value="20">20</option>
				<option value="21">21</option>
				<option value="22">22</option>
				<option value="23">23</option>
				<option value="24">24</option>
			</select>
		</p>
		<p>
			Select a number format for your test:
			<select name="format" id="format">
				<option value="two">X o clock Y minutes and Z seconds</option>
				<option value="one">X minutes Y seconds past Z o clock</option>
			</select>
		</p>
		<p>
			Select a suffix to use with your test:
			<select name="suffix" id="suffix">
				<option value="">Blank</option>
				<option value=" on the dot">On the dot</option>
				<option value=" sharp">Sharp</option>
				<option value=" exactly">Exactly</option>
			</select>
		</p>
		<p>
			Enter the known cipher text: <input type="text" name="cipher" id="cipher" size="120"/>
		</p>
		<p>
			Enter the known hash of the OTP: <input type="text" name="otphash" id="otphash" size="120"/>
		</p>
		<p>
			Depth:
			<select name="depth" id="depth">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5 (short formats only)</option>
				<option value="6">6 (short formats only)</option>
			</select>
		</p>
		<p>
			<input type="button" value="go" id="go" /> || Answer: <input id="answer" name="answer" type="text" size="120" />
		</p>
		<p>
			Examples:
		</p>
		<p>
			Prefix: Measurement ${trial} is at<br/>
			Trial: 2<br/>
			Hour of the day: 2<br/>
			Format: X o clock Y minutes and Z seconds<br/>
			Suffix: Blank<br/>
			Cipher: ISGDVWWJXCYSDRXDLSSOVOKIEUJNTVQLJSXQCLCYLRFEFYWVTZILMLACAKVTCCZJNOBYOJ<br/>
			Hash: 7527D47FE0E8F422EE269B666C1A2CA2<br/>
			Depth: 1 or higher<br/>
			The answer (timestamp) should be: MEASUREMENTXTWOXISXATXTWOXOXCLOCKXFOURXMINUTESXANDXFOURTYXNINEXSECONDS<br/>
			<br/>
			Prefix: Blank<br/>
			Trial: 1<br/>
			Hour of the day: 3<br/>
			Format: X o clock Y minutes and Z seconds<br/>
			Suffix: Blank<br/>
			Cipher: SUZGNEKXBNORVSNVEACAVDHFYXZGDWPISLOVOXLAGESFLAMAN<br/>
			Hash: 6b7ca401083b34628db954c1e8b1c5de<br/>
			Depth: 2 or higher<br/>
			The answer (timestamp) should be: XTHREEXOXXCLOCKXONEXMINUTEXANDXFIFTYXFIVEXSECONDS<br/>
		</p>
	</body>
</html>
	<!doctype html>
	<html>
	<head>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
	<script src="fun.js"></script>
	</head>
	<body>
	<p>
	Hi. Let's solve some timestamps!
	</p>
	<p>
	Select a prefix to use with your test:
	<select name="prefix" id="prefix">
	<option value="">Blank</option>
	<option value="measurement ${one} is at ">Measurement ${trial} is at</option>
	<option value="test ${one} is at ">Test ${trial} is at</option>
	<option value="check ${one} is at ">Check ${trial} is at</option>
	<option value="sample ${one} is at ">Sample ${trial} is at</option>
	<option value="measurement is at ">Measurement is at</option>
	<option value="test is at ">Test is at</option>
	<option value="check is at ">Check is at</option>
	<option value="sample is at ">Sample is at</option>
	<option value="first measurement is at ">First measurement is at</option>
	<option value="first test is at ">First test is at</option>
	<option value="first check is at ">First check is at</option>
	<option value="first sample is at ">First sample is at</option>
	<option value="second measurement is at ">Second measurement is at</option>
	<option value="second test is at ">Second test is at</option>
	<option value="second check is at ">Second check is at</option>
	<option value="second sample is at ">Second sample is at</option>
	<option value="third measurement is at ">Third measurement is at</option>
	<option value="third test is at ">Third test is at</option>
	<option value="third check is at ">Third check is at</option>
	<option value="third sample is at ">Third sample is at</option>
	<option value="fourth measurement is at ">Fourth measurement is at</option>
	<option value="fourth test is at ">Fourth test is at</option>
	<option value="fourth check is at ">Fourth check is at</option>
	<option value="fourth sample is at ">Fourth sample is at</option>
	</select>
	</p>
	<p>
	Trial:
	<select name="trial" id="trial">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	</select>
	</p>
	<p>
	Hour of the day:
	<select name="hour" id="hour">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	<option value="6">6</option>
	<option value="7">7</option>
	<option value="8">8</option>
	<option value="9">9</option>
	<option value="10">10</option>
	<option value="11">11</option>
	<option value="12">12</option>
	<option value="13">13</option>
	<option value="14">14</option>
	<option value="15">15</option>
	<option value="16">16</option>
	<option value="17">17</option>
	<option value="18">18</option>
	<option value="19">19</option>
	<option value="20">20</option>
	<option value="21">21</option>
	<option value="22">22</option>
	<option value="23">23</option>
	<option value="24">24</option>
	</select>
	</p>
	<p>
	Select a number format for your test:
	<select name="format" id="format">
	<option value="two">X o clock Y minutes and Z seconds</option>
	<option value="one">X minutes Y seconds past Z o clock</option>
	</select>
	</p>
	<p>
	Select a suffix to use with your test:
	<select name="suffix" id="suffix">
	<option value="">Blank</option>
	<option value=" on the dot">On the dot</option>
	<option value=" sharp">Sharp</option>
	<option value=" exactly">Exactly</option>
	</select>
	</p>
	<p>
	Enter the known cipher text: <input type="text" name="cipher" id="cipher" size="120"/>
	</p>
	<p>
	Enter the known hash of the OTP: <input type="text" name="otphash" id="otphash" size="120"/>
	</p>
	<p>
	Depth:
	<select name="depth" id="depth">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5 (short formats only)</option>
	<option value="6">6 (short formats only)</option>
	</select>
	</p>
	<p>
	<input type="button" value="go" id="go" /> \|\| Answer: <input id="answer" name="answer" type="text" size="120" />
	</p>
	<p>
	Examples:
	</p>
	<p>
	Prefix: Measurement ${trial} is at<br/>
	Trial: 2<br/>
	Hour of the day: 2<br/>
	Format: X o clock Y minutes and Z seconds<br/>
	Suffix: Blank<br/>
	Cipher: ISGDVWWJXCYSDRXDLSSOVOKIEUJNTVQLJSXQCLCYLRFEFYWVTZILMLACAKVTCCZJNOBYOJ<br/>
	Hash: 7527D47FE0E8F422EE269B666C1A2CA2<br/>
	Depth: 1 or higher<br/>
	The answer (timestamp) should be: MEASUREMENTXTWOXISXATXTWOXOXCLOCKXFOURXMINUTESXANDXFOURTYXNINEXSECONDS<br/>
	<br/>
	Prefix: Blank<br/>
	Trial: 1<br/>
	Hour of the day: 3<br/>
	Format: X o clock Y minutes and Z seconds<br/>
	Suffix: Blank<br/>
	Cipher: SUZGNEKXBNORVSNVEACAVDHFYXZGDWPISLOVOXLAGESFLAMAN<br/>
	Hash: 6b7ca401083b34628db954c1e8b1c5de<br/>
	Depth: 2 or higher<br/>
	The answer (timestamp) should be: XTHREEXOXXCLOCKXONEXMINUTEXANDXFIFTYXFIVEXSECONDS<br/>
	</p>
	</body>
	</html>