index.html

<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>RORCUAL NODES – The official site of the Rorcual Validator.</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Barlow+Semi+Condensed:wght@300;400;500&family=Inconsolata&display=swap">
    <script src="main.min.js"></script>
</head>

<body>
    <div id="root"></div>
    <script>
        var app = Elm.Main.init({
            node: document.getElementById('root')
        });
    </script>

    <script>
        app.ports.copyToClipboard.subscribe(function (text) {
            console.log("Clipboard: ", text)
            navigator.clipboard.writeText(text)
                .then(() => {
                    app.ports.copyResult.send("Copied to clipboard");
                })
                .catch(err => {
                    app.ports.copyResult.send("Error: " + err.message);
                });
        });

    </script>
</body>

</html>