diff options
| author | Devaev Maxim <[email protected]> | 2018-07-16 23:29:29 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-16 23:29:29 +0300 |
| commit | ddabd32807cf6a693127a31532bb9651060a778f (patch) | |
| tree | 568cc6831374cbacd18dc2dac551da120c1cc45b /kvmd/web/index.html | |
| parent | eda29498097b05afab38b7f8a586597b40563039 (diff) | |
pretty ui
Diffstat (limited to 'kvmd/web/index.html')
| -rw-r--r-- | kvmd/web/index.html | 62 |
1 files changed, 35 insertions, 27 deletions
diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 77e3a489..abd232c9 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -18,33 +18,41 @@ <script>window.onload = main;</script> <body> - <div id="stream-box"> - <img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..." /> - <hr> - <table cellpadding="0" cellspacing="0" style="border: none;"> - <tr> - <td><img id="stream-led" class="led-off" src="svg/stream-led.svg" /></td> - <td> </td> - <td><img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /></td> - <td> </td> - <td><img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /></td> - <td> </td> - <td><button id="stream-reset-button" type="button" title="Click here if your video looks like crap" onclick="stream.clickResetButton(this);">Reset stream</button></td> - </tr> - </table> - </div> + <ul id="ctl"> + <li class="ctl-left"><img id="logo" src="svg/logo.svg" alt="π-kvm" /></li> + <li class="ctl-right"><img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /></li> + <li class="ctl-right"><img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /></li> + <li class="ctl-right"><img id="stream-led" class="led-off" src="svg/stream-led.svg" /></li> + <li class="ctl-right"><img id="msd-led" class="led-off" src="svg/msd-led.svg" /></li> + <li class="ctl-right"><img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /></li> + <li class="ctl-right-sep"><img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /></li> + + <li class="ctl-right-sep"> + <div class="ctl-dropdown"> + <a class="ctl-item" href="#">ATX Buttons↴</a> + <div class="ctl-dropdown-content"> + <button id="atx-power-button" onclick="atx.clickButton(this);" href="#">Click Power</button> + <button id="atx-power-button-long" onclick="atx.clickButton(this);" href="#">Click Power (long)</button> + <hr> + <button id="atx-reset-button" onclick="atx.clickButton(this);"href="#">Click Reset</button> + </div> + </div> + </li> - <table cellpadding="0" cellspacing="5" style="border: none;"> - <tr> - <td><img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /></td> - <td><img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /></td> - <td> </td> - <td><img id="msd-led" class="led-off" src="svg/msd-led.svg" /></td> - <td> </td> - <td><button id="atx-power-button" type="button" title="Click hardware power button" onclick="atx.clickButton(this);">Power</button></td> - <td><button id="atx-power-button-long" type="button" title="Click hardware power button (long press)" onclick="atx.clickButton(this);">Power (long)</button></td> - <td><button id="atx-reset-button" type="button" title="Click to force reset" onclick="atx.clickButton(this);">Reset</button></td> - </tr> - </table> + <li class="ctl-right-sep"> + <div class="ctl-dropdown"> + <a class="ctl-item" href="#">Tools ↴</a> + <div class="ctl-dropdown-content"> + <button id="stream-reset-button" onclick="stream.clickResetButton(this);"href="#">Reset stream</button> + </div> + </div> + </li> + </ul> + + <div class="centered"> + <div id="stream-box"> + <img src="/streamer/?action=stream" id="stream-image" class="stream-image-inactive" alt="Loading..." /> + </div> + </div> </body> </html> |