forked from fej-snikduj/URLColors
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
executable file
·82 lines (81 loc) · 2.22 KB
/
popup.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
80
81
82
<!doctype html>
<html>
<head>
<title>URL Colors</title>
<style>
body {
margin: 0px;
padding: 0px;
background: white;
width: 500px;
height: 800px;
font-size: 1rem;
}
.settings {
width: 100%;
margin: 10px;
}
textArea {
height: 350px;
width: 50%;
}
input {
width: 25%;
}
.note {
margin-top: 2px;
margin-bottom: 5px;
font-size: .8rem;
}
#expiration-time {
color: red;
margin-top: 5px;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<div class="settings">
<h3> Snooze </h3>
<div>
Snooze for: <input type="number" name="snooze-time" checked> minutes.
<button id="snooze"> Snooze </button>
<button id="cancel" disabled> Cancel </button>
<div id="expiration-time"></div>
<br>
</div>
<h3> Settings </h3>
<div>
Active: <input type="checkbox" name="active" checked><br>
</div>
<div>
Default Border Width: <input type="text" name="border-width" placeholder="15px"><br>
</div>
<div>
Default Opacity: <input type="text" name="opacity" placeholder=".2"><br>
</div>
<div class="note">
Note: use 100vw as border width and a low opacity (.05) for a full screen colored mask <br>
You can overried these default settings for individual keyword matches below.
</div>
</div>
<div class="settings">
<h3> Url Keyword Options </h3>
<div class="note">
Note: Each set of keyword options is on a new line with the format for each being: <br>
<strong>keyword, color, [flash], [timer], [border width], [opacity] </strong><br>
Where keyword and color are required. If you type in 'flash' as the third word, then the box will blink at <thead>
interval set by the optional parameter 'timer'. You can also specify custom border width and opacity values
that will override the default values above.
</div>
<div>
<textarea id="url-settings"
placeholder=
"google.com, blue
facebook.com, green, flash, 4
anythinghere, pink"
></textarea>
</div>
</div>
</body>
</html>