43 lines
1.0 KiB
HTML
43 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://unpkg.com/purecss@2.0.6/build/pure-min.css"
|
|
crossorigin="anonymous"
|
|
/>
|
|
<style>
|
|
#config label {
|
|
max-width: 40%;
|
|
}
|
|
|
|
#config select {
|
|
max-width: 50%;
|
|
}
|
|
|
|
#canvas-holder,
|
|
#config {
|
|
max-height: 100vh;
|
|
}
|
|
</style>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"preact": "https://unpkg.com/preact/dist/preact.module.js",
|
|
"preact/debug": "https://unpkg.com/preact/debug/dist/debug.module.js",
|
|
"preact/devtools": "https://unpkg.com/preact@10.5.14/devtools/dist/devtools.module.js"
|
|
}
|
|
}
|
|
</script>
|
|
<script type="module" src="ui.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="pure-g">
|
|
<div class="pure-u-2-3" id="canvas-holder">
|
|
<canvas id="canvas" style="display: flex; margin: auto"></canvas>
|
|
</div>
|
|
<div id="config" class="pure-u-1-3" style="overflow-y: auto"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|