114 lines
3.0 KiB
HTML
114 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>SONY RM-D20P Pico Remote</title>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
|
/>
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<h2 class="headline">SONY RM-D27M Remote</h2>
|
|
<span class="text-white text-with-line">LED Test Mode</span>
|
|
<div class="upper-buttonbox">
|
|
|
|
<form action="/api/control-led" method="post">
|
|
<button name="led" type="submit" value="1" class="smallbutton">
|
|
LED on
|
|
</button>
|
|
<button name="led" type="submit" value="0" class="smallbutton">
|
|
LED off
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<span class="text-orange text-with-line">Title Editing</span>
|
|
<form action="/api/gettext" method="post" class="textinput-wrapper">
|
|
<textarea name="text_box" rows="4" cols="50"></textarea>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
|
|
<section>
|
|
<form action="/api/gettextinput" method="get" class="textinput-wrapper">
|
|
<label for="text_input">Change Title</label>
|
|
<input type="text" name="text_input" class="textinput"/>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
</section>
|
|
|
|
<div class="upper-buttonbox">
|
|
<form action="/api/control-deck" method="post">
|
|
<button
|
|
name="control"
|
|
type="submit"
|
|
value="power"
|
|
class="smallbutton"
|
|
>
|
|
power
|
|
</button>
|
|
<button
|
|
name="control"
|
|
type="submit"
|
|
value="play"
|
|
class="smallbutton"
|
|
>
|
|
play
|
|
</button>
|
|
<button
|
|
name="control"
|
|
type="submit"
|
|
value="pause"
|
|
class="smallbutton"
|
|
>
|
|
pause
|
|
</button>
|
|
<button
|
|
name="control"
|
|
type="submit"
|
|
value="stop"
|
|
class="smallbutton"
|
|
>
|
|
stop
|
|
</button>
|
|
<button
|
|
name="control"
|
|
type="submit"
|
|
value="next"
|
|
class="smallbutton"
|
|
>
|
|
next
|
|
</button>
|
|
<button class="roundbutton"></button>
|
|
<button class="roundbutton"></button>
|
|
</form>
|
|
</div>
|
|
<div class="lower-buttonbox">
|
|
<button>Q</button>
|
|
<button>W</button>
|
|
<button>E</button>
|
|
<button>R</button>
|
|
<button>T</button>
|
|
<button>Z</button>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<p>KEY BOARD REMOTE COMMANDER</p>
|
|
</footer>
|
|
|
|
/*
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
|
|
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
*/
|
|
</body>
|
|
</html>
|