mirror of
https://github.com/IrosTheBeggar/mStream.git
synced 2025-10-27 07:31:02 +00:00
fix breaking changes
This commit is contained in:
Paul Sori
parent
93ec4afb6a
commit
ac12559f14
7
electron/css/forms-min.css
vendored
7
electron/css/forms-min.css
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||
}
|
||||
11
electron/css/pure.min.css
vendored
11
electron/css/pure.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" enable-background="new 0 0 24 24" width="48" height="48">
|
||||
<path d="M18,0h-5l0,11l-3-3l-3,3L7,0H2v20l2.465,4H21V5.723L18,0z M19,22H5.535l-1.213-2H18V4.138l1,2.138V22z"/>
|
||||
</svg>
|
||||
@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g><path d="M80.53,62.647c0-0.842-0.511-1.563-1.24-1.872c0.361-0.366,0.585-0.87,0.585-1.426c0-1.117-0.9-2.021-2.014-2.031 c0.095-0.235,0.147-0.492,0.147-0.763c0-1.122-0.909-2.03-2.031-2.03c-0.269,0-0.522,0.051-0.759,0.146 c-0.009-1.114-0.912-2.015-2.03-2.015c-0.554,0-1.055,0.223-1.423,0.583C71.457,52.51,70.736,52,69.896,52s-1.563,0.51-1.871,1.239 c-0.367-0.359-0.869-0.583-1.423-0.583c-1.116,0-2.021,0.9-2.031,2.015c-0.234-0.093-0.489-0.146-0.758-0.146 c-1.121,0-2.032,0.908-2.032,2.03c0,0.27,0.053,0.527,0.149,0.763c-1.113,0.01-2.014,0.914-2.014,2.03 c0,0.557,0.224,1.059,0.584,1.426c-0.728,0.31-1.239,1.031-1.239,1.87c0,0,0,0.001,0,0.003v0.001c0,0.842,0.512,1.563,1.239,1.871 c-0.36,0.365-0.584,0.869-0.584,1.425c0,1.117,0.9,2.022,2.014,2.031c-0.095,0.234-0.148,0.492-0.148,0.763 c0,1.122,0.91,2.032,2.032,2.032c0.268,0,0.524-0.054,0.759-0.146c0.008,0.89,0.588,1.645,1.393,1.909l-3.003,13.388l3.731-2.197 l1.966,3.478l1.236-5.509l1.626,6.938l2.004-3.722l3.56,2.29l-3.259-14.667c0.805-0.266,1.385-1.019,1.393-1.91 c0.234,0.093,0.49,0.147,0.758,0.147c1.123,0,2.032-0.911,2.032-2.033c0-0.27-0.053-0.526-0.149-0.762 c1.115-0.01,2.015-0.915,2.015-2.031c0-0.556-0.223-1.059-0.584-1.426C80.02,64.212,80.53,63.489,80.53,62.647z M69.897,69.256 c-3.649,0-6.609-2.958-6.609-6.61c0-3.648,2.96-6.607,6.609-6.607c3.648,0,6.608,2.959,6.608,6.607 C76.506,66.298,73.546,69.256,69.897,69.256z"></path><path d="M38.103,42.627c-0.307,0-0.58,0.271-0.58,0.578v1.616c0,0.319,0.26,0.578,0.58,0.578l23.797-0.001 c0.159,0.001,0.303-0.064,0.409-0.17c0.104-0.104,0.169-0.248,0.169-0.408v-1.615c0-0.154-0.061-0.301-0.169-0.41 c-0.108-0.107-0.255-0.168-0.409-0.168H38.103z"></path><path d="M39.89,48.639c-0.307,0-0.58,0.271-0.58,0.579v1.615c0,0.319,0.26,0.578,0.58,0.578l20.223-0.001 c0.158,0.001,0.303-0.063,0.408-0.17c0.105-0.104,0.17-0.248,0.17-0.408v-1.615c0-0.154-0.061-0.301-0.17-0.409 c-0.108-0.108-0.255-0.169-0.408-0.169H39.89z"></path><path d="M31.848,55.169c-0.139,0.001-0.252,0.114-0.254,0.254v4.468c0,0.142,0.113,0.253,0.254,0.253h4.638 c0.069,0,0.134-0.028,0.179-0.074c0.047-0.045,0.074-0.108,0.076-0.179l-0.002-4.468c0.002-0.14-0.112-0.254-0.253-0.253 L31.848,55.169z"></path><path d="M58.933,69.967c-1.223-0.92-2.017-2.384-2.017-4.022c0-0.243,0.018-0.484,0.051-0.722c-0.086-0.145-0.157-0.298-0.229-0.45 l-29.411-0.001V35.23l45.346-0.003v14.465c0.171-0.017,0.342-0.036,0.516-0.036c1.642,0,3.106,0.797,4.026,2.023 c1.129,0.286,2.104,0.956,2.785,1.861V31.564c0-0.979-0.383-1.897-1.074-2.59c-0.691-0.691-1.611-1.074-2.59-1.074H23.664 c-0.979,0-1.898,0.383-2.592,1.074C20.38,29.667,20,30.586,20,31.565v36.87c0,0.979,0.381,1.897,1.072,2.591 c0.693,0.692,1.613,1.073,2.592,1.073h36.422C59.544,71.499,59.137,70.775,58.933,69.967z"></path></g></svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB |
@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24" width="48" height="48">
|
||||
<path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 12 2 C 6.5 2 2 6.5 2 12 C 2 17.5 6.5 22 12 22 C 17.2 22 21.40625 18.1 21.90625 13 L 19.90625 13 C 19.40625 16.9 16 20 12 20 C 7.6 20 4 16.4 4 12 C 4 7.6 7.6 4 12 4 C 13.4 4 14.70625 4.4 15.90625 5 L 17.40625 3.5 C 15.80625 2.6 14 2 12 2 z M 20.5 4.875 L 11.1875 13.78125 L 7.5 10.09375 L 6.09375 11.5 L 10.5 15.90625 L 11.1875 16.59375 L 11.90625 15.90625 L 21.90625 6.3125 L 20.5 4.875 z" color="#000" overflow="visible" enable-background="accumulate" font-family="Bitstream Vera Sans"/>
|
||||
</svg>
|
||||
@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64">
|
||||
<path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 20 3 C 15.054545 3 11 7.0545455 11 12 C 11 12.519086 11.08466 12.978272 11.15625 13.4375 L 3.28125 21.28125 L 3 21.59375 L 3 22 L 3 28 L 3 29 L 4 29 L 9 29 L 10 29 L 10 28 L 10 26 L 12 26 L 13 26 L 13 25 L 13 23 L 15 23 L 16 23 L 16 22 L 16 20.03125 C 17.181148 20.608598 18.555233 21 20 21 C 24.945455 21 29 16.945455 29 12 C 29 7.0545455 24.945455 3 20 3 z M 20 5 C 23.854545 5 27 8.1454545 27 12 C 27 15.854545 23.854545 19 20 19 C 18.790476 19 17.544638 18.643666 16.59375 18.125 L 16.34375 18 L 16.09375 18 L 15 18 L 14 18 L 14 19 L 14 21 L 12 21 L 11 21 L 11 22 L 11 24 L 9 24 L 8 24 L 8 25 L 8 27 L 5 27 L 5 22.4375 L 12.90625 14.5 L 13.28125 14.15625 L 13.1875 13.625 C 13.0875 13.025 13 12.488889 13 12 C 13 8.1454545 16.145455 5 20 5 z M 22 8 C 20.895431 8 20 8.8954305 20 10 C 20 11.104569 20.895431 12 22 12 C 23.104569 12 24 11.104569 24 10 C 24 8.8954305 23.104569 8 22 8 z" color="#000" overflow="visible" font-family="Bitstream Vera Sans"/>
|
||||
</svg>
|
||||
@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"><path d="M39,19H21.9c-1.4-2.4-4-4-6.9-4c-4.4,0-8,3.6-8,8s3.6,8,8,8c3,0,5.5-1.6,6.9-4H25h1l2-2l2,1.3l3-3.3l2,2l2-2l2,2l2-3L39,19z M12,26c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S13.7,26,12,26z"></path></svg>
|
||||
|
Before Width: | Height: | Size: 392 B |
@ -1,12 +0,0 @@
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve" width="50" height="50">
|
||||
<g>
|
||||
<g>
|
||||
<path style="fill:#F5CE85;" d="M1.566,26.6l1.005-3.256l8.783-8.783l-0.53-0.529c-0.585-0.584-0.585-1.536,0-2.121l0.753-0.753 			l-0.025-0.238C11.52,10.618,11.5,10.311,11.5,10c0-4.687,3.813-8.5,8.5-8.5l0.241,0.003c4.43,0.122,8.133,3.826,8.255,8.255 			c0.064,2.318-0.788,4.508-2.402,6.167C24.479,17.586,22.315,18.5,20,18.5c-0.311,0-0.617-0.019-0.92-0.052l-0.238-0.026 			l-0.752,0.754c-0.283,0.283-0.66,0.438-1.061,0.438c-0.401,0-0.778-0.156-1.062-0.439l-0.529-0.529L12.586,21.5H10.5v2.085 			L9.586,24.5H7.5v2.085l-0.851,0.851l-3.248,0.998L1.566,26.6z M20,4.5c-1.469,0-2.851,0.572-3.889,1.611l-0.354,0.354l7.777,7.778 			l0.354-0.354C24.928,12.851,25.5,11.469,25.5,10s-0.572-2.851-1.611-3.889C22.851,5.072,21.469,4.5,20,4.5z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path style="fill:#967A44;" d="M20,2c0.075,0,0.152,0.001,0.227,0.003c4.169,0.115,7.654,3.6,7.77,7.769 			c0.06,2.182-0.743,4.244-2.262,5.805C24.216,17.14,22.179,18,20,18c-0.278,0-0.561-0.016-0.866-0.049L18.658,17.9l-0.338,0.338 			l-0.584,0.584c-0.189,0.189-0.44,0.293-0.707,0.293c-0.267,0-0.518-0.104-0.707-0.293l-0.176-0.176l-0.707-0.707l-0.707,0.707 			L12.378,21H11h-1v1v1.378L9.378,24H8H7v1v1.378l-0.616,0.616l-2.842,0.873l-1.409-1.408l0.879-2.85l8.341-8.341l0.707-0.707 			l-0.707-0.707l-0.175-0.175c-0.189-0.189-0.293-0.44-0.293-0.707c0-0.267,0.104-0.518,0.293-0.707l0.584-0.584l0.338-0.338 			l-0.051-0.476C12.016,10.561,12,10.278,12,10C12,5.589,15.589,2,20,2 M23.536,14.95l0.707-0.707C25.376,13.109,26,11.603,26,10 			s-0.624-3.109-1.757-4.243C23.109,4.624,21.603,4,20,4s-3.109,0.624-4.243,1.757L15.05,6.464l0.707,0.707l7.071,7.071 			L23.536,14.95 M20,1c-4.971,0-9,4.029-9,9c0,0.329,0.02,0.653,0.055,0.973l-0.584,0.584c-0.781,0.781-0.781,2.048,0,2.829 			l0.175,0.175L2.13,23.078L1,26.74L3.261,29l3.655-1.123L8,26.793V25h1.793L11,23.793V22h1.793l2.646-2.646l0.176,0.176 			c0.391,0.39,0.902,0.586,1.414,0.586c0.512,0,1.024-0.195,1.414-0.586l0.584-0.584C19.347,18.98,19.671,19,20,19 			c5.055,0,9.137-4.168,8.996-9.255c-0.13-4.696-4.045-8.611-8.742-8.741C20.17,1.001,20.085,1,20,1L20,1z M23.536,13.536 			l-7.071-7.071C17.441,5.488,18.72,5,20,5s2.559,0.488,3.536,1.464C25.488,8.417,25.488,11.583,23.536,13.536L23.536,13.536z"/>
|
||||
</g>
|
||||
</g>
|
||||
<rect x="2.74" y="19.75" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.7561 12.1183)" style="fill:#DBB065;" width="12.021" height="1"/>
|
||||
<rect x="12.896" y="13.809" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 14.3355)" style="fill:#967A44;" width="1" height="5.59"/>
|
||||
</svg>
|
||||
@ -1,7 +0,0 @@
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" width="48" height="48">
|
||||
<g>
|
||||
<polygon fill="#FFA000" points="30,41 26,45 22,45 18,41 18,21 30,21 30,29 28,31 30,33 30,35 28,37 30,39 	"/>
|
||||
<path fill="#FFA000" d="M38,7.8C37.5,6,36,4.7,34.3,4.2C31.9,3.7,28.2,3,24,3s-7.9,0.7-10.3,1.2C12,4.7,10.5,6,10,7.8 		c-0.5,1.7-1,4.1-1,6.7c0,2.6,0.5,5,1,6.7c0.5,1.8,1.9,3.1,3.7,3.5C16.1,25.3,19.8,26,24,26s7.9-0.7,10.3-1.2 		c1.8-0.4,3.2-1.8,3.7-3.5c0.5-1.7,1-4.1,1-6.7C39,11.9,38.5,9.5,38,7.8z M29,13H19c-1.1,0-2-0.9-2-2V9c0-0.6,3.1-1,7-1s7,0.4,7,1v2 		C31,12.1,30.1,13,29,13z"/>
|
||||
</g>
|
||||
<rect x="23" y="26" fill="#D68600" width="2" height="19"/>
|
||||
</svg>
|
||||
@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
|
||||
<path d="M 34 0 C 25.178 0 18 7.178 18 16 C 18 17.957624 18.353568 19.827248 19 21.5625 L 0 40.59375 L 0 46.59375 L 18.5625 28 L 20 29.4375 L 1 48.40625 L 2.59375 50 L 9.40625 50 L 13 46.40625 L 13 44 L 15.40625 44 L 19 40.40625 L 19 39 L 20.40625 39 L 23 36.40625 L 23 35 L 24.40625 35 L 28.4375 30.96875 C 30.175535 31.617546 32.038624 32 34 32 C 42.822 32 50 24.822 50 16 C 50 7.178 42.822 0 34 0 z M 34 5 C 36.938 5 39.70425 6.14175 41.78125 8.21875 C 43.85825 10.29575 45 13.062 45 16 C 45 18.938 43.85825 21.70425 41.78125 23.78125 L 41.0625 24.5 L 25.5 8.9375 L 26.21875 8.21875 C 28.29575 6.14175 31.062 5 34 5 z"/>
|
||||
</svg>
|
||||
@ -1 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.1,20.2l1.1-1.2c1.9,0.6,4.1,0.2,5.6-1.3 c1.5-1.5,2.2-3.5,1.4-5.5l-3.8,3.8L24,12.5l3.8-3.8c-2.1-0.8-4.1-0.2-5.7,1.3c-1.5,1.5-1.9,3.6-1.4,5.5l-1.9,1.9l-3.5-3.5l-0.7-2.1 l-4.2-2.8l-2.1,2.1l2.8,4.3l2.1,0.7l3.5,3.5l-7.7,7.7c-1,1-1,2.6,0,3.6c1,1,2.6,1,3.5,0l7-7l6.4,6.5l3.5-3.5L23.1,20.2z M12.3,29.7 c-0.6,0.6-1.5,0.6-2.1,0c-0.6-0.6-0.6-1.5,0-2.1c0.6-0.6,1.5-0.6,2.1,0C12.8,28.2,12.8,29.1,12.3,29.7z M26.7,30.9c1,1,2.6,1,3.5,0 c1-1,1-2.6,0-3.5L26.7,30.9z"></path></svg>
|
||||
|
Before Width: | Height: | Size: 707 B |
@ -1,13 +0,0 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
<title>mStream Express Server</title>
|
||||
</head>
|
||||
<body>
|
||||
logo-box
|
||||
VERSION number
|
||||
|
||||
IROS SOFTWARE
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
<title>Auto Boot</title>
|
||||
<style>
|
||||
h1{
|
||||
padding-top: 6px;
|
||||
}
|
||||
body{
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Auto Boot</h1>
|
||||
|
||||
<p>
|
||||
Checking this option will allow mStream to start automatically when the computer boots. Checking this will also save whatever changes you make.
|
||||
</p>
|
||||
<p>
|
||||
Autoboot can be disabled in the Tray menu.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1 +0,0 @@
|
||||
Go over NAS, ports, portforwaring, etc
|
||||
@ -1,21 +0,0 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
<title>Auto Boot</title>
|
||||
<style>
|
||||
h1{
|
||||
padding-top: 6px;
|
||||
}
|
||||
body{
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>You are using the latest version of mStream Express</h1>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,74 +0,0 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
<title>Managed DDNS + SSL</title>
|
||||
<script>window.$ = window.jQuery = require('../js/jquery3.js');</script>
|
||||
<script type="text/javascript">
|
||||
const remote = require('electron').remote;
|
||||
const shell = remote.require('electron').shell;
|
||||
|
||||
$(document).on('click', 'a', function(event) {
|
||||
event.preventDefault();
|
||||
shell.openExternal(this.href);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
h1{
|
||||
padding-top: 6px;
|
||||
}
|
||||
body{
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>mStream Managed DDNS + SSL</h1>
|
||||
|
||||
<h2>Price: $3/month</h2>
|
||||
|
||||
<h2>What you get:</h2>
|
||||
|
||||
<ul>
|
||||
<li>Your own domain: https://paul.mstream.cd</li>
|
||||
<li>Managed DDNS service</li>
|
||||
<li>SSL certificates for your domain</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h3>What is DDNS?</h3>
|
||||
|
||||
<p>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</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<h3>What is SSL?</h3>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<p>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. </p>
|
||||
|
||||
|
||||
<h2>Limited Invite</h2>
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<h2>DIY</h2>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<p>You can buy domains and certs at a number of vendors including:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://www.godaddy.com/web-security/ssl-certificate">Go Daddy</a></li>
|
||||
<li><a href="https://www.gandi.net/ssl">Gandi</a></li>
|
||||
<li><a href="https://www.namecheap.com/security/ssl-certificates.aspx">Namecheap</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,65 +0,0 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
<title>Port Forwarding</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Networking Basics</h1>
|
||||
<p>
|
||||
To connect your computer to another over a network (like the internet), you need three pieces of information:
|
||||
<ul>
|
||||
<li>Port</li>
|
||||
<li>IP Address</li>
|
||||
<li>Protocol</li>
|
||||
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
|
||||
[ADD INFO HERE]
|
||||
<h2>Ports</h2>
|
||||
<p>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. </p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<h2>IP Addresses</h2>
|
||||
<p>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.
|
||||
</p>
|
||||
|
||||
<h2>Protocols & SSL (HTTP and HTTPS)</h2>
|
||||
<p>
|
||||
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:
|
||||
</p>
|
||||
|
||||
<h2>URLs + DNS</h2>
|
||||
|
||||
|
||||
<p>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.
|
||||
</p>
|
||||
|
||||
[EXPLAIN PORT 80 and 443]
|
||||
|
||||
<p> Every server has a port
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
<h1>Local Networks VS The Internet</h1>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
<h2>port forwarding</h2>
|
||||
<p>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
|
||||
</p>
|
||||
|
||||
<h2>Auto Port Forwarding</h2>
|
||||
<p>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
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,28 +0,0 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
<title>Auto Port Forwarding</title>
|
||||
<style>
|
||||
h1{
|
||||
padding-top: 6px;
|
||||
}
|
||||
body{
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Auto Port Forwarding</h1>
|
||||
<p>
|
||||
Checking this will make mStream try to open a port to the internet via the uPNP protocol.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -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);
|
||||
|
||||
@ -816,7 +816,3 @@ ul.left-nav-menu li.selected svg {
|
||||
height: 19px !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user