mirror of
https://github.com/tailscale/tailscale.git
synced 2024-11-26 03:25:35 +00:00
52d769d35c
Avoids waterfalling of requests from the file (its load is triggered from JavaScript). Also has other cleanups to index.html, adding a <title> and moving the <script> to being loaded sooner (but still not delaying page rendering by using the defer attribute). Fixes #5141 Fixes #5135 Signed-off-by: Mihai Parparita <mihai@tailscale.com>
45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Tailscale Connect</title>
|
|
<link rel="stylesheet" type="text/css" href="dist/index.css" />
|
|
<script src="dist/index.js" defer></script>
|
|
</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>
|
|
</body>
|
|
</html>
|