From ac12559f14c5d128fa119c853add3aaa1f9696dd Mon Sep 17 00:00:00 2001 From: Paul Sori Date: Mon, 29 Apr 2019 18:12:46 -0400 Subject: [PATCH] fix breaking changes --- electron/css/forms-min.css | 7 - electron/css/index.css | 507 ------------------ electron/css/pure.min.css | 11 - electron/images/bookmark.svg | 3 - electron/images/cert.svg | 1 - electron/images/checkmark.svg | 3 - electron/images/key.svg | 3 - electron/images/key2.svg | 1 - electron/images/key3.svg | 12 - electron/images/key4.svg | 7 - electron/images/key5.svg | 3 - electron/images/tools.svg | 1 - electron/windows/about.html | 13 - electron/windows/autoboot.html | 28 - electron/windows/basic-port-forwarding.html | 1 - electron/windows/latest-ver.html | 21 - .../windows/managed-ddns-ssl-learn-more.html | 74 --- electron/windows/network.html | 65 --- electron/windows/portforward.html | 28 - mstream-electron.js | 26 +- public/css/master.css | 4 - 21 files changed, 3 insertions(+), 816 deletions(-) delete mode 100644 electron/css/forms-min.css delete mode 100644 electron/css/index.css delete mode 100644 electron/css/pure.min.css delete mode 100644 electron/images/bookmark.svg delete mode 100644 electron/images/cert.svg delete mode 100644 electron/images/checkmark.svg delete mode 100644 electron/images/key.svg delete mode 100644 electron/images/key2.svg delete mode 100644 electron/images/key3.svg delete mode 100644 electron/images/key4.svg delete mode 100644 electron/images/key5.svg delete mode 100644 electron/images/tools.svg delete mode 100644 electron/windows/about.html delete mode 100644 electron/windows/autoboot.html delete mode 100644 electron/windows/basic-port-forwarding.html delete mode 100644 electron/windows/latest-ver.html delete mode 100644 electron/windows/managed-ddns-ssl-learn-more.html delete mode 100644 electron/windows/network.html delete mode 100644 electron/windows/portforward.html diff --git a/electron/css/forms-min.css b/electron/css/forms-min.css deleted file mode 100644 index 09f4469..0000000 --- a/electron/css/forms-min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! -Pure v0.6.2 -Copyright 2013 Yahoo! -Licensed under the BSD License. -https://github.com/yahoo/pure/blob/master/LICENSE.md -*/ -.pure-form input[type=text],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=text]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=text][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=text],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}} \ No newline at end of file diff --git a/electron/css/index.css b/electron/css/index.css deleted file mode 100644 index 8af30e2..0000000 --- a/electron/css/index.css +++ /dev/null @@ -1,507 +0,0 @@ -.header{ - margin: 0; - padding: 0; - background-color: #333; - height:25px; -} - -.mstream-image{ - height:100%; - background-color: white; - border-radius: 0 0 3px 3px; - box-shadow: 0 0 5px #8D8D8D; -} - -.logo-box{ - overflow-y: visible; - width: 1px; - height: 140%; - margin-left: 35px; - z-index: 99; -} - -.sub-header{ - height: 48px; - background-color: white; - font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; - - background-color: #F5F5F5; - border-bottom: 1px solid #b4b4b4; -} - -.sub-header-text{ - font-size: 20px; - font-weight: 500; - padding-top:16px; - padding-left: 10px; -} - - -input{ - width: 100%; - padding-top: 5px; - padding-left: 5px; - padding-bottom: 5px; -} - -label{ - display: inline !important; - margin: 0 0 0 0 !important; - clear:both; - - font-size: 14px; -} - -label.check-label{ - font-size: 18px; - -} - -.panel-body{ - padding-top: 15px; - padding-left: 15px; - padding-right: 15px; - -} - -.open-dir-textbox{ - width: calc(100% - 88px); - float: left; - border-radius: 0px; -} - -.ssl-button{ - width: 88px; -} - -.open-dir{ - float:left; - height:36px; - border-radius: 0px; -} - -/*.dir-container::after{ - clear:both; - content:""; - display:block; -}*/ - -.dir-container { - margin-left:10px; - margin-right:10px; - -} - -#port{ - width: 6em; -} - -.folder-image{ - height: 100%; - padding-left: 20px; - padding-right: 20px; - -} - -.pad-left{ - padding-left: 5px; -} -.pad-right{ - padding-right: 5px; -} - -input[type=password]{ - margin-top:4px; -} -input[type=text]{ - margin-top:4px; -} -button{ - margin-top:4px; -} - -input[type=checkbox]{ -width:auto; -margin-top:5px; -} - - -fieldset { - margin: 8px; - border: 1px solid silver; - padding: 8px; - border-radius: 4px; -} - -legend { - padding: 2px; -} - - - - - - -#kickstart{ - margin-top: 22px; -} - -.btn-style{ - border : solid 2px #333; - border-radius : 3px; - moz-border-radius : 3px; - -webkit-box-shadow : 3px 4px 2px rgba(0,0,0,0.4); - -moz-box-shadow : 3px 4px 2px rgba(0,0,0,0.4); - box-shadow : 3px 4px 2px rgba(0,0,0,0.4); - font-size : 20px; - color : #ffffff; - padding : 1px 17px; - background-color : #0a66c9; - - padding: 5px; -} - - -.hide{ - display: none; -} - - -#bars { - height: 50px; - position: relative;; - width: 80px; - margin: auto; - bottom:0px; - - padding-top:20px; -} - -.bar { - background: rgb(38, 72, 124); - bottom: 1px; - height: 6px; - position: absolute; - width: 6px; - animation: sound 0ms -800ms linear infinite alternate; -} - -@keyframes sound { - 0% { - opacity: .35; - height: 3px; - } - 100% { - opacity: 1; - height: 45px; - } -} - -.bar:nth-child(1) { left: 2px; animation-duration: 474ms; } -.bar:nth-child(2) { left: 10px; animation-duration: 433ms; } -.bar:nth-child(3) { left: 18px; animation-duration: 407ms; } -.bar:nth-child(4) { left: 26px; animation-duration: 458ms; } -.bar:nth-child(5) { left: 34px; animation-duration: 400ms; } -.bar:nth-child(6) { left: 42px; animation-duration: 427ms; } -.bar:nth-child(7) { left: 50px; animation-duration: 441ms; } -.bar:nth-child(8) { left: 58px; animation-duration: 419ms; } -.bar:nth-child(9) { left: 66px; animation-duration: 487ms; } -.bar:nth-child(10) { left: 74px; animation-duration: 442ms; }​ - - -.nomargin{ - margin-bottom: 0; -} - - - - -.info-box{ - padding: 20px; -} - - -.spacer{ - height:10px; - clear:both; -} - - -/* The Modal (background) */ -.modal { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 999; /* Sit on top */ - padding-top: 100px; /* Location of the box */ - left: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: rgb(0,0,0); /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ -} - -/* Modal Content */ -.modal-content { - position: relative; - background-color: #fefefe; - margin: auto; - padding: 0; - border: 1px solid #888; - width: 80%; - box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); - -webkit-animation-name: animatetop; - -webkit-animation-duration: 0.4s; - animation-name: animatetop; - animation-duration: 0.4s -} - -#accountModal{ - padding-top:35px; -} - -.accountModalHeader{ - margin-top: 12px; - margin-bottom: 12px; - -} - -/* Add Animation */ -@-webkit-keyframes animatetop { - from {top:-300px; opacity:0} - to {top:0; opacity:1} -} - -@keyframes animatetop { - from {top:-300px; opacity:0} - to {top:0; opacity:1} -} - -/* The Close Button */ -.pfClose { - color: white; - float: right; - font-size: 28px; - font-weight: bold; -} - -.pfClose:hover, -.pfClose:focus { - color: #000; - text-decoration: none; - cursor: pointer; -} - -.modal-header { - padding: 2px 16px; - background-color: #5cb85c; - color: white; -} - -.modal-body { -padding: 2px 16px; -margin-bottom: 25px; -margin-top: 25px; - -} - -.modal-footer { - padding: 2px 16px; - background-color: #5cb85c; - color: white; -} - - -.checkbox-container{ -padding-bottom: 7px; -} - -input[type=checkbox] { -position: relative; -margin-right: 10px; -line-height: 14px; -font-size: 25px; -cursor: pointer; -} -input[type=checkbox]:before { -position: absolute; -top: -1px; -left: -1px; -content: ""; -height: 15px; -width: 15px; -border: 1px solid #626262; -background: #d3d3d3; -} -input[type=checkbox]:checked:before { -content: "✔"; -color: #40A5C6; -} -input[type=checkbox]:hover:before { -border: 1px solid #40A5C6; -} - -#pfBtn{ -float: right; -} - -.info-image{ -height: 14px; -cursor: pointer; -} - - - - - -.ssl-button1{ - height: 100%; - float: left; - cursor: pointer; - border: 1px solid #ccc; -} - -.signup-button{ - height: 100%; - float: left; - cursor: pointer; - border: 1px solid #ccc; - margin-left: 3px; - margin-right: 3px; - -} -.ssl-button3{ - height: 100%; - float: left; - cursor: pointer; - -} - -.sub-ssl{ - height: calc(50% - 1px); - border: 1px solid #ccc; -} - -.twenty{ - width: 30%; - float: left; -} -.eighty{ - width: 70%; - float: left; -} - -.ssl-svg{ - height: 100%; - width:35px; - padding-left: 8px; -} -.ssl-svg3{ - height: 50px; - padding-top: 2px; -} -.ssl-svg2{ - width: 100%; - height: 55px; - margin-top:8px; -} - -.relative{ - position: relative; -} - -.center{ - text-align: center; -} - -.signup-price{ - font-family: "Roboto", helvetica, arial, sans-serif; - - text-align: right; - padding-right: 15px; - font-size: 18px; - padding-top: 10px; - - margin-bottom: 3px; -} - -.ssl-overlay{ - position:absolute; - padding:0; - margin:0; - - - - width: 100%; - height: calc(100% - 45px); - background:rgba(255,255,255,0.99); - z-index:99; -} - -/*.move_up{ - position: relative; -} - -.move_up:hover{ - bottom:3px; -}*/ - -.move_right{ - position: relative; -} - -.move_right:hover{ - left:3px; -} - -.bigger-text{ - font-size: 19px; - margin-top: 12px; -} - - -#hostname{ - margin-top: 4px; - width: calc(100% - 5px); - float: right; -} - - -#login-signup-panel{ - height: 100%; - width: 100%; - display: none; -} - -.logged-in-panel{ - height: 100%; - width: 100%; - background-color: rgba(50, 194, 77, 0.8); - display: none; -} - - -.logged-in-checkmark{ - height: 80%; - padding-left: 20px; - padding-top: 14px; - padding-right: 35px; -} - -.redtext{ - color: red !important; -} - -.loadingsvg { - display: block; - margin: auto; - padding-top: 15px; -} -.loadingsvg rect { - fill: #76daff; -} - -#iHaveATokenButton{ - padding-left: 5px; -} diff --git a/electron/css/pure.min.css b/electron/css/pure.min.css deleted file mode 100644 index f93fe3f..0000000 --- a/electron/css/pure.min.css +++ /dev/null @@ -1,11 +0,0 @@ -/*! -Pure v0.6.2 -Copyright 2013 Yahoo! -Licensed under the BSD License. -https://github.com/yahoo/pure/blob/master/LICENSE.md -*/ -/*! -normalize.css v^3.0 | MIT License | git.io/normalize -Copyright (c) Nicolas Gallagher and Jonathan Neal -*/ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;filter:alpha(opacity=40);opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} diff --git a/electron/images/bookmark.svg b/electron/images/bookmark.svg deleted file mode 100644 index d5205e5..0000000 --- a/electron/images/bookmark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/electron/images/cert.svg b/electron/images/cert.svg deleted file mode 100644 index 6c0fd6f..0000000 --- a/electron/images/cert.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/electron/images/checkmark.svg b/electron/images/checkmark.svg deleted file mode 100644 index d44f610..0000000 --- a/electron/images/checkmark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/electron/images/key.svg b/electron/images/key.svg deleted file mode 100644 index a22b027..0000000 --- a/electron/images/key.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/electron/images/key2.svg b/electron/images/key2.svg deleted file mode 100644 index b8facf1..0000000 --- a/electron/images/key2.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/electron/images/key3.svg b/electron/images/key3.svg deleted file mode 100644 index 5b996c3..0000000 --- a/electron/images/key3.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/electron/images/key4.svg b/electron/images/key4.svg deleted file mode 100644 index 63a3828..0000000 --- a/electron/images/key4.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/electron/images/key5.svg b/electron/images/key5.svg deleted file mode 100644 index c96f999..0000000 --- a/electron/images/key5.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/electron/images/tools.svg b/electron/images/tools.svg deleted file mode 100644 index 1566d39..0000000 --- a/electron/images/tools.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/electron/windows/about.html b/electron/windows/about.html deleted file mode 100644 index c960491..0000000 --- a/electron/windows/about.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - mStream Express Server - - - logo-box - VERSION number - - IROS SOFTWARE - - diff --git a/electron/windows/autoboot.html b/electron/windows/autoboot.html deleted file mode 100644 index 6cc600a..0000000 --- a/electron/windows/autoboot.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - Auto Boot - - - - -

