-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
79 lines (67 loc) · 2.9 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<html>
<head>
<script type="text/javascript" src="lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.10.2.custom.min.js"></script>
<link type="text/css" rel="stylesheet" href="lib/jquery-ui-1.10.2.custom.min.css" />
<script type="text/javascript" src="settings.js"></script>
<script type="text/javascript" src="options.js"></script>
</head>
<body>
<div class="section ui-corner-all ui-widget-content" style="padding: 1em 2.2em; width: 35em; margin: 50px auto 20px;">
<h1 style="margin-top: 0; margin-bottom: 1em; text-align: center; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;">
Options
</h1>
<div id="grpToast" style="display: inline-block; text-align: center;">
<h2 style="font-size: 1.2em; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;">
Show Notifications:
</h2>
<div id="radToast">
<input type="radio" id="radToastOn" name="radToast" value="on" />
<label for="radToastOn">Yes</label>
<input type="radio" id="radToastOff" name="radToast" value="off" />
<label for="radToastOff">No</label>
</div>
</div>
<div id="grpShowCount" style="display: inline-block; text-align: center; float: right;">
<h2 style="font-size: 1.2em; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;">
Show Page Count:
</h2>
<div id="radShowCount">
<input type="radio" id="radShowCountOn" name="radShowCount" value="on" />
<label for="radShowCountOn">Yes</label>
<input type="radio" id="radShowCountOff" name="radShowCount" value="off" />
<label for="radShowCountOff">No</label>
</div>
</div>
<br/>
<br/>
<div id="grpToastIcon">
<h2 style="font-size: 1.2em; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;">
Notification Icon:
</h2>
<div>
<input type="file" id="fileToastIcon" style="vertical-align: middle;" />
<img id="imgToastIcon" style="vertical-align: middle;" />
</div>
</div>
<div id="grpToastSound">
<h2 style="font-size: 1.2em; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;">
Notification Sound:
</h2>
<div>
<input type="file" id="fileToastSound" style="vertical-align: middle;" />
<audio id="audToastSound" style="vertical-align: middle;" controls="true" />
</div>
</div>
<div style="display: inline-block; width: 100%; text-align: center; margin-top: 40px;">
<button id="btnSave">Save</button>
<span style="width: 100px;"> </span>
<button id="btnReset">Reset to Defaults</button>
</div>
</div>
<div style="width: 35em; margin: 0px auto; text-align: center; font-size: 12px; font-style: italic; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;">
Homestuck Notifier <br/>
Version <span id="lblVersion"></span>
</div>
</body>
</html>