index.html

<html>
  <head>
    <title>Notepad</title>
    <script src="main.js" type="module"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body px-2>
    <div max-w-prose mx-auto prose>
      <h1 font-header text-2xl font-bold>All your note data in the url</h1>

      <sl-copy-button float-right id="copy"></sl-copy-button>

      <sl-textarea
        id="note-area"
        label="Secret note"
        resize="auto"
        help-text="Nothing stored on the server, just a big url">
      </sl-textarea>

      <sl-qr-code
        id="qrcode"
        >
      </sl-qr-code>

      <p>
        Reimplementing <a href="https://notepadtab.com/">notepadtab</a> for fun.  This code is at
        <a href="https://github.com/wschenk/nodepadjs/">https://github.com/wschenk/nodepadjs/</a>.
      </p>
    </div>
  </body>
</html>