-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
42 lines (41 loc) · 1.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Title</title>
<link href="src/styles.css" rel="stylesheet" />
</head>
<body>
<div id="canvas-container">
<div id="canvas"></div>
</div>
<div id="form">
<select name="manifest" id="manifest-select">
<optgroup label="1. Basic Model in Scene">
<option value="https://raw.githubusercontent.com/IIIF/3d/main/manifests/1_basic_model_in_scene/model_origin.json">
Single Model
</option>
<option value="https://raw.githubusercontent.com/IIIF/3d/main/manifests/1_basic_model_in_scene/model_origin_bgcolor.json">
Single Model with background color
</option>
</optgroup>
<optgroup label="4. Transform and Position">
<option value="https://raw.githubusercontent.com/IIIF/3d/main/manifests/4_transform_and_position/model_position.json">
Single Positioned Model
</option>
<option value="https://raw.githubusercontent.com/IIIF/3d/main/manifests/4_transform_and_position/model_transform_scale_position.json">
Scaled, Translated Model with original for comparison
</option>
</optgroup>
</select>
<div class="form-group">
<input type="text" id="manifest-url" name="manifest-url" value=""></input>
<button id="load-manifest-from-url">Load Manifest From URL</button>
</div>
<textarea id="manifest-text" name="manifest-text" rows="10"></textarea>
<button id="load-manifest-from-text">Load Manifest From Text</button>
</div>
<script type="module" src="src/main.js"></script>
<script type="module" src="src/listeners.js"></script>
</body>
</html>