Skip to content

Commit 18c63c2

Browse files
ArcanePythonArcanePython
authored
Create index.html
1 parent 8580d81 commit 18c63c2

File tree

1 file changed

+77
-0
lines changed

1 file changed

+77
-0
lines changed

Diff for: ‎ts/dist/index.html

+77
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<style>html, body {
5+
height: 100%;
6+
margin: 0;
7+
overflow: hidden;
8+
}
9+
10+
.grid-container {
11+
height: 99%;
12+
grid-template-rows: 110px auto 80px;
13+
grid-template-columns: auto auto 180px;
14+
gap: 2px;
15+
padding: 2px;
16+
display: grid;
17+
}
18+
19+
.grid-container > div {
20+
text-align: center;
21+
background-color: #fffc;
22+
padding: 2px 0;
23+
font-size: 14px;
24+
}
25+
26+
.item1, .item3 {
27+
grid-column: 1 / 3;
28+
}
29+
30+
</style>
31+
<meta name="viewport" content="width=device-width">
32+
</head>
33+
<body>
34+
<div class="grid-container">
35+
<div class="item1" id="cdiv" style="-webkit-text-fill-color: #2c2ce2; background-color: azure">
36+
xyz
37+
</div>
38+
<div class="item2" id="projection" style="background-color: #fff8dc"> </div>
39+
<div class="item3" id="canvasdiv" style="background-color: #aa3838; display: block">
40+
<canvas id="c" style="width: 100%" tabindex="1"></canvas>
41+
</div>
42+
<div id="linksdiv" style="background-color: azure" class="item5">
43+
</div>
44+
<div id="app" style="background-color: #fff8dc">Title</div>
45+
<div id="eye">Fill</div>
46+
</div>
47+
48+
<!------------------------------------------------------------------------------------------------------------------------->
49+
<script language="Javascript">var canvasdiv = document.getElementById("canvasdiv");
50+
var canvas = document.getElementById("c");
51+
var linksdiv = document.getElementById("linksdiv");
52+
linksdiv.innerHTML = `
53+
<br><br>Stills based on .OBJ<br>
54+
<p>
55+
<a href="index.html?cube&radius0=9&hx=-0.8&hy=0.43">Textured cubes</a><br>
56+
<a href="index.html?koenigsegg&radius0=65&hx=0.8&hy=0.43">Koenigseggie</a><br>
57+
<a href="index.html?rubik&radius0=15&hx=0.8&hy=0.8">Rubiks cubie</a><br>
58+
<a href="index.html?building&radius0=45&hx=-0.68&hy=0.47&hxl=-0.61&difflight=1&speclight=0">Building</a><br>
59+
<a href="index.html?chair&radius0=20&hx=0.8&hy=0.8">Chair</a><br>
60+
<a href="index.html?chair2&radius0=138&hx=0.7&hy=0.4">Chair 2</a><br>
61+
<a href="index.html?cat&radius0=137&hx=-1.4&hy=-0.77&hxl=-1.4&hyl=-0.77&difflight=0.8">Cat</a><br>
62+
<a href="index.html?stone&radius0=4&hx=0.8&hy=0.5">Stone</a><br>
63+
<a href="index.html?plane&radius0=25&hx=0.8&hy=0.5">Plane</a><br>
64+
<a href="index.html?greenhouse">Greenhouse</a><br>
65+
</p>
66+
Animations<br>
67+
<p>
68+
<a href="index.html?skeleton&radius0=26&hx=1.0&hy=0.2&stride=180&numrows=60">Swirling bone triangles</a><br>
69+
<a href="index.html?skeleton&radius0=60&hx=1.0&hy=0.2&mesh=strip&stride=180&numrows=39">Swirling bone triangle strip</a><br>
70+
<a href="index.html?fish&radius0=60&hx=1.6&hy=-0.4&mesh=strip&stride=180&numrows=39&fish=1">Ukrainian Fish</a><br>
71+
<a href="index.html?textures&radius0=50">Textures</a><br>
72+
</p>`;
73+
74+
</script>
75+
<script src="index.73eb0017.js" defer=""></script>
76+
</body>
77+
</html>

0 commit comments

Comments
 (0)