Mirai's Miscellaneous Misadventures

M36 / 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>mimimi test</title>
9
10<style>
11
12*, ::before, ::after
13{
14	touch-action: none;
15}
16
17html, body
18{
19	width: 100%;
20	height: 100%;
21	display: flex;
22}
23
24body
25{
26	margin: 0;
27	background: #000;
28}
29
30canvas
31{
32	width: 100%;
33	height: 100%;
34	image-rendering: crisp-edges;
35	image-rendering: pixelated;
36	object-fit: contain;
37	outline: none;
38}
39
40</style>
41
42<script type="module">
43
44import {run} from "./main.js"
45run().then(canvas =>
46{
47	document.body.append(canvas)
48	canvas.focus()
49	canvas.addEventListener("blur", () => canvas.focus())
50})
51
52</script>