template.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            overflow: hidden;
        }

        canvas {
            background: black;
            border: none;
        }
    </style>
    <title>Raylib CMAKE Template</title>
</head>

<body>
    <!-- Create the canvas that the C++ code will draw into -->
    <canvas id="canvas" oncontextmenu="event.preventDefault()"></canvas>

    <!-- Allow the C++ to access the canvas element --> 
    <script type='text/javascript'>
        var Module = {
            canvas: (function() { return document.getElementById('canvas'); })()
        };
    </script>
    <script>
        (function () {
            function resize_canvas(){
                canvas = document.getElementById("canvas");
                    canvas.width  = window.innerWidth;
                    canvas.height = window.innerHeight;
            }

            window.addEventListener('resize', resize_canvas);
        })()
    </script>
    <!-- Add the javascript glue code (index.js) as generated by Emscripten -->
    {{{ SCRIPT }}}
</body>

</html>