<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <link rel="stylesheet" href="./main.css" />
        <script src="./main.js"></script>
    </head>
    <body style="background-color: #313B3E;">
        <div class="container markdown-body" id="contents"></div>
    </body>
    <script>
        const resizeOberver = new ResizeObserver((entities) => {
            const height = entities[0].contentRect.height
            document.title = height.toFixed()
        })
        resizeOberver.observe(document.querySelector('#contents'))
        window.showMarkdownFile = function (file) {
            $.get(file, function( data ) {
                window.showMarkdown(encodeURIComponent(data));
            });
        }
    </script>
</html>