src/options.html
<!doctype html>
<html id="validity-options">
<head>
<title>Validity Options</title>
<link href="ui/css/main.css" rel="stylesheet" />
<script src="background/opts.js"></script>
<script src="ui/js/options.js"></script>
</head>
<body>
<h1>Validity</h1>
<section id="mainContent">
<form id="optionsForm">
<h2>Options</h2>
<fieldset>
<p><label>Enable for Specified Hosts</label></p>
<select id="enableHosts" size="2"></select>
<input type="button" id="enableRemove" value="Remove" /><br />
<input type="text" id="enableHost" value="" placeholder="e.g. www.google.com, /^https?\:\/\/dev\./" />
<input type="button" id="enableAdd" value="Add" />
<p><label for="validateHosts">
Automatically Validate Hosts
</label></p>
<select id="validateHosts" size="2"></select>
<input type="button" id="validateRemove" value="Remove" /><br />
<input type="text" id="validateHost" value="" placeholder="e.g. www.google.com, /^https?\:\/\/dev\./" />
<input type="button" id="validateAdd" value="Add" />
<p><label for="validator">Custom Validator URL</label></p>
<input id="validator" type="text" value="" placeholder="https://validator.w3.org/nu/" />
<p>
<input id="legacy" type="checkbox" name="legacy" />
<label for="legacy">Legacy W3C Validator (deprecated)</label>
</p>
<p><input id="collapse" type="checkbox" />
<label for="collapse">Collapse console logged results</label></p>
</fieldset>
<input id="save" type="submit" value="Save" />
<input id="apply" type="button" value="Apply" />
</form>
<div id="about">
<h2>About The Developer</h2>
<p>
I'm Ian Renyard, developer of Validity and contract web developer. If you like Validity, why not consider me for your company's next JavaScript project?
</p>
<p>
As well as developing and maintaining Validity, I have over a decade experience in developing web apps and libraries for desktop, mobile and TV platforms, as well as web performance optimisation.
</p>
<p>
For more information, see <a href="https://www.renyard.co.uk">www.renyard.co.uk</a> or email <a href="mailto:hello@renyard.co.uk">hello@renyard.co.uk</a>.
</p>
</div>
</section>
<div id="smallprint">
<p>
@copyright@
</p>
<p>
Source code is available at <a href="http://github.com/renyard/validity">http://github.com/renyard/validity</a>.
</p>
</div>
</body>
</html>