-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (115 loc) · 5.25 KB
/
index.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./src/styles.css">
<script type="module" src="./src/main.ts" defer></script>
<title>Tuxedo Keyboard Backlight Controller</title>
</head>
<body>
<div id="dialog_container"></div>
<div id="main">
<div class="row" id="enableBacklight">
<div class="left">
<label>Enable backlight:</label>
</div>
<div class="right">
<label class="switch">
<input type="checkbox" class="function">
<span class="slider"></span>
</label>
</div>
</div>
<div class="row dg-1" id="backlightMode">
<div class="left">
<label for="blmode">Backlight mode:</label>
</div>
<div class="right">
<select name="blmode" id="blmode" class="function">
<option value="0">Color</option>
<option value="1">Breathe</option>
<option value="2">Cycle</option>
<option value="3">Dance</option>
<option value="4">Flash</option>
<option value="5">Random Color</option>
<option value="6">Tempo</option>
<option value="7">Wave</option>
<option value="custom">Custom...</option>
</select>
</div>
</div>
<div class="dg-1 dg-5 dg-6" id="ckm_input_script">
<p>This is where you can input your script for your keyboard backlight animation.</p>
<p>For documentation, refer to this site: </p>
<p>Please note that while I've taken precaution to make sure the script can't mess around with the UI or the system, running script from unknown source is usually not very safe. So be sure to look into the script and check if it's safe or not.</p>
<p>Another note: This feature is currently in Beta, and may contains bugs.</p>
<textarea name="ckm_script" id="ckm_script" cols="30" rows="10"></textarea>
<div>
<button id="register_ckm_script">Apply</button>
</div>
</div>
<div class="dg-1 dg-5 dg-7" id="ckm_configurable_settings"></div>
<div class="row dg-1 dg-2" id="brightness">
<div class="left">
<label for="blbrightness">Brightness:</label>
</div>
<div class="right">
<input type="number" name="blbrightness" id="blbrightness" min="0" max="255" value="0" class="function">
</div>
</div>
<div class="row dg-1 dg-2" id="colorMode">
<div class="left">
<label for="clmode">Color mode:</label>
</div>
<div class="right">
<select name="clmode" id="clmode" class="function">
<option value="single">Single</option>
<option value="multiple">Multiple</option>
</select>
</div>
</div>
<div class="row dg-1 dg-2 dg-3" id="colorSingle">
<div class="left">
<label for="blcolor">Color:</label>
</div>
<div class="right">
<input type="color" name="blcolor" id="blcolor" class="function">
</div>
</div>
<div class="row dg-1 dg-2 dg-4" id="colorLeft">
<div class="left">
<label for="blcolorleft">Color left:</label>
</div>
<div class="right">
<input type="color" name="blcolorleft" id="blcolorleft" class="function">
</div>
</div>
<div class="row dg-1 dg-2 dg-4" id="colorMiddle">
<div class="left">
<label for="blcolormiddle">Color middle:</label>
</div>
<div class="right">
<input type="color" name="blcolormiddle" id="blcolormiddle" class="function">
</div>
</div>
<div class="row dg-1 dg-2 dg-4" id="colorRight">
<div class="left">
<label for="blcolorright">Color right:</label>
</div>
<div class="right">
<input type="color" name="blcolorright" id="blcolorright" class="function">
</div>
</div>
<div class="row dg-1 dg-2 dg-4" id="colorExtra">
<div class="left">
<label for="blcolorextra">Color extra:</label>
</div>
<div class="right">
<input type="color" name="blcolorextra" id="blcolorextra" class="function">
</div>
</div>
</div>
</body>
</html>