kvmd/web/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>&pi;-kvm</title>
	<link rel="stylesheet" href="css/main.css">
</head>

<script src="js/tools.js"></script>
<script src="js/stream.js"></script>
<script src="js/atx.js"></script>
<script src="js/keyboard.js"></script>
<script src="js/mouse.js"></script>
<script src="js/hid.js"></script>
<script src="js/msd.js"></script>
<script src="js/session.js"></script>
<script src="js/main.js"></script>

<script>window.onload = main;</script>

<body>
	<ul id="ctl">
		<li class="ctl-left"><img id="logo" src="svg/logo.svg" alt="&pi;-kvm" /></li>

		<li class="ctl-right-sep">
			<div class="ctl-dropdown">
				<a class="ctl-item" href="#">
					<img id="stream-led" class="led-off" src="svg/stream-led.svg" />
					<img id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" />
					<img id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" />
					System &#8628;
				</a>
				<div class="ctl-dropdown-content">
					<button id="stream-reset-button" onclick="stream.clickResetButton(this);"href="#">Reset stream</button>
				</div>
			</div>
		</li>

		<li class="ctl-right-sep">
			<div class="ctl-dropdown">
				<a class="ctl-item" href="#">
					<img id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" />
					<img id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" />
					ATX &#8628;
				</a>
				<div class="ctl-dropdown-content">
					<button id="atx-power-button" onclick="atx.clickButton(this);" href="#">Click Power <sup><i>short</i></sup></button>
					<button id="atx-power-button-long" onclick="atx.clickButton(this);" href="#">Click Power <sup><i>long</i></sup></button>
					<hr>
					<button id="atx-reset-button" onclick="atx.clickButton(this);"href="#">Click Reset</button>
				</div>
			</div>
		</li>

		<li class="ctl-right-sep">
			<div class="ctl-dropdown">
				<a class="ctl-item" href="#">
					<img id="msd-led" class="led-off" src="svg/msd-led.svg" />
					Mass Storage &#8628;
				</a>
				<div class="ctl-dropdown-content">
					О, привет!<br>
					К сожалению, я пока не реализовал эту функцию,<br>
					но ты можешь полюбоваться на эту великолепную менюшку :3
				</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>