2022-07-20 22:27:40 +02:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2024-02-27 19:42:19 +01:00
|
|
|
<title>Foo Baz DMX - {{room}}</title>
|
2022-07-20 22:27:40 +02:00
|
|
|
<link rel="stylesheet" href="static/main.css">
|
2022-07-24 11:43:00 +02:00
|
|
|
<script src="static/main.js" defer></script>
|
2022-07-20 22:27:40 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-02-27 19:42:19 +01:00
|
|
|
<h1>Foo Baz DMX - {{room}}</h1>
|
2022-07-24 11:43:00 +02:00
|
|
|
<div class="controls">
|
|
|
|
|
<fieldset class="buttons">
|
|
|
|
|
<legend>Animation</legend>
|
2022-07-20 22:27:40 +02:00
|
|
|
<div>
|
2022-07-24 11:43:00 +02:00
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_off" value="off"/>
|
|
|
|
|
<label for="animation_off">Off</label>
|
2022-07-20 22:27:40 +02:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2022-07-24 11:43:00 +02:00
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_white" value="steady"/>
|
|
|
|
|
<label for="animation_white">Steady</label>
|
2022-07-20 22:27:40 +02:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2022-07-24 11:43:00 +02:00
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_chase" value="chase"/>
|
|
|
|
|
<label for="animation_chase">Chase</label>
|
2022-07-20 22:27:40 +02:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2022-07-24 11:43:00 +02:00
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_rainbow" value="rainbow"/>
|
|
|
|
|
<label for="animation_rainbow">Rainbow</label>
|
2022-07-20 22:27:40 +02:00
|
|
|
</div>
|
2022-08-06 19:42:40 +02:00
|
|
|
<div>
|
|
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_randomsingle" value="randomsingle"/>
|
|
|
|
|
<label for="animation_randomsingle">Random Single</label>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_twocolor" value="twocolor"/>
|
2022-08-06 19:42:59 +02:00
|
|
|
<label for="animation_twocolor">Complementary</label>
|
2022-08-06 19:42:40 +02:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<input type="radio" class="js_animation" name="state" id="animation_caramelldansen" value="caramelldansen"/>
|
|
|
|
|
<label for="animation_caramelldansen">Caramelldansen</label>
|
|
|
|
|
</div>
|
2022-07-24 11:43:00 +02:00
|
|
|
</fieldset>
|
|
|
|
|
<fieldset class="colors">
|
|
|
|
|
<legend>Color</legend>
|
2022-07-20 22:27:40 +02:00
|
|
|
<div>
|
2022-07-24 11:43:00 +02:00
|
|
|
<input type="color" name="color" id="color" value="#0000ff"/>
|
|
|
|
|
<label for="color">Color</label>
|
2022-07-20 22:27:40 +02:00
|
|
|
</div>
|
2022-07-21 18:45:46 +02:00
|
|
|
<div>
|
2022-07-24 11:43:00 +02:00
|
|
|
<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"/>
|
2022-07-21 18:45:46 +02:00
|
|
|
</div>
|
2022-07-20 22:27:40 +02:00
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
