-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
52 lines (48 loc) · 2.09 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
<!DOCTYPE html>
<html>
<head>
<title>Ncage+ Options</title>
<!-- It's important to load the image libraries here so options.js can have access to them -->
<script src="ncageImages.js"></script>
<script src="rubberDuckImages.js"></script>
<script src="animeGirlImages.js"></script>
<script src="defaultOptions.js"></script>
<link rel="stylesheet" href="./css/style.css">
</head>
<body class=ncBody>
<h1>Welcome to nCage+!</h1>
<h3>This is the options page, where you can specify how you would like the extension to behave.</h3>
<div class="ncCategory">
<h2>Image Replacement</h2>
<div class=ncOptionAttribute>
<label>Enable Image Replacement:</label>
<input id="enableImageReplacement" type="checkbox" checked="true">
</div>
<div class=ncOptionAttribute>
<label>Image Replacement Rate:</label>
<input id="imgReplaceProb" type="number" min="0" max="100" value="2"> %
</div>
<div class=ncOptionAttribute>
<label>Select a library of images to use:</label>
<select name="libs" id="imageLibrary">
<option value="nCage">Nicholas Cage</option>
<option value="rubberDucks">Rubber Ducks</option>
<option value="animeGirls">Anime Girls</option>
<option value="censored">Censored</option>
</select>
</div>
<!-- <label>
<input type="checkbox"> Enable Gradual Increase
</label>
<br>
<label>Daily Replacement Rate Increment</label>
<input type="number" min="0" max="100" value="3"> % -->
<div id="ncStatus"></div>
<button class="ncSaveButton" id="saveImageOptions">Save Image Settings</button>
</div>
<div class="ncFooter">
<p>How was your experience? Do you have any funny stories to share? Feedback? Bug reports? Feature requests? <a href="https://chrome.google.com/webstore/detail/ncage%2B/blenoallcdijagcfhdbidjiimoandabh">Let me know!</a></p>
</div>
<script src="options.js"></script>
</body>
</html>