dario
69840b41fc
new animation that disables the lights on the projector side of the room mostly copied from the kitchenlight effect by tessak9
57 lines
2.7 KiB
Go Template
57 lines
2.7 KiB
Go Template
<html>
|
|
<head>
|
|
<title>Foo Baz DMX - {{room}}</title>
|
|
<link rel="stylesheet" href="static/main.css">
|
|
<script src="static/main.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<h1>Foo Baz DMX - {{room}}</h1>
|
|
<div class="controls">
|
|
<fieldset class="buttons">
|
|
<legend>Animation</legend>
|
|
<div>
|
|
<input type="radio" class="js_animation" name="state" id="animation_off" value="off"/>
|
|
<label for="animation_off">Off</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" class="js_animation" name="state" id="animation_white" value="steady"/>
|
|
<label for="animation_white">Steady</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" class="js_animation" name="state" id="animation_rainbow" value="rainbow"/>
|
|
<label for="animation_rainbow">Rainbow</label>
|
|
</div>
|
|
% if room == "big":
|
|
<div>
|
|
<input type="radio" class="js_animation" name="state" id="animation_kitchenlight" value="kitchenlight"/>
|
|
<label for="animation_kitchenlight">Kitchenlight</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" class="js_animation" name="state" id="animation_beamermode" value="beamermode"/>
|
|
<label for="animation_kitchenlight">Beamer Mode</label>
|
|
</div>
|
|
% end
|
|
<div>
|
|
<input type="radio" class="js_animation" name="state" id="animation_hackertours" value="hackertours"/>
|
|
<label for="animation_hackertours">Hackertours</label>
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="colors">
|
|
<legend>Color</legend>
|
|
<div>
|
|
<input type="color" name="color" id="color" value="#0000ff"/>
|
|
<label for="color">Color</label>
|
|
</div>
|
|
<div>
|
|
<input type="button" class="button_color button_color_white js_color" name="white" value="White" data-color="#ffffff"/>
|
|
<input type="button" class="button_color button_color_red js_color" name="red" value="Red" data-color="#ff0000"/>
|
|
<input type="button" class="button_color button_color_yellow js_color" name="yellow" value="Yellow" data-color="#ffff00"/>
|
|
<input type="button" class="button_color button_color_green js_color" name="green" value="Green" data-color="#00ff00"/>
|
|
<input type="button" class="button_color button_color_cyan js_color" name="cyan" value="Cyan" data-color="#00ffff"/>
|
|
<input type="button" class="button_color button_color_blue js_color" name="blue" value="Blue" data-color="#0000ff"/>
|
|
<input type="button" class="button_color button_color_magenta js_color" name="magenta" value="Magenta" data-color="#ff00ff"/>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</body>
|
|
</html>
|