foobazdmx/views/index.tpl

58 lines
2.8 KiB
Smarty
Raw Normal View History

2022-07-20 22:27:40 +02:00
<html>
<head>
<title>Foo Baz DMX</title>
<link rel="stylesheet" href="static/main.css">
<script src="static/main.js" defer></script>
2022-07-20 22:27:40 +02:00
</head>
<body>
<h1>Foo Baz DMX</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_chase" value="chase"/>
<label for="animation_chase">Chase</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>
<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>
</div>
<div>
<input type="radio" class="js_animation" name="state" id="animation_caramelldansen" value="caramelldansen"/>
<label for="animation_caramelldansen">Caramelldansen</label>
</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>