/
options.html
34 lines (29 loc) · 1.38 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<title>Awful Images - Settings</title>
<script src="jquery-2.0.3.min.js"></script>
</head>
<body>
<h1><img src="img/emot-frogsiren.gif" title=":frogsiren:"> Awful Image Options!</h1>
<h4>Host Server Settings</h4>
<div>
<label for="txtRootUrl">Root URL:</label>
<input id="txtRootUrl" name="RootUrl" type="text" maxlength="255">
</div>
<p>(Point this at your <a href="http://dropbox.com">Dropbox</a> account, <a href="http://lpix.org">lpix.org</a>, what have you)</p>
<h4>Default Image Extension</h4>
<ul style="list-style-type: none; margin: 0; padding: 0">
<li><label><input id="rdbGif" type="radio" name="ImageExt" value="gif">GIF</label>
<li><label><input id="rdbPng" type="radio" name="ImageExt" value="png">PNG</label>
<li><label><input id="rdbJpg" type="radio" name="ImageExt" value="jpg">JPG</label>
<li><label><input id="rdbOther" type="radio" name="ImageExt">Other: <input id="txtOther" type="text" name="Other" maxlength="7" disabled="disabled"></label></li>
</ul>
<p>Sample Image URLs::</p>
<ul>
<li><strong>[img-bonk]</strong> -> <strong><span class="sample-url"></span>/bonk.<span class="sample-ext"></span></strong>
<li><strong>[img-derp.xxx]</strong> -> <strong><span class="sample-url"></span>/derp.xxx</strong>
</ul>
<button id="btnSave" type="button">Save</button>
<script src="options.js"></script>
</body>
</html>