<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="application-name" content="Hydrogen Chat"/>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Hydrogen Chat">
        <meta name="description" content="A matrix chat application">
        <link rel="apple-touch-icon" href="assets/icon-maskable.png">
        <link rel="stylesheet" type="text/css" href="src/platform/web/ui/css/main.css">
        <link rel="stylesheet" type="text/css" href="src/platform/web/ui/css/themes/element/theme.css" title="Element Theme">
        <link rel="alternate stylesheet" type="text/css" href="src/platform/web/ui/css/themes/bubbles/theme.css" title="Bubbles Theme">
    </head>
    <body class="hydrogen">
        <script id="version" type="disabled">
            window.HYDROGEN_VERSION = "%%VERSION%%";
            window.HYDROGEN_GLOBAL_HASH = "%%GLOBAL_HASH%%";
        </script>
        <script id="main" type="module">
            import {main} from "./src/main.js";
            import {Platform} from "./src/platform/web/Platform.js";
            main(new Platform(document.body, {
                worker: "src/worker.js",
                downloadSandbox: "assets/download-sandbox.html", 
                olm: {
                    wasm: "lib/olm/olm.wasm",
                    legacyBundle: "lib/olm/olm_legacy.js",
                    wasmBundle: "lib/olm/olm.js",
                }
            }, null, {development: true}));
        </script>
    </body>
</html>