02-vanilla-chat-continued/index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Earthstar Vanilla Chat</title>
    <meta name="description" content="Simple chat application to showcase Earthstar">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./styles.css">
    <style></style>
    <script src="./earthstar.bundle.js" type="module">
    </script>
</head>

<body>
    <h1>Vanilla Chat</h1>

    <h2>Participants</h2>
    <ul id="participants"></ul>


    <h2>Messages</h2>
    <div id="chat-container">
        <ul id="log"></ul>
    </div>


    <form id="display-name-form">
        <label for="display-name-input">Display Name</label>
        <input type="text" name="display-name-input" />
        <button>Submit</button>
    </form>


    <form id="message-form">
        <label for="message-input">Message</label>
        <input type="text" name="message-input" />
        <button>Submit</button>
    </form>

    <script src="./main.js" type="module" async defer></script>
</body>

</html>