2018-06-15 08:45:47 +00:00
<!DOCTYPE html>
< html >
< head >
2018-09-11 02:35:31 +00:00
< title > Telebit - Pair Device< / title >
2018-09-12 16:30:50 +00:00
< link href = "./css/main.css" rel = "stylesheet" >
2018-09-13 23:44:38 +00:00
< link href = "./css/animations.css" rel = "stylesheet" >
2018-09-12 16:30:50 +00:00
< style >
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-display: block;
font-weight: 400;
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/static-site-assets/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-display: block;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/static-site-assets/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(/static-site-assets/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
< / style >
2018-06-15 08:45:47 +00:00
< / head >
< body >
< script > document . body . hidden = true ; < / script >
2018-09-13 23:44:38 +00:00
<!-- let's define our SVG that we will use later -->
< svg width = "0" height = "0" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< defs >
< g id = "svg-check" >
< path fill = "none" d = "M0 0h24v24H0z" / >
< path d = "M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" / >
< / g >
< g id = "svg-checked" >
< path d = "M0 0h24v24H0z" fill = "none" / >
< path d = "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" / >
< / g >
< g id = "svg-unchecked" >
< path d = "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" / >
< path d = "M0 0h24v24H0z" fill = "none" / >
< / g >
< g id = "svg-download" >
< path d = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" / >
< path d = "M0 0h24v24H0z" fill = "none" / >
< / g >
< g id = "svg-computer" >
< path d = "M0 0h24v24H0z" fill = "none" / >
< path d = "M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z" / >
< / g >
2018-09-13 23:44:38 +00:00
< g id = "svg-circle-check" >
< path d = "M0 0h24v24H0z" fill = "none" / >
< path d = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" / >
< / g >
< g id = "svg-arrow-down" >
< path d = "M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z" / >
< path fill = "none" d = "M0,0h24v24H0V0z" / >
< / g >
2018-09-12 16:30:50 +00:00
< / defs >
< / svg >
2018-06-15 08:45:47 +00:00
< div class = "js-error" hidden >
2018-09-11 02:35:31 +00:00
< h1 > Invalid Pairing Link< / h1 >
< div class = "js-magic-link" > '{{magic_link}}' isn't a valid pairing link code.
2018-07-08 02:57:33 +00:00
< br > Links are only valid for a limited time, so you gotta act fast.
2018-06-15 09:00:16 +00:00
< / div >
2018-06-15 08:45:47 +00:00
< / div >
2018-09-12 16:30:50 +00:00
< div class = "container js-magic" hidden > < form class = "js-submit" >
< h1 class = "logo" > Telebit< / h1 >
2018-09-13 23:44:38 +00:00
< svg class = "icon-computer" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< use xlink:href = "#svg-computer" > < / use >
< / svg >
2018-06-21 06:13:05 +00:00
< h2 > Pair < span class = "js-hostname" > Device< / span > < / h1 >
2018-09-13 04:32:39 +00:00
< label > Enter your device pairing code:
2018-09-13 23:44:38 +00:00
< input type = "text" name = "pair-code" placeholder = "ex: 0000" autofocus >
2018-09-13 04:32:39 +00:00
< / label >
2018-09-12 16:30:50 +00:00
< div class = "checkbox-array" >
< label >
< input name = "telebit-agree" type = "checkbox" required >
2018-09-13 23:44:38 +00:00
< svg class = "icon-checked-box" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< use xlink:href = "#svg-checked" > < / use >
< / svg >
2018-09-13 23:44:38 +00:00
< svg class = "icon-unchecked-box" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< use xlink:href = "#svg-unchecked" > < / use >
< / svg >
Agree to & nbsp< a target = "_blank" href = "/legal/" > Telebit™ Terms of Service< / a > ?
< / label >
< label >
< input name = "letsencrypt-agree" type = "checkbox" required >
2018-09-13 23:44:38 +00:00
< svg class = "icon-checked-box" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< use xlink:href = "#svg-checked" > < / use >
< / svg >
2018-09-13 23:44:38 +00:00
< svg class = "icon-unchecked-box" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< use xlink:href = "#svg-unchecked" > < / use >
< / svg >
Agree to Let's Encrypt™ Terms of Service
< / label >
< / div >
< div >
2018-09-13 04:32:39 +00:00
< button type = "submit" disabled > Claim Device< / button >
2018-09-12 16:30:50 +00:00
< / div >
2018-06-21 06:13:05 +00:00
< / form > < / div >
2018-09-13 23:44:38 +00:00
< div class = "container js-authz" hidden >
2018-09-12 16:30:50 +00:00
< h1 class = "logo" > Telebit< / h1 >
2018-09-13 23:44:38 +00:00
< svg class = "icon-computer" viewBox = "0 0 24 24" >
2018-09-12 16:30:50 +00:00
< use xlink:href = "#svg-computer" > < / use >
< / svg >
2018-09-13 23:44:38 +00:00
< h2 > Pair < span class = "js-hostname" > Device< / span > < / h1 >
< div >
< div class = "progress" >
< div class = "row" >
< svg class = "authorized-check" viewBox = "0 0 24 24" >
< use xlink:href = "#svg-circle-check" > < / use >
< / svg >
Authorized
< / div >
< div class = "row" >
< span class = "spinner" >
< div class = "spinner-ball ball-1" > < / div >
< div class = "spinner-ball ball-1" > < / div >
< div class = "spinner-ball ball-1" > < / div >
< / span >
Waiting for device to pair
< / div >
< / div >
< / div >
< div class = "important-text" >
Check the command line on your device to finish pairing.
< / div >
< / div >
< div class = "js-debug-container debugging-info-container" hidden >
< div class = "debug-drawer" >
< span class = "js-debug-button debugging-button" >
Debugging info < svg class = "debugging-arrow" viewBox = "0 0 24 24" >
< use xlink:href = "#svg-arrow-down" > < / use >
< / svg >
< / span >
< div class = "js-debug-info debugging-info" >
< p > < a class = "js-new-href" > {{js-new-href}}< / a > < / p >
< p class = "js-serviceport" > xxxxx< / p >
< p > < small > Authorization Token:
< pre > < code class = "js-token" > {{js-token}}< / code > < / pre > < / small > < / p >
< / div >
< / div >
< / div >
< div class = "container js-finish" hidden >
< h1 class = "logo" > Telebit< / h1 >
< svg class = "icon-computer" viewBox = "0 0 24 24" >
< use xlink:href = "#svg-computer" > < / use >
< / svg >
< h2 > Success!< / h1 >
< div > You've successfully paired
< span class = "js-hostname" > your devied< / span >
with Telebit.
< / div >
< button class = "js-finish-button" > Finish< / button >
< script src = "js/app.js" > < / script >
2018-06-15 08:45:47 +00:00
< / div >
< / body >
< / html >