Auto Boot

- -

- Checking this option will allow mStream to start automatically when the computer boots. Checking this will also save whatever changes you make. -

-

- Autoboot can be disabled in the Tray menu. -

- - diff --git a/electron/windows/basic-port-forwarding.html b/electron/windows/basic-port-forwarding.html deleted file mode 100644 index bed5715..0000000 --- a/electron/windows/basic-port-forwarding.html +++ /dev/null @@ -1 +0,0 @@ -Go over NAS, ports, portforwaring, etc diff --git a/electron/windows/latest-ver.html b/electron/windows/latest-ver.html deleted file mode 100644 index 9ef00d4..0000000 --- a/electron/windows/latest-ver.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - Auto Boot - - - - -

You are using the latest version of mStream Express

- - diff --git a/electron/windows/managed-ddns-ssl-learn-more.html b/electron/windows/managed-ddns-ssl-learn-more.html deleted file mode 100644 index 3a4ad58..0000000 --- a/electron/windows/managed-ddns-ssl-learn-more.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - Managed DDNS + SSL - - - - - - -

mStream Managed DDNS + SSL

- -

Price: $3/month

- -

What you get:

- - - - -

What is DDNS?

- -

When you go to http://mstream.io, you actually go to our server's IP address. When writing this going to http://54.227.204.113 was the same as going to http://mstream.io

