-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpopup.html
44 lines (44 loc) · 1.56 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
<html>
<head>
<title>Genderizer Popup</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="toggle-wrapper">
Toggle Genderizer:
<div id="ext-toggle" class="toggle">
<span data-value='off'>Off</span>
<span data-value='on'>On</span>
</div>
</div>
<hr />
<div>
Choose your own colors:
</div>
<div id="color-options-wrapper">
<div align="right">
<div class="color-option">
<label for="fcolor" id="fcolor-label" style="margin:.5em">Feminine</label>
<input type="color" id="fcolor" name="fcolor" value="#730000">
</div>
<div class="color-option">
<label for="mcolor" id = "mcolor-label" style="margin:.5em">Masculine</label>
<input type="color" id="mcolor" name="mcolor" value="#000873">
</div>
<div class="color-option">
<label for="ncolor" id = "ncolor-label" style="margin:.5em">Neuter</label>
<input type="color" id="ncolor" name="ncolor" value="#125200">
</div>
<div class="color-option">
<label for="acolor" id = "acolor-label" style="margin:.5em">Ambiguous</label>
<input type="color" id="acolor" name="acolor" value="#440052">
</div>
</div>
</div>
<div align="center" class="button-container">
<span id="reset" class="reset button" style="margin: 1 0.5em;">Reset</span>
<span id="save" class="save button" style="margin:0 0.5em;">Save</span>
<script src="options.js"></script>
</div>
</body>
</html>