LJ/webui/blocks/title.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 -->