- -

An IP address is like a telephone number for computers. It's a unique number that's used to access a computer over the internet. DDNS is a system that maps IP addresses to urls. When you punch http://mstream.io into your browser, your computer first talks to a DDNS server to find what IP address to go to.

- -

Managed DDNS automatically updates the DDNS servers in case your IP address changes. If you are signed up, mStream will check your IP every minute, and update the DDNS system whenever there is a change. Unlike telephone numbers, IP address can be changed regularly. It is not uncommon for your your internet service provider to change your IP after a power outage, for example. By using managed DDNS you assure your domain stays connected to your IP address so you can always access your mStream server.

- - -

What is SSL?

- -

SSL is the technology used to encrypt your your communications over the internet. By using SSL your guarantee no one else can listen in on your communications. SSL is what prevents others from stealing your credit card info when you're ordering something online. Today it is recommended that every server with a login system use SSL to prevent hackers from stealing your password.

- -

mStream will automatically handle your SSL certificates to to make sure they are renewed regularly. It will also configure your server automatically so you don't have to deal with the headache of managing your own SSL keys and certificates.

- - -

Limited Invite

-

Currently the Managed DDNS and SSL is in a invite only stage. This service has been more popular than we originally anticipated, and we're trying avoid problems with scaling up too fast. Just leave an email address and we'll send you an invite code when as soon as we can.

