-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (47 loc) · 2.04 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
<!DOCTYPE="html">
<head>
<title>Party Lighting</title>
<link rel="stylesheet" type="text/css" href="./style.css">
<script type="text/javascript" src="./script.js"></script>
</head>
<body onload="colors()">
<div id="body" onclick="showControls()"></div>
<div id="controls">
<div class="group">
<div class="title">Speed</div>
<div id="speedNone" class="button" onclick="setSpeed('none')">None</div>
<div id="speedLow" class="button" onclick="setSpeed('low')">Low</div>
<div id="speedMedium" class="button-pressed" onclick="setSpeed('medium')">Medium</div>
<div id="speedHigh" class="button" onclick="setSpeed('high')">High</div>
</div>
<div class="group">
<div class="title">Fade</div>
<div id="fadeOn" class="button-pressed" onclick="setFade(true)">On</div>
<div id="fadeOff" class="button" onclick="setFade(false)">Off</div>
</div>
<div class="group">
<div class="title">Color</div>
<div class="row">
<div class="column">
<div id="color-red" class="button" onclick="setColor('red')">Red</div>
<div id="color-yellow" class="button" onclick="setColor('yellow')">Yellow</div>
<div id="color-lime" class="button" onclick="setColor('lime')">Lime</div>
<div id="color-cyan" class="button" onclick="setColor('cyan')">Cyan</div>
<div id="color-magenta" class="button" onclick="setColor('magenta')">Magenta</div>
</div>
<div class="column">
<div id="color-darkred" class="button" onclick="setColor('darkred')">Maroon</div>
<div id="color-orangered" class="button" onclick="setColor('orangered')">Orange</div>
<div id="color-green" class="button" onclick="setColor('green')">Green</div>
<div id="color-blue" class="button" onclick="setColor('blue')">Blue</div>
<div id="color-purple" class="button" onclick="setColor('purple')">Purple</div>
</div>
</div>
</div>
<div class="group">
<div class="title">Controls</div>
<div class="button" onclick="hideControls()">Hide</div>
<div class="desc">Click anywhere to<br>show controls again</div>
</div>
</div>
</body>