lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Always show the corner buttons

Browse source
This commit is contained in:
Anders Christiansen Sørby 2021-02-23 23:13:47 +01:00
parent 8139cf0734
commit 919df01275
No known key found for this signature in database
GPG key ID: 1486C914F8AB79AA
2 changed files with 44 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

80
webdata/index.html
View file

@ -1,47 +1,49 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="fn.js"></script> <script src="fn.js"></script>
<script src="sha256.js"></script> <script src="sha256.js"></script>
<title>Remote Touchpad</title> <title>Remote Touchpad</title>
<link href="main.css" media="screen" rel="stylesheet"> <link href="main.css" media="screen" rel="stylesheet">
<link href="icon.png" type="image/png" rel="shortcut icon"> <link href="icon.png" type="image/png" rel="shortcut icon">
</head>
<div id="opening"> <body>
<noscript><p>JavaScript is required!</p></noscript>
<p>Connecting…</p>
</div>
<div id="closed" class="hidden">
<p>Disconnected</p>
<button id="reloadbutton">↻</button>
</div>
<div id="pad" class="hidden">
<p id="padlabel">Touchpad</p>
<button id="keysbutton">☰</button> <button id="keysbutton">☰</button>
<button id="fullscreenbutton">⤢</button> <button id="fullscreenbutton">⤢</button>
<button id="keyboardbutton">⌨</button> <button id="keyboardbutton">⌨</button>
</div> <div id="opening">
<div id="keyboard" class="hidden"> <noscript><p>JavaScript is required!</p></noscript>
<textarea id="text" cols=1 rows=1></textarea> <p>Connecting…</p>
<button id="sendbutton">➣</button>
</div>
<div id="keys" class="hidden">
<div class="buttons">
<button id="browserbackbutton">⭠</button>
<button id="superbutton">🪟</button>
<button id="browserforwardbutton">⭢</button>
</div> </div>
<div class="buttons"> <div id="closed" class="hidden">
<button id="prevtrackbutton">⏮</button> <p>Disconnected</p>
<button id="playpausebutton">⏯</button> <button id="reloadbutton">↻</button>
<button id="nexttrackbutton">⏭</button>
</div> </div>
<div class="buttons"> <div id="pad" class="hidden">
<button id="volumedownbutton">🔉</button> <p id="padlabel">Touchpad</p>
<button id="volumemutebutton">🔇</button>
<button id="volumeupbutton">🔊</button>
</div> </div>
</div> <div id="keyboard" class="hidden">
<textarea id="text" cols=1 rows=1></textarea>
<button id="sendbutton">➣</button>
</div>
<div id="keys" class="hidden">
<div class="buttons">
<button id="browserbackbutton">⭠</button>
<button id="superbutton">🪟</button>
<button id="browserforwardbutton">⭢</button>
</div>
<div class="buttons">
<button id="prevtrackbutton">⏮</button>
<button id="playpausebutton">⏯</button>
<button id="nexttrackbutton">⏭</button>
</div>
<div class="buttons">
<button id="volumedownbutton">🔉</button>
<button id="volumemutebutton">🔇</button>
<button id="volumeupbutton">🔊</button>
</div>
</div>
</body>

3
webdata/main.css
View file

@ -103,6 +103,7 @@ button:focus {
bottom: 0; bottom: 0;
border-bottom: none; border-bottom: none;
border-left: none; border-left: none;
position: absolute;
} }
#keyboardbutton { #keyboardbutton {
@ -110,6 +111,7 @@ button:focus {
bottom: 0; bottom: 0;
border-right: none; border-right: none;
border-bottom: none; border-bottom: none;
position: absolute;
} }
#keysbutton { #keysbutton {
@ -117,6 +119,7 @@ button:focus {
top: 0; top: 0;
border-top: none; border-top: none;
border-left: none; border-left: none;
position: absolute;
} }
textarea { textarea {