152 lines
6.3 KiB
HTML
152 lines
6.3 KiB
HTML
|
|
<!--
|
|
Title block and laser state
|
|
-->
|
|
|
|
<div class="mgtitle">
|
|
|
|
<!-- LJ Logo -->
|
|
<div><img src="knobs/ljaylogo.png">
|
|
</div>
|
|
|
|
<!-- ON OFF button -->
|
|
<div class="onoffgrid">
|
|
<div class="lasertextxs">/on</div>
|
|
<div><webaudio-switch id="on" height="57" width="57" value="0" src="knobs/onoff3.png" type="toggle"></webaudio-switch></div>
|
|
</div>
|
|
|
|
<!-- Lasers states grid -->
|
|
<div class="lsttgrid">
|
|
|
|
<div></div>
|
|
<div></div>
|
|
<div class="lasertextxs">S</div>
|
|
<div class="lasertextxs">C</div>
|
|
|
|
<!-- Laser 0 lstt & lack -->
|
|
<div class="lasertextxs">0</div>
|
|
<div></div>
|
|
<div><webaudio-knob id="lstt/0" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
<div><webaudio-knob id="lack/0" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
|
|
<!-- Laser 1 lstt & lack -->
|
|
<div class="lasertextxs">1</div>
|
|
<div></div>
|
|
<div><webaudio-knob id="lstt/1" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
<div><webaudio-knob id="lack/1" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
|
|
<!-- Laser 2 lstt & lack -->
|
|
<div class="lasertextxs">2</div>
|
|
<div></div>
|
|
<div><webaudio-knob id="lstt/2" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
<div><webaudio-knob id="lack/2" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
|
|
<!-- Laser 3 lstt & lack -->
|
|
<div class="lasertextxs">3</div>
|
|
<div></div>
|
|
<div><webaudio-knob id="lstt/3" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
<div><webaudio-knob id="lack/3" src="knobs/leds.png" height="17" width="17" diameter="17" min="0" max="6" value="0" sprites="6"></webaudio-knob></div>
|
|
</div>
|
|
|
|
<!-- blackout button -->
|
|
<div class="blackout">
|
|
<div class="lasertextxs">Emergy Black</div>
|
|
<div><webaudio-switch id="emergency" height="64" width="64" value="0" src="knobs/blackout.png" type="toggle"></webaudio-switch></div>
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div class="topgrid">
|
|
<div>
|
|
<!-- Glyph destination LJ client Selection -->
|
|
<webaudio-switch id="glyph/start" value="0" height="27" width="80" tooltip="Switch-B" src="knobs/glyph.png"></webaudio-switch>
|
|
<select onclick="buttonClicked(this.value)" id="virtual" value="0">
|
|
<option value="glyph/ljclient 0">0</option>
|
|
<option value="glyph/ljclient 1">1</option>
|
|
<option value="glyph/ljclient 2">2</option>
|
|
<option value="glyph/ljclient 3">3</option>
|
|
</select>
|
|
<!-- Glyph Point List destination -->
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="glyph/pl 0">0</option>
|
|
<option value="glyph/pl 1">1</option>
|
|
<option value="glyph/pl 2">2</option>
|
|
<option value="glyph/pl 3">3</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<!-- FFT destination LJ client Selection -->
|
|
<webaudio-switch id="fft/start" value="0" height="27" width="80" tooltip="Switch-B" src="knobs/fft.png"></webaudio-switch>
|
|
<select onclick="buttonClicked(this.value)" id="virtual" value="0">
|
|
<option value="fft/ljclient 0">0</option>
|
|
<option value="fft/ljclient 1">1</option>
|
|
<option value="fft/ljclient 2">2</option>
|
|
<option value="fft/ljclient 3">3</option>
|
|
</select>
|
|
<!-- FFT Point List destination -->
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="fft/pl 0">0</option>
|
|
<option value="fft/pl 1">1</option>
|
|
<option value="fft/pl 2">2</option>
|
|
<option value="fft/pl 3">3</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<!-- Nozoids destination LJ client Selection -->
|
|
<webaudio-switch id="nozoid/start" value="0" height="27" width="80" tooltip="Switch-B" src="knobs/nozoids.png"></webaudio-switch>
|
|
<select onclick="buttonClicked(this.value)" id="virtual" value="0">
|
|
<option value="nozoid/ljclient 0">0</option>
|
|
<option value="nozoid/ljclient 1">1</option>
|
|
<option value="nozoid/ljclient 2">2</option>
|
|
<option value="nozoid/ljclient 3">3</option>
|
|
</select>
|
|
<!-- Nozoids Point List destination -->
|
|
<select onclick="buttonClicked(this.value)">
|
|
<option value="nozoid/pl 0">0</option>
|
|
<option value="nozoid/pl 1">1</option>
|
|
<option value="nozoid/pl 2">2</option>
|
|
<option value="nozoid/pl 3">3</option>
|
|
</select>
|
|
</div>
|
|
<!--
|
|
<div class="app">
|
|
<x-sign>
|
|
<div class="glitch __city" data-text="paris city">
|
|
</div>
|
|
<div class="glitch __info" data-text="paris city">
|
|
</div>
|
|
|
|
<div class="glitch __state">
|
|
<table class="t-info">
|
|
<tr>
|
|
<th class="xl-info" colspan="2" rowspan="2"></th>
|
|
<th class="sm-info" colspan="2"></th>
|
|
</tr>
|
|
<tr>
|
|
<td class="sm-info" colspan="2">http://www.teamlaser.fr</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</x-sign>
|
|
</div>
|
|
-->
|
|
<!--
|
|
<div class="lasertext">Laser</div>
|
|
<div><webaudio-knob id="noteon" src="knobs/Prophetic5.png" diameter="70" min="16" max="20" value="0" sprites="5"></webaudio-knob></div>
|
|
<div><webaudio-param style="font-size:medium;" link="noteon"></webaudio-param></div>
|
|
<div class="lasertext">Set</div>
|
|
<div><webaudio-knob id="noteon" src="knobs/Prophetic5.png" diameter="70" min="8" max="12" value="4" sprites="5"></webaudio-knob></div>
|
|
<div class="lasertext">Curve</div>
|
|
<div><webaudio-knob id="noteon" src="knobs/Prophetic10.png" diameter="70" min="0" max="7" value="4" sprites="10"></webaudio-knob></div>
|
|
<div class="lasertext">Simu</div>
|
|
<div><webaudio-knob id="noteon" src="knobs/Prophetic5.png" diameter="70" min="24" max="28" value="0" sprites="5"></webaudio-knob></div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<!-- End of Title block -->
|