-
Notifications
You must be signed in to change notification settings - Fork 5
/
joyviz.html
50 lines (39 loc) · 2.64 KB
/
joyviz.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="gamepad, controller, joystick">
<meta name="description" content="joystick visualizer">
<title>joyviz</title>
<style type="text/css">@import "joyviz_files/main.css";</style>
<style type="text/css">@import "joyviz_files/joy.css";</style>
</head>
<body class="svg" style="margin: 0; width: 100%; height: 100%; position: absolute; overflow: hidden; background-color: #505050;">
<div id="ctrlpanel" class="control_panel" style="position: relative; color: white">
<h6 style="display: inline-block; margin-right: 2em"><img src="joyviz_files/favicon.ico" style="vertical-align: middle"> <a href="joyviz.html">joyviz</a></h6>
<p id="info_text"><a href="https://web.archive.org/web/20220818185347/http://www.teall.info/2019/03/joystick-visualizer.html">More info and help</a></p>
<div id="seria_name" style="color: lightgray; position: absolute; left: 12em; top: 15px"></div>
<div style="float: right; position: absolute; right: 5px; top: 10px">
<button id="btn_joysticks">joysticks</button>
<button id="btn_settings">settings</button>
<button id="btn_clear">clear</button>
<button id="btn_load">load</button>
<button id="btn_save">save</button>
<button id="btn_run">chromakey</button>
</div>
</div>
<div id="infohelp" style="width: 100%; text-align: center; position: absolute; top: 190px; color: white; font-size: 150%; display: inline-block;">
Double-click to add a widget to the screen<br>
Press ESC to exit chromakey
<div style="width: 100%; text-align: center; position: absolute; top: 80px; color: white; font-size: 70%;">
<a href="https://paypal.me/teal/">Your help is very appreciated. Donate to support this project.</a>
</div>
</div>
<span id="ruler" class="ui-widget ui-widget-content"></span>
<script type="text/javascript" src="joyviz_files/joyviz.js"></script>
<script type="text/javascript" src="joyviz_files/joyviz.svg.js"></script>
<script type="text/javascript" src="joyviz_files/joyviz.gui.js"></script>
<script type="text/javascript" src="joyviz_files/main.js"></script>
<script type="text/javascript" defer="defer">
joy_initialize(document.body, window.innerWidth - 1, window.innerHeight - 1);
</script>
</body></html>