/
index.html
108 lines (90 loc) · 3.56 KB
/
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Le styles -->
<link href="./css/bootstrap.css" rel="stylesheet">
<link href="./css/bootstrap-responsive.css" rel="stylesheet">
<link href="./css/test-page.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div id="canvas" class="span7">
<canvas id="emu-canvas">
</canvas>
</div>
<div id="buttons" class="span4 btn-group btn-group-vertical">
<button id="button-pause" class="panel-button btn" type="button">
<i class="icon-pause"></i><br>pause</button>
<button id="button-play" class="panel-button btn" type="button">
<i class="icon-play"></i><br>play</button>
<button id="button-reset" class="panel-button btn" type="button"><i class="icon-off"></i><br>reset </button>
<button id="button-save" class="panel-button btn" type="button"><i class="icon-save"></i><br>save</button>
<button id="button-load" class="panel-button btn" type="button"><i class="icon-folder-open-alt"></i><br> open</button>
<input type="file" id="file-rom" name="file-rom" class="panel-button btn"><i class="icon-folder-open"> </i><br>open rom </button>
<button id="button-sound" class="panel-button btn" type="button"><i class="icon-volume-off"></i><br>volume off</button>
</div>
</div>
<div class="row">
<div id="controllers-panel" class="span12">
<div id="controllers-panel-header">
<div id="controllers-text">Controllers </div>
<button id="button-add-controller" class="add-controller-button" type="button">+</button>
</div>
<div class="controller" id="controller-prototype">
<div class="controller-header">
<div class="controller-header-player-name">Player #1</div>
<button class="controller-header-close-button" type="button">x</button>
</div>
<div class="controller-section">
<ul>
<li id="controller-button-prototype"> <button class="controller-button" type="button">A</button>
</li>
</ul>
</div>
<div class="controller-section">
<ul>
<li id="controller-dpad-prototype">
<div class="controller-dpad">
<button class="controller-dpad-button-up" type="button">u
</button>
<button class="controller-dpad-button-left" type="button">l
</button>
<button class="controller-dpad-button-down"type="button">d
</button>
<button class="controller-dpad-button-right" type="button">r
</button>
</div>
</li>
</ul>
</div>
<div class="controller-section">
<ul>
<li id="controller-joystick-prototype">
<div class="controller-joystick">
<div class="controller-joystick-outer">
</div>
<div class="controller-joystick-inner">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery.js"></script>
<script src="./js/jquery-ui.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/processing.js"></script>
<script src="./js/testBox360.js"></script>
<script src="./js/test-page.js"></script>
</body>
</html>