foobazdmx/views/index.tpl

43 lines
2 KiB
Smarty
Raw Normal View History

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">
<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>
<div class="controls">
<fieldset class="buttons">
<legend>Animation</legend>
2022-07-20 22:27:40 +02:00
<div>
<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>
<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>
<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>
</fieldset>
<fieldset class="colors">
<legend>Color</legend>
2022-07-20 22:27:40 +02:00
<div>
<input type="color" name="color" id="color" value="#0000ff"/>
<label for="color">Color</label>
2022-07-20 22:27:40 +02:00
</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>
2022-07-20 22:27:40 +02:00
</fieldset>
</div>
</body>
</html>