- - -

DIY

- -

mStream is capable of being used with SSL without subscribing to our managed service. You'll need to have your own domain and SSL certs before using this.

- -

You can buy domains and certs at a number of vendors including:

- - - - diff --git a/electron/windows/network.html b/electron/windows/network.html deleted file mode 100644 index a2f9216..0000000 --- a/electron/windows/network.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - Port Forwarding - - -

Networking Basics

-

- To connect your computer to another over a network (like the internet), you need three pieces of information: -

-

- - - [ADD INFO HERE] -

Ports

-

A port is a number used to identify network programs on your computer. Every time you open up a program that has network access, it uses a port on your computer. Ports cannot be shared. While a program is using a port, no other program can access that port.

- -

Most programs that use ports do this in the background. For example, if you opened up three webpages at the same time, your browser would grab three available ports and then load each page on a unique port. your browser is free to release these ports so other programs can use them once the pages have finished loading. It may also hold onto them for a while to avoid the computaitonal expense of grabbing new ports every time you open another page. Every computer has 65535 ports available so it's unlikely you'll run out.

- -

IP Addresses

-

On a network, every computer has a unique number to identify it, know as an IP address. You've porbably seen one before, like 192.168.1.1. -

- -

Protocols & SSL (HTTP and HTTPS)

-

