diff --git a/lib/extensions/admin/index.html b/lib/extensions/admin/index.html index 28f628b..ea5cdc5 100644 --- a/lib/extensions/admin/index.html +++ b/lib/extensions/admin/index.html @@ -54,14 +54,13 @@
-
- Serving localhost:3000 as https://test-app.telebit.cloud +
+ ~/telebit http 3000
-
- Go forth and share! +
 
-
- ex: curl https://test-app.telebit.cloud +
+ Forwarding https://jondoe.telebit.io => localhost:3000
@@ -87,31 +86,50 @@
1
Install Telebit
-
curl -fsSL https://get.telebit.cloud/ | bash
+
curl https://get.telebit.io | bash
2
Claim your device via Email
-
You've installed Telebit on 'Jon's Macbook Pro'.
+          
Hello!
 
-Authenticate your account and claim your device:
+Want to use 'Jon's Macbook Pro' with Telebit?
+Just confirm your email address:
 
-    https://www.telebit.cloud/login/?magic=xxxxxxxxxxxxxx
+ Confirm Email Address
3
Enjoy Anytime, Anywhere Access
-
HTTPS
+          
For Local Development
 
-  https://lucky-duck-42.telebit.cloud
+  ~/telebit http 3000
+  Forwarding https://jondoe.telebit.io => localhost:3000
 
-SSH
+  curl -fsSL https://jondoe.telebit.io/
 
-  ssh ssh.telebit.cloud -p 22222
+For Sharing Files
 
-TCP
+  ~/telebit http ./project.zip
+  Serving ./project.zip as https://jondoe.telebit.io
 
-  netcat tcp.telebit.cloud 22222
+ curl -fsSL https://jondoe.telebit.io/ + +For Access with SSH + + ~/telebit ssh auto + Forwarding jondoe.telebit.io -p 5050 => localhost:22 + Forwarding ssh+https (openssl proxy) => localhost:22 + + ssh -p 5050 jondoe.telebit.io + ssh -o ProxyCommand="sclient %h:443" jondoe.telebit.io + +For Debugging with TCP + + ~/telebit tcp 9000 + Forwarding jondoe.telebit.io -p 5050 => localhost:9000 + + netcat jondoe.telebit.io 5050
diff --git a/lib/extensions/admin/static-site-assets/styles/main.css b/lib/extensions/admin/static-site-assets/styles/main.css index b1e2b34..2b2737d 100644 --- a/lib/extensions/admin/static-site-assets/styles/main.css +++ b/lib/extensions/admin/static-site-assets/styles/main.css @@ -5,7 +5,7 @@ body{ margin: 0; } -a, u { +a { text-decoration: none; color: inherit; } @@ -30,7 +30,7 @@ a:hover, u:hover { } .container { - width: 788px; + width: 840px; margin: auto; } @@ -96,7 +96,7 @@ a.link-button.wide { margin: 1em 9.4444em 0; position: relative; height: 236px; - width: 560px; + width: 644px; overflow: hidden; } @@ -104,7 +104,7 @@ a.link-button.wide { position: absolute; bottom: 0; right: 0; - width: 488px; + width: 544px; height: 236px; background-color: #ffffff; border-radius: 4px 4px 0 0; @@ -161,7 +161,8 @@ a.link-button.wide { } .demo-terminal { - width: 418px; + /*width: 418px;*/ + width: 512px; position: absolute; font-size: 15px; background-color: #f7f7f7; @@ -177,6 +178,16 @@ a.link-button.wide { } .demo-terminal-line:before { + content: " "; +} +.demo-terminal-input:before { + content: "$"; +} +.demo-terminal-output { + padding-left: 1em; + text-indent: -1em; +} +.demo-terminal-output:before { content: ">"; } @@ -234,6 +245,15 @@ body {} margin: 0; padding: 0.8em 0 0.8em 2em; } +.quickstart-line:before { + content: " "; +} +.quickstart-input:before { + content: "$ "; +} +.quickstart-output:before { + content: "> "; +} h3 { text-align: center; @@ -389,4 +409,4 @@ a {} .install-badge:hover path { fill: #ababab; -} \ No newline at end of file +}