telebit-relay.js/lib/extensions/admin/index.html

148 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Telebit&trade; Cloud</title>
<meta charset="UTF-8">
<style>
/* http://www.karlgroves.com/2013/12/17/quick-tip-text-characters-as-visual-separators/ */
pre {
margin-left: 2em;
background-color: #EFEFFF;
padding: 1em;
}
footer li{
list-style-type: none;
display: inline;
margin-right: .3 em;
}
footer li:not(:last-of-type):after{
content: ' | ';
}
</style>
</head>
<body>
<script>document.body.hidden = true;</script>
<center>
<h1>Telebit Cloud</h1>
<p>Because friends don't let friends localhost.</p>
<p>Friends enable friends to share anything, access anywhere, connect anytime.</p>
</center>
<a href="account.html#/login">Login</a>
<a href="account.html#/create_account">Create Account</a>
<div style="width: 800px; margin: auto;">
<div>
<h2>Share and Test over HTTPS</h2>
<p>End-to-End Encryption with Free (or custom) Domains</p>
<pre><code>$ telebit http 3000</code></pre>
<pre><code>&gt; Serving localhost:3000 as https://lucky-duck-42.telebit.cloud
&gt; Go forth and share!
&gt; ex: curl https://lucky-duck-42.telebit.cloud</code></pre>
</div>
<div>
<h2>Remote and Pair over SSH</h2>
<p>Securely As Needed or Conveniently Always On</p>
<pre><code>$ telebit ssh 22</code></pre>
<pre><code>&gt; Serving ssh at lucky-duck-42.telebit.cloud on port 5050
&gt; ex: ssh lucky-duck-42.telebit.cloud -p 5050
&gt; ex: ssh lucky-duck-42.telebit.cloud -o \
ProxyCommand='openssl s_client -connect %h:443 -servername %h -quiet'</code></pre>
</div>
</div>
<div style="width: 500px; margin: auto;">
<h2>1. Install Telebit</h2>
<p>We have a simple command line installer for Mac and Linux:</p>
<pre><code>curl -fsSL https://get.telebit.cloud/ | bash</code></pre>
<p>Windows requires <a href="https://git.coolaj86.com/coolaj86/telebit.js" target="_blank">manual installation</a>, but it's not too hard.</p>
<h2>2. Claim your device via Email</h2>
<p>You'll get an email that looks like this:</p>
<pre><code>You've installed Telebit on 'Jon's Macbook Pro'.
Authenticate your account and claim your device:
https://www.telebit.cloud/login/?magic=xxxxxxxxxxxxxx
</code></pre>
<h2>3. Enjoy Anytime, Anywhere Access</h2>
<p>With a free account you'll get a random name and port number, such as "lucky-duck-42" and "22222".</p>
<pre><code>HTTPS
https://lucky-duck-42.telebit.cloud
SSH
ssh ssh.telebit.cloud -p 22222
TCP
netcat tcp.telebit.cloud 22222</code></pre>
<pre><code>SSH over HTTPS (not blocked by firewalls)
# Add the following to ~/.ssh/config:
Host lucky-duck-42.telebit.cloud
ProxyCommand openssl s_client -quiet -connect %h:443
# Run ssh with (your domain, no port):
ssh lucky-duck-42.telebit.cloud</code></pre>
<p><footer>
<h3>
<li><a href="https://git.coolaj86.com/coolaj86/telebit.js" target="_blank">Read the Telebit docs</a></li>
<li><a href="https://git.coolaj86.com/coolaj86/telebitd.js" target="_blank">Host your own Telebit Relay</a></li>
</h3>
<div class="alert alert-info js-list-thanks hidden" hidden>Thanks! We'll be in touch.</div>
<div id="next">
<br>
<br>
</div>
<form class="js-list-form">
<div class="alert alert-info">
<h2>Want to follow our progress?</h2>
<div class="form-group">
<label>Your name</label>
<input class="js-list-comment form-control" placeholder="ex: John Doe" />
<br>
<small class="form-text text-muted">(optional, so we know what to call you other than <em>rubybelle99@gmail.com</em> or whatever...)</small>
</div>
<br>
<div class="form-group">
<label>Your email</label>
<input class="js-list-address form-control" type="email" placeholder="ex: john@email.com" />
<br>
<small class="form-text text-muted">(non-optional, otherwise this doesn't even make any sense)</small>
</div>
<br>
<div class="form-group">
<button class="js-list-submit btn btn-primary form-control" type="button">Join us!</button>
</div>
</div>
</form>
<br>
<br>
<center>
<li>&copy;2018 AJ ONeal</li>
<li><a href="https://git.coolaj86.com/coolaj86/telebit.js" target="_blank">git</a></li>
<li><a href="/legal/" target="_blank">License</a></li>
<li><a href="/legal/" target="_blank">Terms</a></li>
<li><a href="/legal/" target="_blank">Privacy</a></li>
</center>
</footer></p>
</div>
<script src="js/app.js"></script>
</body>
</html>