Mirai's Miscellaneous Misadventures

M30 / index.html 

1<!-- copyright 2022 zamfofex -->
2<!-- license: AGPLv3 or later -->
3
4<!doctype html>
5<html lang="en">
6<meta charset="utf-8">
7
8<title>Mirai’s Miscellaneous Misadventures Test</title>
9
10<style>
11
12html, body
13{
14	width: 100%;
15	height: 100%;
16	display: flex;
17}
18
19body
20{
21	margin: 0;
22	background: #000;
23	touch-action: manipulation;
24}
25
26canvas
27{
28	width: 100%;
29	height: 100%;
30	image-rendering: crisp-edges;
31	image-rendering: pixelated;
32	object-fit: contain;
33	outline: none;
34}
35
36</style>
37
38<script type="module">
39
40import {run} from "./main.js"
41run().then(canvas =>
42{
43	document.body.append(canvas)
44	canvas.focus()
45	canvas.addEventListener("blur", () => canvas.focus())
46})
47
48</script>