52 lines
2.0 KiB
HTML
52 lines
2.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset=utf-8 />
|
||
|
|
<title>Icosahedrons and Hexspheres Generated in Rust</title>
|
||
|
|
<style>
|
||
|
|
html, body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
height: 100%;
|
||
|
|
color: #eee;
|
||
|
|
background-color: black;
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|
||
|
|
canvas { width: 100%; height: 100%; }
|
||
|
|
div.loading-container { display: flex; align-items: center; justify-content: center; height: 100%; }
|
||
|
|
div.select-container { position: fixed; top: 0px; width: 100%; z-index: 1; margin: 10px; }
|
||
|
|
p.loading { font-size: 32px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="select-container">
|
||
|
|
<label>
|
||
|
|
Rendered Shape:
|
||
|
|
<select id="shape-select">
|
||
|
|
<option value="hexsphere_0">Hexsphere 0</option>
|
||
|
|
<option value="hexsphere_1">Hexsphere 1</option>
|
||
|
|
<option value="hexsphere_2">Hexsphere 2</option>
|
||
|
|
<option value="hexsphere_3">Hexsphere 3</option>
|
||
|
|
<option value="hexsphere_4" selected>Hexsphere 4</option>
|
||
|
|
<option value="hexsphere_5">Hexsphere 5</option>
|
||
|
|
<option value="hexsphere_6">Hexsphere 6</option>
|
||
|
|
<option value="hexsphere_7">Hexsphere 7</option>
|
||
|
|
<option value="icosahedron_0">Icosahedron 0</option>
|
||
|
|
<option value="icosahedron_1">Icosahedron 1</option>
|
||
|
|
<option value="icosahedron_2">Icosahedron 2</option>
|
||
|
|
<option value="icosahedron_3">Icosahedron 3</option>
|
||
|
|
<option value="icosahedron_4">Icosahedron 4</option>
|
||
|
|
<option value="icosahedron_5">Icosahedron 5</option>
|
||
|
|
<option value="icosahedron_6">Icosahedron 6</option>
|
||
|
|
<option value="icosahedron_7">Icosahedron 7</option>
|
||
|
|
</select>
|
||
|
|
</label>
|
||
|
|
<span id="shape-loading" style="display: none">Loading...</span>
|
||
|
|
</div>
|
||
|
|
<div class="loading-container">
|
||
|
|
<p class="loading">Loading...</p>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript" src="main.js"></script></body>
|
||
|
|
</html>
|