- When connecting to another computer you need to specify the protocol. For all internet enaled programs this will typically be HTTP or HTTPS. Read more on this here: -

- -

URLs + DNS

- - -

A URL is nothign more than mapping of name to an IP + Port + Protocol. Think of it like how your address book works in your phone. You don't type your mom's phone number in every timeyou want to call her. Insteady you look up 'mom' and then go from there. So when going https://google.com your computer is actually looking up Google's IP address and then going there. When this was written going to google.com would forward you to https://172.217.6.196:443. -

- - [EXPLAIN PORT 80 and 443] - -

Every server has a port -

- - - - -

Local Networks VS The Internet

-

- A lot of the internet works in layers. For example when you do a google search you're query might hit put through several computers before you get results back. But your browser has only one connectio open to one google server. -

- - - - -

port forwarding

-

Before you can access mStream from anywhere on the internet you need to setup port forwarding. You'll haveto lookup how to setup port forwarding on your brand of router -

- -

Auto Port Forwarding

-

A lot of routers can have port fowarding configured remotely via uPNP. mStream can try using uPNP to setup port fowarding automatically. Ontop of that it can retry this on an interval since some routers will automatically close the port after a certain amount of time -

- - diff --git a/electron/windows/portforward.html b/electron/windows/portforward.html deleted file mode 100644 index 0cc5d50..0000000 --- a/electron/windows/portforward.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - Auto Port Forwarding - - - -

Auto Port Forwarding

-

- Checking this will make mStream try to open a port to the internet via the uPNP protocol. -

-

- The options menu can allow the auto port forwarding to be run on an interval to get around routers that automatically close the port after some time. -

-

- It is recommended you setup port-forwarding manually, but this can help get mStream working on networks where you don't have access to the router. -

- - diff --git a/mstream-electron.js b/mstream-electron.js index bc3d42b..2f54115 100644 --- a/mstream-electron.js +++ b/mstream-electron.js @@ -103,26 +103,6 @@ function createMainWindow() { }); } -// let infoWindow; -// function createInfoWindow(name) { -// // Close current Info Window -// if (infoWindow) { -// infoWindow.close(); -// } -// // Create new Window -// infoWindow = new BrowserWindow({ width: 600, height: 400, icon: fe.join(__dirname, '/electron/mstream-logo-cut.png') }); -// // and load the index.html of the app. -// infoWindow.loadURL('file://' + __dirname + '/electron/windows/' + name + '.html'); -// infoWindow.setMenu(null); -// // Emitted when the window is closed. -// infoWindow.on('closed', function () { -// infoWindow = null; -// }); -// } -// ipcMain.on('auto-boot-window', function (event, arg) { -// createInfoWindow('autoboot'); -// }); - // Boot Server Event ipcMain.once('start-server', function (event, arg) { bootServer(arg); @@ -188,8 +168,8 @@ function bootServer(program) { // Check if Auto DNS is logged in if(program.ddns.tested === true) { - trayTemplate[2].submenu.push({ type: 'separator' }); - trayTemplate[2].submenu.push({ + trayTemplate[1].submenu.push({ type: 'separator' }); + trayTemplate[1].submenu.push({ label: 'https://' + program.ddns.url, click: function () { shell.openExternal('https://' + program.ddns.url) } @@ -199,7 +179,7 @@ function bootServer(program) { // Create Tray Icon appIcon = new Tray(process.platform === 'darwin' ? fe.join(__dirname, '/electron/images/icon.png') : fe.join(__dirname, '/electron/mstream-logo-cut.png')); appIcon.setContextMenu(Menu.buildFromTemplate(trayTemplate)); // Call this again if you modify the tray menu - + // TODO: Try booting server in forked thread instead. Might give some speed improvements server = require('./mstream.js'); server.serveIt(program); diff --git a/public/css/master.css b/public/css/master.css index 4eb8562..668ee9f 100755 --- a/public/css/master.css +++ b/public/css/master.css @@ -816,7 +816,3 @@ ul.left-nav-menu li.selected svg { height: 19px !important; text-align: center; } - -.hide { - display: none !important; -} \ No newline at end of file