-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (135 loc) · 5.17 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
<title>Oriole</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<script TYPE="text/javascript" src="../js/svg.min.js"></script>
<script TYPE="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
src="../bootstrap/js/bootstrap.min.js"></script>
<script TYPE="text/javascript" src="hole.js"></script>
<style TYPE="text/css">
#warnings { background: white; color: red; padding: 1ex}
table { border-collapse: collapse; }
table, th, td { padding: 5px; border: 1px solid black; }
@media print {
.noprint { display: none; }
#conveyer { width: 100%; }
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-6">
<h1><a href="./">Oriole</a></h1>
</div>
<div class="col-xs-6" style="text-align: right;">
<h4>by
<a href="https://scripts.mit.edu/~jasonku/">Jason Ku</a>,
2016
</h4>
<p style="font-size: 85%">
Research with
<a href="http://erikdemaine.org/">Erik Demaine</a>
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12" id="warnings">
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<svg id="flat" style="width: 100%;border: medium solid black;" class="noselect"></svg>
</div>
<div class="col-sm-6">
<svg id="fold" style="width: 100%;border: medium solid black;" class="noselect"></svg>
</div>
</div>
</div>
<div class="container-fluid" style="text-align: center;">
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-xs-6" style="height: 80pt; background-color: lightcyan">
<h5>Example Selection</h5>
<button id="TAB">Next [ ⇥ ]</button>
</div>
<div class="col-xs-6" style="height: 80pt; background-color: lavenderblush">
<h5>Toggle Show</h5>
<button id="KEY_T">Text[ t ]</button>
<button id="KEY_A">Auxiliary [ a ]</button>
<button id="KEY_S">Toggle Choice View [ s ]</button>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-xs-6" style="height: 80pt; background-color: lavender">
<h5>Select hole</h5>
<button id="DOWN">Prev [ ↓ ]</button>
<button id="UP">Next [ ↑ ]</button>
<button id="KEY_N">Neighbor [ n ]</button>
</div>
<div class="col-xs-6" style="height: 80pt; background-color: lightyellow">
<h5>3D Rotate [Mouse Drag]</h5>
<button id="KEY_H">Left [ h ]</button>
<button id="KEY_J">Down [ j ]</button>
<button id="KEY_K">Up [ k ]</button>
<button id="KEY_L">Right [ l ]</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="row">
<div class="col-xs-6" style="height: 80pt; background-color: lightyellow">
<h5>Select vertex</h5>
<button id="LEFT">Prev [ ← ]</button>
<button id="RIGHT">Next [ → ]</button>
</div>
<div class="col-xs-6" style="height: 80pt; background-color: lightcyan">
<h5>Select split choice</h5>
<button id="KEY_C">Toggle Parameter [ c ]</button>
<button id="COMMA">Prev [ , ]</button>
<button id="PERIOD">Next [ . ]</button>
</div>
</div>
</div>
<div class="col-sm-6" style="height: 80pt; background-color: lavenderblush">
<h5>Splitting</h5>
<button id="RETURN">Split [ ⏎ ]</button>
<button id="DELETE">Delete [ ⌫ ]</button>
<button id="SPACE">Random/Clear [ ␣ ]</button>
</div>
</div>
<div class="row">
<div class="col-xs-6" style="height: 80pt; background-color: lavender">
<h5>Import OBJ</h5>
<input type="file" id="input" />
</div>
<div class="col-xs-6" style="height: 80pt; background-color: lightcyan">
<h5>Export OBJ</h5>
<button id="create">Create File</button>
<a download="example.obj" id="viewlink" style="display: none">View</a>
</div>
</div>
</div>
</body>
</html>