<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Minesweeper</title>
    <style>
        html,
        body,
        canvas {
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            background: black;
            z-index: 0;
            /* user-select: none; */
            /* pointer-events: none; */
        
        }
    </style>
</head>

<body oncontextmenu="return false;">
    <div oncontextmenu="return false">

        <canvas id="glcanvas" tabindex='1'></canvas>
        <!-- Minified and statically hosted version of https://github.com/not-fl3/macroquad/blob/master/js/mq_js_bundle.js -->
        <script src="https://not-fl3.github.io/miniquad-samples/mq_js_bundle.js"></script>
        <script>
            load("./minesweeper.wasm");
        </script> <!-- Your compiled wasm file -->
        <script>
            document.addEventListener("contextmenu", (e) => {
                e.preventDefault();
            });
        </script>
    </div>
</body>