tailscale/cmd/tsconnect/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="dist/index.css" />
  </head>
  <body class="flex flex-col h-screen overflow-hidden">
    <div class="bg-gray-100 border-b border-gray-200 pt-4 pb-2">
      <header class="container mx-auto px-4 flex flex-row items-center">
        <h1 class="text-3xl font-bold grow">Tailscale Connect</h1>
        <div class="text-gray-600" id="state">Loading…</div>
      </header>
    </div>
    <div
      id="content"
      class="flex-grow flex flex-col justify-center overflow-hidden"
    >
      <form
        id="ssh-form"
        class="container mx-auto px-4 hidden flex justify-center"
      >
        <input type="text" class="input username" placeholder="Username" />
        <div class="select-with-arrow mx-2">
          <select class="select"></select>
        </div>
        <input
          type="submit"
          class="button bg-green-500 border-green-500 text-white hover:bg-green-600 hover:border-green-600"
          value="SSH"
        />
      </form>
      <div id="no-ssh" class="container mx-auto px-4 hidden text-center">
        None of your machines have
        <a href="https://tailscale.com/kb/1193/tailscale-ssh/" class="link"
          >Tailscale SSH</a
        >
        enabled. Give it a try!
      </div>
    </div>
    <script src="dist/index.js"></script>
  </body>
</html>