src/05-extra/35-mixing-html-and-webgl/index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<link rel="icon" type="image/png" href="/threejs.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>35 - Mixing HTML & WebGL</title>
	</head>
	<body>
		<div id="app">
			<canvas class="webgl"></canvas>
			<div class="loading-bar"></div>

			<div class="point point-0">
				<div class="label">1</div>
				<div class="text">
					Lorem ipsum, dolor sit amet consectetur adipisicing elit
				</div>
			</div>

			<div class="point point-1">
				<div class="label">2</div>
				<div class="text">
					Ventilation with air purifier and detection of environment toxicity.
				</div>
			</div>

			<div class="point point-2">
				<div class="label">3</div>
				<div class="text">
					Cameras supporting night vision and heat vision with automatic
					adjustment.
				</div>
			</div>
		</div>
		<script type="module" src="/src/main.ts"></script>
	</body>
</html>