308 lines
14 KiB
HTML
308 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Telebit™ Cloud</title>
|
|
<link href="static-site-assets/styles/main.css" rel="stylesheet">
|
|
<link href="static-site-assets/styles/vertical-slide.css" rel="stylesheet">
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900"
|
|
rel="stylesheet"
|
|
>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="container">
|
|
<div class="logo">Telebit</div>
|
|
<ul class="navigation-menu">
|
|
<li>
|
|
<a class="nav-link" target="_blank" href="https://git.coolaj86.com/coolaj86/telebit.js">Docs</a>
|
|
</li>
|
|
<li>
|
|
<a class="nav-link" target="_blank" href="https://www.patreon.com/coolaj86">Donate</a>
|
|
</li>
|
|
<li>
|
|
<a class="link-button nav-link" href="#download-section">Download</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</header><div class="hero">
|
|
<div class="container">
|
|
<div class="spiel">
|
|
<h1>Work from 127.0.0.1</h1>
|
|
</div>
|
|
<div class="hero-download">
|
|
<a class="link-button wide" href="#download-section">Download</a>
|
|
</div>
|
|
<div aria-hidden="true" class="demo-row">
|
|
<div class="demo-container">
|
|
<div class="demo-browser">
|
|
<div class="demo-browser-header">
|
|
<div class="demo-browser-buttons">
|
|
<div></div><div></div><div></div>
|
|
</div>
|
|
<div class="demo-browser-address-bar">
|
|
<img src="static-site-assets/images/green-secure.png">
|
|
<div class="demo-browser-url">
|
|
https://test-app.telebit.cloud
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="demo-browser-body">
|
|
Hello world!
|
|
</div>
|
|
</div>
|
|
|
|
<div class="demo-terminal">
|
|
<div class="demo-terminal-line">
|
|
Serving localhost:3000 as https://test-app.telebit.cloud
|
|
</div>
|
|
<div class="demo-terminal-line">
|
|
Go forth and share!
|
|
</div>
|
|
<div class="demo-terminal-line">
|
|
ex: curl https://test-app.telebit.cloud
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="container">
|
|
<h2 class="use-it">Use it <div class="sliding-vertical">
|
|
<!-- to add more of or remove some of these, you will also need to update
|
|
./static-site-assets/styles/vertical-slide.css
|
|
to allow for the correct number of values. Formulas for calculating
|
|
new values are included in the style comments.
|
|
-->
|
|
<span class="accent-color">to test your webhooks.</span>
|
|
<span class="accent-color">to show your project to Grandma.</span>
|
|
</div></h2>
|
|
<h2 id="download-section">Quickstart with bash</h2>
|
|
<div class="quickstart-step">
|
|
<div class="quickstart-step-number">1</div>
|
|
<div class="quickstart-step-text">Install Telebit</div>
|
|
<pre class="quickstart-terminal qickstart-terminal-prompt">curl -fsSL https://get.telebit.cloud/ | bash</pre>
|
|
</div>
|
|
<div class="quickstart-step">
|
|
<div class="quickstart-step-number">2</div>
|
|
<div class="quickstart-step-text">Claim your device via Email</div>
|
|
<pre class="quickstart-terminal">You've installed Telebit on 'Jon's Macbook Pro'.
|
|
|
|
Authenticate your account and claim your device:
|
|
|
|
https://www.telebit.cloud/login/?magic=xxxxxxxxxxxxxx</pre>
|
|
</div>
|
|
<div class="quickstart-step">
|
|
<div class="quickstart-step-number">3</div>
|
|
<div class="quickstart-step-text">Enjoy Anytime, Anywhere Access</div>
|
|
<pre class="quickstart-terminal">HTTPS
|
|
|
|
https://lucky-duck-42.telebit.cloud
|
|
|
|
SSH
|
|
|
|
ssh ssh.telebit.cloud -p 22222
|
|
|
|
TCP
|
|
|
|
netcat tcp.telebit.cloud 22222<Paste></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="install-for">
|
|
<div class="container">
|
|
<h3>Install For</h3>
|
|
<div class="install-badges">
|
|
<a class="install-badge" target="_blank"
|
|
href="https://git.coolaj86.com/coolaj86/telebit.js#windows--nodejs">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path fill="#000" fill-rule="nonzero" d="M2
|
|
4.819l8.11-1.105.004 7.823-8.107.047L2 4.819zm8.107
|
|
7.62l.006 7.83-8.107-1.114v-6.769l8.1.053zm.983-8.87L21.844
|
|
2v9.438l-10.754.085V3.57zm10.757 8.944l-.003 9.395L11.09
|
|
20.39l-.015-7.895 10.772.018z"/>
|
|
</g>
|
|
</svg>
|
|
<span>Windows</span>
|
|
</a>
|
|
<a class="install-badge" target="_blank"
|
|
href="https://git.coolaj86.com/coolaj86/telebit.js#mac--linux">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path fill="#1A1A1A" d="M21.41 8.22c-1.667 1.179-2.5
|
|
2.597-2.5 4.254 0 1.986 1.03 3.509 3.09 4.57-.553 1.6-1.354
|
|
2.993-2.402 4.178C18.549 22.407 17.592 23 16.726 23c-.408
|
|
0-.965-.135-1.67-.404l-.34-.13c-.69-.27-1.302-.404-1.834-.404-.502
|
|
0-1.052.105-1.649.316l-.426.153-.535.218c-.422.167-.848.251-1.277.251-1.012
|
|
0-2.13-.833-3.352-2.498C3.88 18.117 3 15.518 3 12.704c0-2
|
|
.55-3.61 1.649-4.832 1.1-1.222 2.555-1.833 4.368-1.833.677
|
|
0 1.31.124
|
|
1.9.371l.404.164.426.174c.378.16.684.24.917.24.298 0
|
|
.63-.069.993-.207l.557-.218.415-.153c.663-.24 1.394-.36
|
|
2.195-.36 1.9 0 3.429.724 4.586 2.17zM16.911
|
|
1c.022.255.033.45.033.589 0 1.258-.458 2.361-1.376
|
|
3.31-.917.95-1.983 1.424-3.199 1.424a5.474 5.474 0 0
|
|
1-.055-.611c0-1.069.426-2.072 1.278-3.01.852-.938
|
|
1.838-1.487 2.96-1.647.08-.015.2-.033.36-.055z"/>
|
|
</g>
|
|
</svg>
|
|
<span>Mac</span>
|
|
</a>
|
|
<a class="install-badge" target="_blank"
|
|
href="https://git.coolaj86.com/coolaj86/telebit.js#mac--linux">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<g transform="translate(1 2)">
|
|
<rect width="22" height="20" fill="#000" rx="1"/>
|
|
<path fill="#FFF" d="M6.495 3.942v1.125l-4.12
|
|
1.566V5.551l2.882-1.047-2.882-1.056V2.375l4.12
|
|
1.567zm.32 3.592h4.327v.779H6.814v-.78z"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<span>Linux</span>
|
|
</a>
|
|
<a class="install-badge" target="_blank"
|
|
href="https://git.coolaj86.com/coolaj86/telebit.js#mac--linux">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<g fill="#000" fill-rule="nonzero">
|
|
<path d="M6.502 3.124c2.152 1.11 3.403 2.007 4.088
|
|
2.771-.35 1.407-2.182 1.471-2.851
|
|
1.432.137-.064.251-.14.292-.258-.168-.12-.764-.012-1.18-.246.16-.033.235-.065.31-.183-.394-.125-.817-.233-1.066-.441.134.002.26.03.435-.092-.352-.19-.727-.34-1.019-.63.182-.004.378-.001.435-.068a3.924
|
|
3.924 0 0
|
|
1-.819-.665c.255.031.363.005.424-.04-.243-.25-.552-.46-.698-.767.189.065.362.09.486-.006-.082-.186-.437-.296-.641-.733.199.02.41.044.452
|
|
0-.092-.376-.25-.588-.406-.807.426-.006 1.071.002
|
|
1.042-.034l-.263-.27c.416-.112.841.018
|
|
1.15.115.14-.11-.002-.248-.171-.39.353.048.673.129.962.241.154-.14-.1-.279-.224-.418.547.104.778.25
|
|
1.008.395.167-.16.01-.296-.103-.435.412.153.624.35.848.544.075-.102.192-.177.051-.424.293.169.513.367.676.59.18-.115.108-.273.109-.418.304.247.497.51.733.767.047-.034.089-.152.126-.338.725.704
|
|
1.75 2.476.263
|
|
3.179-1.264-1.044-2.775-1.802-4.45-2.371zM17.921
|
|
3.124c-2.152 1.11-3.403 2.007-4.089 2.771.351 1.407
|
|
2.183 1.471 2.852
|
|
1.432-.137-.064-.251-.14-.292-.258.168-.12.764-.012
|
|
1.18-.246-.16-.033-.235-.065-.31-.183.393-.125.817-.233
|
|
1.066-.441-.135.002-.26.03-.436-.092.352-.19.728-.34
|
|
1.02-.63-.182-.004-.379-.001-.436-.068.323-.2.594-.422.82-.665-.255.031-.363.005-.424-.04.243-.25.551-.46.698-.767-.189.065-.362.09-.487-.006.083-.186.438-.296.642-.733-.2.02-.41.044-.453
|
|
0
|
|
.093-.376.251-.588.407-.807-.426-.006-1.071.002-1.042-.034l.263-.27c-.416-.112-.842.018-1.15.115-.14-.11.002-.248.171-.39a4.182
|
|
4.182 0 0
|
|
0-.962.241c-.154-.14.1-.279.223-.418-.546.104-.778.25-1.008.395-.166-.16-.01-.296.103-.435-.411.153-.624.35-.847.544-.076-.102-.192-.177-.052-.424a2.149
|
|
2.149 0 0
|
|
0-.675.59c-.181-.115-.108-.273-.109-.418-.304.247-.497.51-.733.767-.048-.034-.09-.152-.126-.338-.725.704-1.75
|
|
2.476-.263 3.179 1.264-1.044 2.775-1.802
|
|
4.449-2.371zM14.818 17.45c0 1.313-1.154 2.377-2.578
|
|
2.377s-2.578-1.064-2.578-2.377c0-1.313 1.154-2.377
|
|
2.578-2.377s2.578 1.064 2.578 2.377zM10.153
|
|
10.363c1.204.426 1.773 1.922 1.27 3.343-.501 1.42-1.884
|
|
2.227-3.088
|
|
1.801-1.204-.426-1.773-1.922-1.271-3.343.502-1.42
|
|
1.885-2.227 3.09-1.801zM14.226 10.236c-1.204.426-1.773
|
|
1.922-1.27 3.343.501 1.42 1.884 2.227 3.088 1.801
|
|
1.204-.425 1.773-1.922
|
|
1.271-3.342-.502-1.42-1.885-2.227-3.089-1.802zM5.41
|
|
11.803c1.153-.309.389 4.771-.55
|
|
4.355-1.032-.83-1.364-3.262.55-4.355zM18.737
|
|
11.74c-1.154-.309-.39 4.771.549 4.354 1.032-.83
|
|
1.364-3.261-.55-4.354zM14.818 7.957c1.99-.336 3.647.847
|
|
3.58 3.005-.066.827-4.313-2.882-3.58-3.005zM9.32
|
|
7.894c-1.99-.336-3.646.846-3.58 3.004.066.828
|
|
4.313-2.881 3.58-3.004zM12.178
|
|
7.39c-1.187-.03-2.327.882-2.33 1.411-.003.643.939 1.302
|
|
2.339 1.318 1.429.01 2.34-.527
|
|
2.345-1.19.006-.752-1.3-1.55-2.354-1.539zM12.251
|
|
20.578c1.036-.045 2.425.333 2.428.836.017.488-1.26
|
|
1.59-2.497
|
|
1.569-1.28.055-2.536-1.05-2.52-1.432-.019-.56 1.56-.999
|
|
2.589-.973zM8.426 17.6c.737.888 1.073 2.449.458
|
|
2.909-.582.351-1.996.207-3-1.237-.678-1.211-.591-2.444-.115-2.806.711-.433
|
|
1.81.152 2.657 1.134zM15.929 17.318c-.798.935-1.242
|
|
2.64-.66 3.188.556.427 2.05.367
|
|
3.153-1.164.801-1.028.533-2.746.075-3.201-.68-.526-1.656.147-2.568
|
|
1.177z"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<span>Raspberry Pi</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature-list">
|
|
<div class="container">
|
|
<h2>Features</h2>
|
|
<div class="feature-badges">
|
|
<div class="feature-badge">
|
|
<img src="static-site-assets/images/lock.svg" />
|
|
<div>
|
|
Secure https for all tunnels
|
|
</div>
|
|
</div>
|
|
<div class="feature-badge">
|
|
<img src="static-site-assets/images/computer.svg" />
|
|
<div>
|
|
Show your work to anyone
|
|
</div>
|
|
</div>
|
|
<div class="feature-badge">
|
|
<img src="static-site-assets/images/language.svg" />
|
|
<div>
|
|
Test API Webhooks
|
|
</div>
|
|
</div>
|
|
<div class="feature-badge">
|
|
<img src="static-site-assets/images/cloud.svg" />
|
|
<div>
|
|
Test your UI in cloud browsers
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="donate-section">
|
|
<div class="container">
|
|
<h2>Donate and become a sponsor of a more open web</h2>
|
|
<p>We're on a mission to build a more open web. Telebit is still in it's
|
|
early days and the development is supported by generous sponsors like
|
|
you. Make a recurring or one-time donation today.
|
|
</p>
|
|
<a class="link-button" target="_blank" href="https://www.patreon.com/coolaj86">Make a donation</a>
|
|
</div>
|
|
</div>
|
|
<div class="mailing-list-form">
|
|
<div class="container">
|
|
<h2>Join our mailing list</h2>
|
|
<form class="js-inline-email-form email-signup-form" novalidate>
|
|
<div class="form-error js-inactive"></div>
|
|
<div class="success-message js-inactive">Thank you for joining!</div>
|
|
<span class="input-container email">
|
|
<div class="input-error email js-inactive"></div>
|
|
<input type="email" name="email" id="email" placeholder="Email">
|
|
</span>
|
|
<input class="link-button" type="submit">
|
|
</form>
|
|
<ul>
|
|
<li><img src="static-site-assets/images/done.svg" />Get exclusive invites to try new features</li>
|
|
<li><img src="static-site-assets/images/done.svg" />Get updates on our progress</li>
|
|
<li><img src="static-site-assets/images/done.svg" />We'll never spam you</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<div class="container">
|
|
<div class="logo">
|
|
Telebit
|
|
</div>
|
|
<ul clss="footer-links">
|
|
<li><a href="">Privacy</a></li>
|
|
<li><a href="">Terms</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
<script src="./static-site-assets/scripts/form-processing.js"></script>
|
|
</html>
|