Daniel Sinn
143 lines
6.0 KiB
HTML
Executable File
143 lines
6.0 KiB
HTML
Executable File
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Keep Talking and Nobody Explodes</title>
|
|
<link rel="stylesheet" type="text/css" href="ktane.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
<ul id="navList"></ul>
|
|
</nav>
|
|
|
|
<h1>Keep Talking and Nobody Explodes</h1>
|
|
|
|
<section id="sectionWof">
|
|
<h2>Who's on First</h2>
|
|
|
|
<div><input type="text" id="wofInput" /></div>
|
|
<dl id="wofList"></dl>
|
|
<table id="wofTable"></table>
|
|
</section>
|
|
|
|
<section id="sectionMemory">
|
|
<h2>Memory</h2>
|
|
<button class="jsResetSection">Reset</button>
|
|
<table>
|
|
<tr>
|
|
<th>Stage</th>
|
|
<th>Display</th>
|
|
<th>Pos.</th>
|
|
<th>Label</th>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td><input type="text" maxlength="1" id="stage_1_display" data-index="1"></td>
|
|
<td><input type="text" maxlength="1" id="stage_1_pos" /></td>
|
|
<td><input type="text" maxlength="1" id="stage_1_label" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td><input type="text" maxlength="1" id="stage_2_display" data-index="2"></td>
|
|
<td><input type="text" maxlength="1" id="stage_2_pos" /></td>
|
|
<td><input type="text" maxlength="1" id="stage_2_label" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td><input type="text" maxlength="1" id="stage_3_display" data-index="3"></td>
|
|
<td><input type="text" maxlength="1" id="stage_3_pos" /></td>
|
|
<td><input type="text" maxlength="1" id="stage_3_label" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td><input type="text" maxlength="1" id="stage_4_display" data-index="4"></td>
|
|
<td><input type="text" maxlength="1" id="stage_4_pos" /></td>
|
|
<td><input type="text" maxlength="1" id="stage_4_label" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td><input type="text" maxlength="1" id="stage_5_display" data-index="5"></td>
|
|
<td><input type="text" maxlength="1" id="stage_5_pos" /></td>
|
|
<td><input type="text" maxlength="1" id="stage_5_label" /></td>
|
|
</tr>
|
|
</table>
|
|
</section>
|
|
|
|
<section id="sectionMorse">
|
|
<h2>Morse</h2>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Word</th>
|
|
<th>Freq</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="morseTable"></tbody>
|
|
</table>
|
|
|
|
<textarea id="morseInput" rows="7" cols="40"></textarea>
|
|
</section>
|
|
|
|
<section id="sectionSequence">
|
|
<h2>Wire Sequence</h2>
|
|
<ul id="sequenceOptions">
|
|
<li><button class="button red" data-colour="red" data-letter="A">A</button></li>
|
|
<li><button class="button blue" data-colour="blue" data-letter="A">A</button></li>
|
|
<li><button class="button black" data-colour="black" data-letter="A">A</button></li>
|
|
<li><button class="button red" data-colour="red" data-letter="B">B</button></li>
|
|
<li><button class="button blue" data-colour="blue" data-letter="B">B</button></li>
|
|
<li><button class="button black" data-colour="black" data-letter="B">B</button></li>
|
|
<li><button class="button red" data-colour="red" data-letter="C">C</button></li>
|
|
<li><button class="button blue" data-colour="blue" data-letter="C">C</button></li>
|
|
<li><button class="button black" data-colour="black" data-letter="C">C</button></li>
|
|
</ul>
|
|
<ul id="sequenceInstruction"></ul>
|
|
</section>
|
|
|
|
<section id="sectionVenn">
|
|
<h2>Venn Diagram</h2>
|
|
<ul id="vennOptions">
|
|
<li><input type="checkbox" id="vennRed" /> <label for="vennRed">Red</label></li>
|
|
<li><input type="checkbox" id="vennBlue" /> <label for="vennBlue">Blue</label></li>
|
|
<li><input type="checkbox" id="vennStar" /> <label for="vennStar">Star</label></li>
|
|
<li><input type="checkbox" id="vennLed" /> <label for="vennLed">LED</label></li>
|
|
</ul>
|
|
<div class="instruction"></div>
|
|
</section>
|
|
|
|
<section id="sectionVenn2">
|
|
<h2>Alternate Venn Diagram</h2>
|
|
<ul id="venn2Options">
|
|
<li><input type="checkbox" id="venn2SerialEven" /> <label for="venn2SerialEven">Serial number is even</label></li>
|
|
<li><input type="checkbox" id="venn2ParallelExists" /> <label for="venn2ParallelExists">A parallel port exists</label></li>
|
|
<li><input type="checkbox" id="venn2MultipleBatteries" /> <label for="venn2MultipleBatteries">More than one battery exists</label></li>
|
|
</ul>
|
|
|
|
<h3>Wires to cut:</h3>
|
|
<table id="venn2DoCut"></table>
|
|
|
|
<h3>Wires to <span class="red">not</span> cut:</h3>
|
|
<table id="venn2DoNotCut"></table>
|
|
</section>
|
|
|
|
<section id="sectionPasswords">
|
|
<h2>Passwords</h2>
|
|
<button class="jsResetSection">Reset</button>
|
|
<ul id="passwordOptions">
|
|
<li><input type="text" /></li>
|
|
<li><input type="text" /></li>
|
|
<li><input type="text" /></li>
|
|
<li><input type="text" /></li>
|
|
<li><input type="text" /></li>
|
|
</ul>
|
|
<table id="passwords"></table>
|
|
</section>
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
|
<script src="ktane.js"></script>
|
|
</body>
|
|
</html>
|