-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
62 lines (51 loc) · 2.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Options for Video Seeking Everywhere</title>
<link rel="icon" href="./icons/video-seeking-everywhere.svg">
<link rel="stylesheet" href="./options/options.css">
<script type="application/javascript" src="browser-polyfill.min.js"></script>
<script src="./options/options.js" defer></script>
</head>
<body>
<div class="wrapper">
<fieldset>
<legend>
<h1 style="display: flex; align-items: center; gap: 1em;">
<img style="width: 2em; height: 2em;" src="./icons/video-seeking-everywhere.svg" alt="">
Options for Video Seeking Everywhere
</h1>
</legend>
<p>
Allows you to seek through any playing video on most websites using the <kbd><</kbd><kbd>></kbd> keys.
</p>
<p>
Use <kbd><</kbd> (or <kbd>,</kbd>) to rewind with <span data-rewind-sec>5</span> seconds<br>
Use <kbd>></kbd> (or <kbd>.</kbd>) to seek forward with <span data-forward-sec>5</span> seconds
</p>
<p>
You can change the amount of seconds to rewind or seek forward.
</p>
<form action="options.html" method="post">
<label for="rewind-seconds">Rewind Seconds
<input type="number" name="rewind-seconds" id="rewind-seconds" value="5" min="1">
</label>
<label for="forward-seconds">Forward Seconds
<input type="number" name="forward-seconds" id="forward-seconds" value="5" min="1">
</label>
<button type="reset" id="reset">Reset to defaults</button>
<button type="submit" id="save">Save</button>
</form>
</fieldset>
<div class="footer">
<a href="https://github.com/laurens94/video-seeking-everywhere" target="_blank" rel="noopener noreferrer">👨💻
Source Code</a>
<a href="https://github.com/laurens94/video-seeking-everywhere/issues/new" target="_blank"
rel="noopener noreferrer"><span>🐛 Report issue</span> <span>✨ Request feature</span></a>
<a href="https://ko-fi.com/lauwerens" target="_blank" rel="noopener noreferrer">☕ Buy me a coffee 🫶</a>
</div>
</div>
</body>
</html>