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>