options.html

<html>
<head><title>Synaesthete options</title></head>
<body>
<style>
	li {
		width: 300px;
	}
</style>

<ol id="list">
	
</ol>

<div>
	<label>character:</label><input id="add_character" type='text'>
	<label>color: </label><input id="add_color" type='color'>
	<button id='addButton'>add</button>
</div>


<button id='resetButton'>reset to default</button>

<p> Note: if two rules contain the same character, the second rule is ignored. For example, e = green, me = red, then the 'me' rule will be completely ignored.
</p>

<script src="optsave.js"></script>
</body>
</html>