src/experiments/net-demo/index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<meta name="theme-color" content="#000000" />
	<link rel="icon"
		href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' width='400' height='400'%3E%3Crect width='200' height='200' fill='%23f0f8ff' /%3E%3Ccircle cx='50' cy='50' r='20' fill='%231e90ff' /%3E%3Ccircle cx='150' cy='50' r='20' fill='%231e90ff' /%3E%3Ccircle cx='100' cy='100' r='20' fill='%231e90ff' /%3E%3Ccircle cx='50' cy='150' r='20' fill='%231e90ff' /%3E%3Ccircle cx='150' cy='150' r='20' fill='%231e90ff' /%3E%3Cline x1='50' y1='50' x2='100' y2='100' stroke='%234682b4' stroke-width='10' /%3E%3Cline x1='150' y1='50' x2='100' y2='100' stroke='%234682b4' stroke-width='10' /%3E%3Cline x1='50' y1='150' x2='100' y2='100' stroke='%234682b4' stroke-width='10' /%3E%3Cline x1='150' y1='150' x2='100' y2='100' stroke='%234682b4' stroke-width='10' /%3E%3Cline x1='50' y1='50' x2='50' y2='150' stroke='%234682b4' stroke-width='10' /%3E%3Cline x1='150' y1='50' x2='150' y2='150' stroke='%234682b4' stroke-width='10' /%3E%3C/svg%3E" />
	<title>Mopaint: Networking Demo</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			font-family: sans-serif;
		}

		#root {
			height: 100vh;
		}
	</style>
</head>

<body>
	<noscript>You need to enable JavaScript to run this app.</noscript>
	<div id="root"></div>
	<script src="./net-demo-app.ts" type="module"></script>
</body>