index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Tunic Writer</title>
    <link href="/manifest.json" rel="manifest" />
    <link href="styles.css" rel="stylesheet" />
    <script src="cmudict-0.7b.js"></script>
    <script src="symbols.js"></script>
    <script src="render.js"></script>
    <script src="gentext.js"></script>
    <script src="copyclipboard.js"></script>
    <script defer src="main.js"></script>
  </head>

  <body>
    <div id="page-holder">
      <textarea id="plaintext">Tunic Writer</textarea>
      <div id="text-display-holder">
        <div id="text-display"></div>
      </div>
      <div>
        <span id="text-size-display">Text size:</span>
        <input
          type="range"
          id="text-size"
          value="10"
          min="1"
          max="20"
          step="0.5"
        />
      </div>
      <button id="copy-btn">Copy to clipboard</button>
    </div>
    <script>
      if ("serviceWorker" in navigator) {
        navigator.serviceWorker.register("/sw.js", { scope: "/" });
      }
    </script>
  </body>
</html>