ColorDirect/indexpop.html at main · Illigo19/ColorDirect · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>ColorDirect</title>
	<link rel="stylesheet" type="text/css" href="sheet.css">
	<script type="text/javascript" src="background.js"></script>

</head>
<body>
	<h1>ColorDirect</h1>
	<p>Un peu de gaîté dans ce monde de brute</p><br>
	<h3>Réglages principaux :</h3>
	<table>
		<th>
			<p>activer ColorDirect</p>
		</th>
		<th>
			<label class="switch">
				<input type="checkbox" id="all" checked>
				<span class="slider round"></span>
			</label>
		</th>
	</table>
	<p><h3>Fond d'écran :</h3>
		<table>
			<tr>
				<th>
					<label>Couleur : </label>
					<input type="color" id="backcolor" name="favcolor" ></p>
				</th>
				<th>

					<label class="switch">

  						<input type="checkbox" id="backTrue" >
  						<span class="slider round"></span>

					</label>
				</th>

			</tr>
		</table>
		<h3>Espace élève :</h3>
		<table>
			<tr>
				<th>
					<label>Couleur : </label>
					<input type="color" id="elevBack" name="elevBack">
				</th>
				<th>
					<label class="switch">

  						<input type="checkbox" id="backTrueStudent" >
  						<span class="slider round"></span>

					</label>
				</th>
			</tr>

		</table>
		<h3>Modes spéciaux :</h3>
		<table>
			<tr>
				<th>
					<label>Mode <i>G@meurz</i></label>
				</th>
				<th>
					<label class="switch">

  						<input type="checkbox" id="gamer" >
  						<span class="slider round"></span>

					</label>
				</th>

			</tr>
			<td>
				<div class="gamer-speed">
					<p id="pGamer" style="display: none; text-align: left;">Gamerzz speed : </p>
					<table>
						<tr>
							<th>
								<input type="range" id="range" min="0.1" max="20" step="0.5" style="display: none;">
							</th>
							<th><p id="speed"></p></th>
						</tr>
					</table>

				</div>

			</td>
			<tr>
				<th></th>
			</tr>
		</table>


<script src="background.js">
</script>


</body>
</html>