2018-05-22 21:11:19 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta content='width=device-width' name='viewport'>
|
|
|
|
|
<link href="images/safari-pinned-tab.svg" rel="mask-icon">
|
2018-06-24 01:20:15 +02:00
|
|
|
<meta name="theme-color" content="#333333">
|
2018-05-22 21:11:19 +02:00
|
|
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
2018-06-24 01:20:15 +02:00
|
|
|
<link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAGACGAAAAFgAAAIlQTkcNChoKAAAADUlIRFIAAAAQAAAAEAgGAAAAH/P/YQAAAE1JREFUOI1j/P//PwOxgNGeAUMxE9G6cQCKDWAhpADZ2f8PMjBS3QW08QK20KaZC2gfC9hCnqouoNgARgY7zMxAyNlUdQHlXiAlO2MDAD63EVqNHAe0AAAAAElFTkSuQmCC"/>
|
2019-03-06 21:31:12 +01:00
|
|
|
<title>WLED 0.8.4</title>
|
2019-02-12 14:50:19 +01:00
|
|
|
<script>function feedback(){}</script>
|
2018-05-22 21:11:19 +02:00
|
|
|
<style>
|
|
|
|
|
*{transition-duration: 0.5s;}
|
|
|
|
|
body {
|
|
|
|
|
background-color: #333;
|
|
|
|
|
font-family: Helvetica, Verdana, sans-serif;
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
.feedbackanim{
|
2018-06-24 01:20:15 +02:00
|
|
|
animation: feedback 0.5s;
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
|
|
|
|
@-webkit-keyframes feedback {
|
2019-01-18 01:20:36 +01:00
|
|
|
0%{background-color:#333}
|
|
|
|
|
50%{background-color:#494949}
|
|
|
|
|
100%{background-color:#333}
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
|
|
|
|
@keyframes feedback {
|
2019-01-18 01:20:36 +01:00
|
|
|
0%{background-color:#333}
|
|
|
|
|
50%{background-color:#494949}
|
|
|
|
|
100%{background-color:#333}
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
|
|
|
|
.segment{
|
2019-02-10 23:05:06 +01:00
|
|
|
display: inline-block;
|
2018-05-22 21:11:19 +02:00
|
|
|
height:145px;
|
2019-01-18 01:20:36 +01:00
|
|
|
max-width:250px;
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.cC {
|
2018-05-22 21:11:19 +02:00
|
|
|
width: 27px;
|
|
|
|
|
height: 27px;
|
|
|
|
|
float: left;
|
2019-02-10 23:05:06 +01:00
|
|
|
border: 2px solid white;
|
2018-05-22 21:11:19 +02:00
|
|
|
border-radius: 30px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin: 5px;
|
|
|
|
|
font-size: 23px;
|
2018-05-31 19:26:16 +02:00
|
|
|
}
|
2019-01-18 01:20:36 +01:00
|
|
|
.mode li {
|
2018-05-22 21:11:19 +02:00
|
|
|
padding: 15px;
|
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
|
margin: 10px;
|
|
|
|
|
border-color: white;
|
|
|
|
|
color: white;
|
2019-02-10 23:05:06 +01:00
|
|
|
border: 2px solid white;
|
2018-05-22 21:11:19 +02:00
|
|
|
text-transform: uppercase;
|
2018-06-24 01:20:15 +02:00
|
|
|
font-family: helvetica;
|
|
|
|
|
font-size: 19px;
|
2018-05-22 21:11:19 +02:00
|
|
|
list-style: none;
|
2019-01-18 01:20:36 +01:00
|
|
|
margin-left: -40px;
|
2018-05-22 21:11:19 +02:00
|
|
|
border-radius: 40px;
|
|
|
|
|
}
|
2019-01-18 01:20:36 +01:00
|
|
|
.mode li a {
|
2018-05-22 21:11:19 +02:00
|
|
|
color: white;
|
|
|
|
|
text-decoration: none;
|
2019-02-10 23:05:06 +01:00
|
|
|
text-transform: none;
|
2018-05-22 21:11:19 +02:00
|
|
|
font-family: helvetica;
|
|
|
|
|
display:block;
|
|
|
|
|
}
|
2019-01-18 01:20:36 +01:00
|
|
|
.mode {
|
|
|
|
|
height: 50vh;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
2018-05-22 21:11:19 +02:00
|
|
|
input[type=range] {
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
width: 228px;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
input[type=range]:focus {
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 32px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
|
|
|
background: #66d1ff;
|
|
|
|
|
background: linear-gradient(45deg, #66d1ff 0%, #ff6a00 100%);
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
border: 0px solid #010101;
|
|
|
|
|
}
|
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
|
|
|
box-shadow: 0.4px 0.4px 0.4px #000031, 0px 0px 0.4px #00004b;
|
|
|
|
|
border: 2.6px solid #ffffff;
|
|
|
|
|
height: 26px;
|
|
|
|
|
width: 26px;
|
|
|
|
|
border-radius: 26px;
|
|
|
|
|
background: rgba(255, 255, 255, 0);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
margin-top: 3.3px;
|
|
|
|
|
}
|
|
|
|
|
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
|
|
|
background: #66d1ff;
|
|
|
|
|
background: linear-gradient(45deg, #66d1ff 0%, #ff6a00 100%);
|
|
|
|
|
}
|
|
|
|
|
input[type=range]::-moz-range-track {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 32px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
|
|
|
background: #66d1ff;
|
|
|
|
|
background: linear-gradient(45deg, #66d1ff 0%, #ff6a00 100%);
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
border: 0px solid #010101;
|
|
|
|
|
}
|
|
|
|
|
input[type=range]::-moz-range-thumb {
|
|
|
|
|
box-shadow: 0.4px 0.4px 0.4px #000031, 0px 0px 0.4px #00004b;
|
|
|
|
|
border: 2.6px solid #ffffff;
|
|
|
|
|
height: 26px;
|
|
|
|
|
width: 26px;
|
|
|
|
|
border-radius: 26px;
|
|
|
|
|
background: rgba(255, 255, 255, 0);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos {
|
2018-05-22 21:11:19 +02:00
|
|
|
position: relative;
|
|
|
|
|
width: 58px;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos-chk {
|
2018-05-22 21:11:19 +02:00
|
|
|
display: none;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos-label {
|
2018-05-22 21:11:19 +02:00
|
|
|
display: block;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 24px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
border: 2px solid #999999;
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
background-color: #EEEEEE;
|
|
|
|
|
transition: background-color 0.3s ease-in;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos-label:before {
|
2018-05-22 21:11:19 +02:00
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
width: 24px;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 32px;
|
|
|
|
|
border: 2px solid #999999;
|
|
|
|
|
border-radius: 24px;
|
|
|
|
|
transition: all 0.3s ease-in 0s;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos-chk:checked + .oos-label {
|
2018-05-22 21:11:19 +02:00
|
|
|
background-color: #34A7C1;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos-chk:checked + .oos-label,
|
|
|
|
|
.oos-chk:checked + .oos-label:before {
|
2018-05-22 21:11:19 +02:00
|
|
|
border-color: #34A7C1;
|
|
|
|
|
}
|
2018-05-31 19:26:16 +02:00
|
|
|
.oos-chk:checked + .oos-label:before {
|
2018-05-22 21:11:19 +02:00
|
|
|
right: 0px;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 50px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider input {
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 30px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
outline: none;
|
|
|
|
|
height: 32px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider input::-webkit-slider-thumb {
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
outline: 0;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider input::-moz-range-thumb {
|
|
|
|
|
pointer-events: all;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
width: 9px;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider input::-moz-range-track {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: -1;
|
|
|
|
|
background-color: rgba(0, 0, 0, 1);
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider input:last-of-type::-moz-range-track {
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
background: none transparent;
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
section.range-slider input[type=range]::-moz-focus-outer {
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
.cyclebtns li{
|
|
|
|
|
width:30%;
|
|
|
|
|
float:left;
|
|
|
|
|
text-align:center;
|
2019-02-10 23:05:06 +01:00
|
|
|
border: 2px solid white;
|
2018-05-22 21:11:19 +02:00
|
|
|
border-color:white;
|
2019-02-10 23:05:06 +01:00
|
|
|
margin: 1px;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
border-radius: 29px;
|
|
|
|
|
list-style:none;
|
|
|
|
|
border-radius:30px;
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
|
|
|
|
li {
|
|
|
|
|
box-shadow: rgba(255,255,255,0) 0 0 0px;
|
|
|
|
|
}
|
2018-06-24 01:20:15 +02:00
|
|
|
.btns img{
|
|
|
|
|
height:60px;
|
|
|
|
|
width:60px;
|
2018-05-31 19:26:16 +02:00
|
|
|
float:left;
|
|
|
|
|
margin-top:-10px;
|
|
|
|
|
opacity:0.5;
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
2018-06-24 01:20:15 +02:00
|
|
|
.brs input[type=range]::-webkit-slider-runnable-track{
|
|
|
|
|
background: linear-gradient(45deg,black,yellow);
|
|
|
|
|
}
|
|
|
|
|
.brs input[type=range]::-moz-range-track{
|
|
|
|
|
background: linear-gradient(45deg,black,yellow);
|
|
|
|
|
}
|
|
|
|
|
.whs input[type=range]::-webkit-slider-runnable-track{
|
|
|
|
|
background: linear-gradient(45deg,black,white);
|
|
|
|
|
}
|
|
|
|
|
.whs input[type=range]::-moz-range-track{
|
|
|
|
|
background: linear-gradient(45deg,black,white);
|
|
|
|
|
}
|
2019-03-13 11:13:03 +01:00
|
|
|
.ol {
|
2018-06-24 01:20:15 +02:00
|
|
|
position:fixed;
|
|
|
|
|
height:100%;
|
|
|
|
|
width:100%;
|
|
|
|
|
top:0;
|
|
|
|
|
left:0;
|
|
|
|
|
background-color:#333;
|
|
|
|
|
font-size:24px;
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
z-index:11;
|
|
|
|
|
opacity:0.95;
|
|
|
|
|
transition:opacity 1s;
|
|
|
|
|
pointer-events:none;
|
|
|
|
|
}
|
2018-05-22 21:11:19 +02:00
|
|
|
</style>
|
|
|
|
|
</head>
|
2018-06-24 01:20:15 +02:00
|
|
|
<body>
|
|
|
|
|
<main style="max-width:280px; margin-left:auto; margin-right:auto; text-align:center;">
|
2019-03-13 11:13:03 +01:00
|
|
|
<div id="cv" class="ol">Loading WLED UI...</div>
|
|
|
|
|
<noscript><div class="ol" style="opacity:1;">Sorry, the WLED UI needs JavaScript to work!</div></noscript>
|
2018-06-24 01:20:15 +02:00
|
|
|
<div style="width:100%; max-width:260px; margin-left:auto; margin-right:auto; font-size:12px; margin-bottom:20px;">
|
|
|
|
|
<div class="btns" style="width:70%; float:left; text-align:left;">
|
2019-03-06 21:31:12 +01:00
|
|
|
<p class="desc">Loading...</p>
|
2018-10-06 14:53:15 +02:00
|
|
|
<a href="#" onclick="tP();"><img id="pwr" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHp6ent7e3x8fH19fX5+fn9/f4CAgIKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGOYxTYAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAACPJJREFUaEPtmut/09YZgIcdLrZjKSGFBUrpSpsCLaUZSZu1pQRKua2DjnAJBEq5lK4J2xiUhFE2FsaljLS5WbYTOxegRNKRLVlO+v9577Fe3Y986X6/fdj6fIBX0tH7+Fx1ZOcXpf8CP0vq4v9SoqkKERFCVC2P56tTm0Rf1IhM8pqu6wWA/pdXZDlfXMQClalBUtQVSdH03Pzo7YGzRw/t23fw01NfDv0rS/RCTiKFGjxVJUs5SdHV7Dcnu1p5novHOYD+y7/QfuQviZyel5SqmiqSRSKpeuZPu1q4OMd7oKc6LoyrBVkqYPEAKkqWiFTIPTjUDJ87AC7OfzC0oEM5vIVJBcliTtJyt7v4OCYMgOPaBp7rsryEtzEIlhTFXOH+b/jASjiIb7qWU8XgIR0kWVQkPftJTQoK1zVSlKWgygRIfpSUwo21jZiiBjj+M6KKOt7ugS0piurzw7XWAml8J6mLKiZww5Rooi5sr6MaBvHVfytKCqZwwZJAte+trrMeBv26TDCJE4ZEFYt/xZvqhTursSx+iSYWB/Ge+on3arK/xXySoli8hXew6cmcwYhFvE+XfL3vlSyJ+gMsz6aZEPISxiy4L3XRu8Z4JZKaWlOxz1ueEfI6xmxu6aJnVnok8Oz7deVx1TJHyKsYs2maUCVMh7glRUk/WmV+VJdw7SLJYUIDlwQclTsdqC7hG3s9DeaS5JT59VgwkBokPP9AkzFlGacERlZP1cWkFgn3tiw710qnhKiPsRSLl8+MjrxmSV68N35xM17xE+/XnX3vkCxJanfgyHr1MgxdMmRINvH8MTgif3wDr/ponScapgUcEkW7h0X8XJJoUrLbkEAV3vqhfOLKWizgofG8syq2ZFHSgiqyZYQmTF+gH5xKtsH/r/SNl092lkv4WPeE2L1iS9T8d1jAy35ajYlPmssHVPJmOeL3PKKaE8aBh/gV3R5gtkTSj7GH1iGa6g94wLfMWxKeP0sv9eGBC66d2I98S7JInsAWkcHvIM8PH+IBLBpZh4TfkYKr5/DAzUPVWo0tSb5wk9kj7ZBlHoauRcYp4ddOwPWP8cBJ/LjdXpZEKhxk7eLWPyfkSRseUJrcEr6VWlgzZtOCtd8zJUvkKXNFue1N4ZXwa+FlZQxjF49U87liSgrqfbzmYic4jmFs4JPw3b4yZeKXdPNBbEpy+iVWa8F4/QeGiF/CD4DlBYxtuG7NnI+mRNY+YvQ7rQisIU4YkjVQ6ijGDjY8M+cjSlRZ3IrXnDwk5GsMTRgSvo+QjDFVXYznikZ2lGhKmlFqK3zEX2FswpI0wZKwC2Mb7paGi6RZk/y3eMnJOUIeYWjBkvA3CPkzhjbxy2bPo4RorKl4l7FmMCUHCBEwtImf0HE3aUr0Ab+kFcZWF8YWTEkbtOsWjA0gG7e/gHMeJbJ+3j+CYUWRfTO0aZaQ7RjbwMk9GBpEOa5xp7k1Qomon/JLdhMyhaEN7WT/5u6Wdz5Go5FwZ94rOeGXHCHkLoYOzi1cxcjBF4R8jqFBNBoNb33q7hOm5DPWmOF51k4YxuFlDA1A0rBlbN7IXqm5AiQsmJJt46NG9kod/3tC7mBYjUuM5mrYIbglRO/3D+G9hCQxrMag91lP++SD5LiR3ZSwJmMHIRL7kexjyvt4jEZjoQPpCSM7SlSVsaysf0pIB8aVeQUmo3uGRmOx0Mn0pJEdJewF8kHQhsfLRzCj3PfHYtHlX6VSRnazJvKCe1koc4GQ4E2lk6uEXMfQgIvFIvFvhGkjO0rgobXH3yl0p1L1XYICe1Z3l4Bk5YaRyYyR3JQo+kX/GOa/I2QAw0rAWJ9zP39jsVi4M4X9bkk0ldUwMIjJixhXAPYrpzFEQBI6Pi1gclMCW6J1WMBBE7wv3MA4mM/ho3huhn6P3Ehhl1gS2NztZ7TXPrh/H8ZB7IAy5zFGoEtWvDyWmMHcliRXGPT3PM9/S8hCpe8GAHiKeZ8ItLUOZHCWOCRFMv9LLOJkI3zMNKMhbeBjkLcwNoHWWvn1FM4ShwReHZiv8DDPyChLj9yB670Ym0BrLd+cmJzFzA5JPj+CZdychCxT7XjgpY2+g32FBxa0tc5kEpjYKVmU1A9ZvcKfgjykBw/clN/BfDOJzsR1j4UsJnZK4MWU8bCllN907+/EI5sOeLITcgGPbKAiy3qyVre7JPCKvZNZFf4deIWDfd7+NXhMae4epiflvXhsQ8dv6+OkOUkAh6SkqL79IrIBVkBg5mbv7u1tG1/btuv49XT5zC3/xgUcsVBf1pztFKdEFfVPg772aL9ZTkoxXukpd9/Dq07A0fB6QkhiUopTUsops8FPwq4rMOsczF/rxisuoCKRVdczzoq4JUuiPsTulTIt75689lCYezqXfDTY9z7749DGWvbbrDCHKcu4JKWiVDhS9XuiitDG2jyZmsKEBm5JSVGeb69Ql6qAY2XzHXdj+SQlSU
|
2018-06-24 01:20:15 +02:00
|
|
|
<a href="/settings"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAAkJCQwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlRUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLywAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7+dWQAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAADStJREFUaEPtmul7FFUWxmcwnV5q7+7qEEHDTmCEsEkCAVEJoKNgEAPqgCCKMyIoDuDIThBQBgwoAwZCutPZwLDWvnWi/1nm3qpT1bd6IfGZ55kPM74fSDrpen9971nq3Ap/GP8v6HfIb9L/JcQyNVUCqappGfDziTU5iDNqqYpqWI7j2Ej4i6EpilEYhTc8XZOAFBxN1ixHH7l18ci+97Zu3ty+48NDnf8aVh1bl1V7EpwJIWO6rDnm8IXd6+bXCyzDsEjoXz4zu2X7iazuGLI2IWYCyKgqm87Q1xtn8QyXEjN1gTJiGv1oeuv+HtNWZBveXkVPhYypsq1f2zqTZdOEPyGRZ+rXdz5x0Pvgkop6CmRUly394ro0kwbLihJZbsmRx46ijMFlFVQdUpB0++rLAld5DYQyAtN0Ujel6ildDTKqyc7wtjQ7IcKVwK67WVDkaoupAvlF1uwzc2kRTCZUhp36iWpKDlxeosqQgmQ+7uAFcJiU0vTaPkcywSCsihBLcnIr6cntVFHMrG8LsgYWIVWCoGV3zWbhUlJkncBXUkL6sKOoYEKqAsSUCt/Uk1vlGmZEgeWCGGXQi1QZKMXtsypRyiGWVDibScJlgURuWvOew9N8irDn0PrZQgpeBRKZPZZSvmNlkIJUOF/OSD9/NKs4v75Bey+FRfKYMXxpaflnYT5y5LLol0LGJOfas2XX1iUbJUuRzeu8V/3MIUeStV/bKPcVKZFDvyrtMaUQ2czP4eECQumGvCbLsrU+igORnD+iyrKiroiVd5x06rwjlVRlCQTd+1ZVyiuxvtvAkO/iuM0w+xz0QnncGGfLwlKXbLhjymAHCkMKsvMebLsnv/tmUt+b2Fdd9scYQz83oKMX6t3nKZZz1xJq0myLpOpg6CkEQYzzAtlKktOT3oZk+LM28pWN660vbVxzFANlPSvSHI8oGX5GKJ3pPSUbFoLo2sgCskDYpt4DGS9CzBd4h2TJMNEEgXdOls1rNMvzCMNvv9dO9oe0eM1SwNIVCUGZ9T65WeyivFO4uhhfz7OnLdeZkH47E0GI2mdP2qa6maRwzYpC9koSopo36oh0SS7JW5Js33+bZ5kVF1A6lUrvbkvURlpzBVnStLeSRUqGOeyQsScgY7K5icgsMXNjVEIbpNknWg5KbkRcKYoC38mmdW71Ps3E7zKkBUR14Ry3wBaJgGhWVyh+fAfskKlb3jpUE01BivfF/YFsmahGkaTCQYqsGfpTcilFyKhskQtBi+aOobouyig86tr/5uqli1e88u7xHB5SAknW9STNE3mZbLyvFqNShJjGT3XhO2Hq+V68FZ6N7vTsnE9HItFYPFYbidatO6MUt1B79EKM50kKc9QpJlgRIjt/CdUhErtW8ePtDG1L1cRZzhcTjS391lbhMzjvRHhBICl8i1q85QeQUfX+/LLGyHzslp2sOqeee4YGfyz0sbkY1YHijX9tnk6wCEJSMukfzKAbBxDDPscTYfe+5Rc+wTuvGjtjcbB3hRhIbM2qn939tDfVIASmFPsFs7O4XwFEttsZ+D2WB6E/wvuuGu3PMGDvymMgRZaO6IhiXmK5UorQ9CSY93zImPqASPS0kEqLmYyw8D5u8Pa7zxSDgQQErBovavbmWp5jGTpBCz5FFK+b/n3Fh9jm1WIrFWcub2yoT/P8GZTDkvNVbeV1IHE1u3BPM7L1Mb6uofHFRtTNgMIccPwbsQ/RnQPF3WI/t0b6u7vOdeF16H1TE2DvCuxBDHsVl6x+s/OH3uGH9jX8e4/CbrL8evQhivXnoBLFupuWqhmm7aaW/WYN2LsC80DRVagHoLXYpq6p2sN5NMoxt/aTf3ro1yNATEVaGjR5oelxsZqNn/iS3A2Loy4S/dl+PYrjj9ci1vfoBc8dIJbW3xD0HmZHAa5BcnaQCwFnQkK0jYAUjsV4IZnElAx/3oIm6a/E+FGEgKHbwW7b8ZeiPppHVAgYExIEpj4P3VJWbOcowycRBFPQfQ4iDxDVIkoxI7aclgteQzGv0sXUAmNCuDRix70mpjraxbU8ZngUZpcD06QPcY4QHTjDJRYdfuBe6hyMBDUCxqRwAKLbcRajc8CJlVTMYyAJIrvFhpoHiOJ8StZ7XYaKzDyGd8HZFgFENYYQX4PfaHQ1xuI4HiAhybT5oxFAJOfDEASl2JSF+BZora+tynARgkC9gBucvWkK+gEQsARqjVEK2VUCqUu8qKFrjdboBAyBnvsAxc95GyUv+Huilj4Ix6QChF+F691Y40HAmBQwBHrOfQzZFg0zkvSS2yOee9XtqqOXutu1wd0u8CUFCLRdC3Ht2q9NKYWs6LnluVcLvMDMOo5nOGc7rkXwJQUEpHizu+Qri6lECEOvzoUhqnOYTGGeXfz5XbeQnS9RCoMvKQBgRbfgZJdM+WwrGw9SGMVkfV+P5+5DQsWYWv71Iwd/PFSM11nUvUsF9q746JfuBIvqXb/clgo
|
2018-10-06 14:53:15 +02:00
|
|
|
<a onclick="tN();"><img id="tnl" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAABMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC4uLi8vLzAwMDExMTIyMjQ0NDc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXmBgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHp6ent7e319fX5+fn9/f4CAgIGBgYODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPs/1LUAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAACARJREFUaEPtmv1/E0UawI+kvCTpbgrIWRRPofgKJ2h9ofY8ldLydiBYi5zH8WbROwRpEPCuWhEFhbbZJG3TEurR3Z3d7O4k9V/Mzew+u5l9S3br5+MP6vcHic/OPl9mnpnZ2YQ/NH4BfpfE4jcp0TUFiQBCml6FeHuiSXBdRzKq6hhjg0D/qCqyXK3VoUFrIkhqWJEUHauVuzcunDwytHfv4OH3z+e+KyNsqBIyInjaSpZVScFa+fp7vd3ZLM9xPIH+N/vIzkOf5lVclZS2mjaSOpI0PPevNzbyHJ/1QEO7/jmpGbJkQPMQWkqWkWSoN4fWk793CDyXfT23hEk7uCWQFpK6Kunqjd4sBwlD4PmtFx5iWV6G2wIIl9RE1fj6lWxoJxi4py6pmhg+pcMkdUXC5QORFBS+905NlsI6EyL5SVKMK3/shBQR4LN/R5qI4XYPwZKaqD08GLUXQOdLBSxqkMBNoEQXsfBCjG5YcBu+qEkKpHARJCHdntgQsx8Wo1hGkIQlQKKJtc/hprjwJ/Ugi1+ii7UxuCc+3LAu+0fMJ6mJtWtwx0rgTmDJV32vZFnEN6H9yuDPY9G7x3glklbctKKaN7mGRc+q9EjIs+/PP9OR7ZrSJEgHuCU1CR8JXx+P9Z3M3ZpBaOnynvUQCoLfKSIVElq4JMQRWvSugdwiMvn3q49BLITOYc+AuSSqUgm5f9Nw0TLIH26GUCtu6jKkNGElZGYdDR6s/bOWAk30QKQl/A5ZZvdKVoK029DKzZbroEBnIdIObhSztWcky5LWHzSzeu+DAr0LkfZ0V5AOaQmMRNEnoImLfWBA6DhEItB5iu1KU1KX9KCOHAADQqMQicTmB6hZlaZEq34PDVj6wYDQJESiwX2MmxOsKZHwu/6ptQ0MhK0Qiga/EzUf+Y6kjh6QI6IXWB2ETyASmW80Zzd2JFXjqr8i58FAiLIGWbhjzfFyJJIx6DvF9YCAcBlC0XlqyTnv2ZJltOjfUSbAQOiFUAy+1eznii0xtK/hWpPnQUC4D6EYcGew/SC2JSo+4xutMTAQchCKAd+v2+vRlsj6W966d4OAMgKxODz+o70eQaLJ4tNwzWEIBJS3IRaLSbVmZQeJrpR8DztmtNBLEIsDf02HTdLuSfUWXGoyBwLKDojFgTtnVx4kSPctxa2Q32QnBOPAHcdwmrQl+IJX8gbkN3kZgpEh2fgBA9Y8SGR8yjuDD0N+k9iFT/N85x77aAQSEb/vlZyA/Caxp3A6nUrurnolx72Sf0B+k6sQjEw6nU4+veiuSTtJ7G2FSDq236tY2SMOV+wNkkqem7xrZY9YePQZRKNCJS8KbgnCoy2nMEJtjqZeaE1eL0xa2W1Jm8UY+/GbTmcS+0pTVnaQaFrrbYUQ7yCRzmQS75WmrewgabdBEtoeiVznkEwmvfqjYtHKbvdEXtoOlx3YrZ7yEcRDGPwbfKDwmUyKuy7MWtlBQh5af/UWpVuG7DbH4EIgff97Hj5RiGTt43em56zktkTBp71z2DteLQ/cO9BF+GSSyWSSu4tQd0eia/7TNnOQAM7AFR9vIrQJPpoQSeLYrADJbQk5EvmPb19B7iZfboNLLrrOInQePluQuqeuFKEkjoQc7gZ848Uc7mzkk/7D7DvTCEmujpCSrPnTvfw85HYkqjHmrbzrmOqwcPoZuGryxKHvaPQA/K8FHa19c7BKGEkNVR6FJgzNAzfLnXMDLz7Z/eiW5/pGvlgyI+PQHiCjtfazGVgljIS8OgS8wjOvDh7kxUUrP6XiGiw6Wqt78tMLkJmRVKt3oA1L8yWoFc9Ca4CO1gdzeUjMSuqS1uevSnY/5GnFK9AWoCtx822hDIlZCXkx/RJauRiATKFI3gca6ciqo2Wn7C4JecXeE9CVbO8CZAsm7z3f0vnbfbtgLxICI2ko2rfQzs2Wa5AviIsboJUNcWQSJ8r2aqewEk3Eh4O/9hiagZReJv8CLZoQR8e2vFCApBRW0lCVhYCXU8oj9hc4LibZ3R0gHUmtuzzHdsQtWRZxLqgqlK69Yw8gt8XCpTfhEgsdrFX7y8J9SGnikjRqknEo/Eu1zX0f5G6VKouV4jdXRl5zrz8bOlg908UZSGjhljQU5eELYX2JAnGsXf9f92D5JA1Jy3unSwyII7V2dD7vGiy/hJTlK7gjPsSR7hheEOCp6+CV0C+fV/Cqa0IdyYNloQSpHHwS+lX9JbgrFnRepZNDcwVnh3fwSxpVaSVf1lNHquNgkCNIQi3jXfHmGFVk1qwbKQc5AiV0f5naHr5e/JiO5MaP54UgR7CEVF//cTByX0xFatUz4/OCexHaBEvITFb0ixsidcZUpJPpQ/nZfPM55SJE0vgJSXhmX9ufAE0DqUbi2dx8UYC3Nx9hkkYDi6oxvrvFL7IgoIotpwqz+eChooRLGsuKpCtXd7l+luXJG5QFCMi0TT4xcrcsFDxbCUsLCTlbyLK
|
2018-06-24 01:20:15 +02:00
|
|
|
</div>
|
|
|
|
|
<div style="width:30%; float:left; text-align:right;">
|
|
|
|
|
<p style="text-align: right; margin-bottom: 5px;">FX 2nd Color</p>
|
|
|
|
|
<div class="oos" style="float:right;">
|
|
|
|
|
<input style="margin-bottom: 5px;" class="oos-chk" id="myoos" name="oos" type="checkbox"> <label class="oos-label" for="myoos"></label>
|
|
|
|
|
</div>
|
|
|
|
|
<p style="text-align: right; margin-bottom: 5px;">Sync Lights</p>
|
|
|
|
|
<div class="oos" style="float:right;">
|
|
|
|
|
<input class="oos-chk" id="myoos-n" name="oos" onclick="toggleN();" type="checkbox"> <label class="oos-label" for="myoos-n"></label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="cpc" style="margin-left: auto; margin-right: auto; width:280px; margin-bottom: 16px"></div>
|
|
|
|
|
<div class="whs">
|
|
|
|
|
<p style="margin-bottom: -4px;">White Channel</p><input id="whis" max="255" min="0" type="range">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="brs">
|
|
|
|
|
<p style="margin-bottom: -4px;">Master Brightness</p><input id="bris" max="255" min="0" type="range" value="222"><br><br>
|
|
|
|
|
</div>
|
2019-01-18 01:20:36 +01:00
|
|
|
<div class="row segment">
|
2018-06-24 01:20:15 +02:00
|
|
|
<div class="cC" onclick="pC('#ff0000');" style="background-color:#ff0000;"> </div>
|
2019-01-18 01:20:36 +01:00
|
|
|
<div class="cC" onclick="pC('#ffa000');" style="background-color:#ffa000;"> </div>
|
2018-06-24 01:20:15 +02:00
|
|
|
<div class="cC" onclick="pC('#ffc800');" style="background-color:#ffc800;"> </div>
|
2019-01-18 01:20:36 +01:00
|
|
|
<div class="cC" onclick="pC('#fff0a0');" style="background-color:#fff0a0;"> </div><br>
|
|
|
|
|
<div class="cC" onclick="pC('#ff00ff');" style="background-color:#ff00ff;"> </div>
|
2018-06-24 01:20:15 +02:00
|
|
|
<div class="cC" onclick="pC('#0000ff');" style="background-color:#0000ff;"> </div>
|
2019-01-18 01:20:36 +01:00
|
|
|
<div class="cC" onclick="pC('#00ffc8');" style="background-color:#00ffc8;"> </div>
|
|
|
|
|
<div class="cC" onclick="pC('#08ff00');" style="background-color:#08ff00;"> </div>
|
2018-06-24 01:20:15 +02:00
|
|
|
</div>
|
2019-02-10 23:05:06 +01:00
|
|
|
<div class="row segment" style="height:360px;">
|
2018-06-24 01:20:15 +02:00
|
|
|
<div style="height: 46px;">
|
|
|
|
|
<p style="text-align: right; margin-bottom: 5px;">Edit Presets</p>
|
|
|
|
|
<div class="oos" style="float:right;">
|
|
|
|
|
<input class="oos-chk oos-chk-ps" id="myoos-ps" name="oos-ps" type="checkbox"> <label class="oos-label" for="myoos-ps"></label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p style="text-align:center;">Presets</p>
|
|
|
|
|
<div class="cC" onclick="ps(1);">1</div>
|
|
|
|
|
<div class="cC" onclick="ps(2);">2</div>
|
|
|
|
|
<div class="cC" onclick="ps(3);">3</div>
|
|
|
|
|
<div class="cC" onclick="ps(4);">4</div><br>
|
|
|
|
|
<div class="cC" onclick="ps(5);">5</div>
|
|
|
|
|
<div class="cC" onclick="ps(6);">6</div>
|
|
|
|
|
<div class="cC" onclick="ps(7);">7</div>
|
|
|
|
|
<div class="cC" onclick="ps(8);">8</div><br>
|
|
|
|
|
<div class="cC" onclick="ps(9);">9</div>
|
|
|
|
|
<div class="cC" onclick="ps(10);">10</div>
|
|
|
|
|
<div class="cC" onclick="ps(11);">11</div>
|
|
|
|
|
<div class="cC" onclick="ps(12);">12</div><br>
|
|
|
|
|
<div class="cC" onclick="ps(13);">13</div>
|
|
|
|
|
<div class="cC" onclick="ps(14);">14</div>
|
|
|
|
|
<div class="cC" onclick="ps(15);">15</div>
|
|
|
|
|
<div class="cC" onclick="ps(16);">16</div>
|
|
|
|
|
</div>
|
2019-02-10 23:05:06 +01:00
|
|
|
<div class="row segment" style="height:50px; width:280px;">
|
|
|
|
|
<p style="text-align:right;margin-bottom:5px;">Cycle Mode</p>
|
2018-06-24 01:20:15 +02:00
|
|
|
<div class="oos" style="float:right;">
|
|
|
|
|
<input class="oos-chk oos-chk-cy" id="myoos-cy" name="oos-cy" onclick="tC();" type="checkbox"> <label class="oos-label" for="myoos-cy"></label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p style="padding:15px; padding-bottom:0px;">Cycle Range</p>
|
|
|
|
|
<section class="range-slider">
|
|
|
|
|
<span class="rangeValues" style="font-size:20px;"></span> <input max="16" min="1" step="1" type="range" value="1"> <input max="16" min="1" step="1" type="range" value="2">
|
|
|
|
|
</section>
|
|
|
|
|
<div class="row segment cyclebtns" style="height:240px; padding-top:10px;">
|
|
|
|
|
<ul style="padding:0px;">
|
|
|
|
|
<li onclick="EC('/win&PC=1&PX=0');">Color</li>
|
|
|
|
|
<li onclick="EC('/win&PX=1&PC=0');">Effects</li>
|
|
|
|
|
<li onclick="EC('/win&PX=1&PC=1');">Both</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div style="padding-top:50px;">
|
|
|
|
|
<p id="PSDurL" style="margin-bottom: -4px;">Preset Duration</p><input id="cycsxs" max="65000" min="50" type="range" step="50" value="5000">
|
|
|
|
|
</div>
|
|
|
|
|
<p id="CDurL" style="margin-bottom: -4px;">Color Transition</p><input id="cycts" max="65000" min="0" step="50" type="range" value="500">
|
|
|
|
|
</div>
|
2019-01-18 01:20:36 +01:00
|
|
|
<p>FX Mode</p>
|
2019-02-10 23:05:06 +01:00
|
|
|
<ul class="mode" id="fxl" style="margin-top:20px;">
|
|
|
|
|
Loading...
|
|
|
|
|
</ul>
|
2019-01-18 01:20:36 +01:00
|
|
|
<p style="margin-bottom: -4px;">FX Speed</p><input id="sxs" max="255" min="0" type="range" value="128">
|
|
|
|
|
<p style="margin-bottom: -4px;">FX Intensity</p><input id="ixs" max="255" min="0" type="range" value="128">
|
|
|
|
|
<p>FastLED Palette</p>
|
2019-02-10 23:05:06 +01:00
|
|
|
<ul class="mode" id="fpl">
|
|
|
|
|
Loading...
|
2019-01-18 01:20:36 +01:00
|
|
|
</ul>
|
2018-06-24 01:20:15 +02:00
|
|
|
<iframe id="stf" onload="feedback();" style="display:none;"></iframe>
|
|
|
|
|
</main>
|
|
|
|
|
<script>
|
|
|
|
|
/*!
|
|
|
|
|
* iro.js v3.3.0
|
|
|
|
|
* 2016-2018 James Daniel
|
|
|
|
|
* Released under the MIT license
|
|
|
|
|
* github.com/jaames/iro.js
|
|
|
|
|
*/
|
2019-01-18 01:20:36 +01:00
|
|
|
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.iro=e():t.iro=e()}(this,function(){return function(t){function e(s){if(r[s])return r[s].exports;var n=r[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var r={};return e.m=t,e.c=r,e.i=function(t){return t},e.d=function(t,r,s){e.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:s})},e.n=function(t){var r=t&&t.t?function(){return t.default}:function(){return t};return e.d(r,"a",r),r},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=4)}([function(t,e,r){"use strict";function s(t){var e,r,s,n,i,o,a,h,c=t.h/360,u=t.s/100,l=t.v/100;switch(n=k(6*c),i=6*c-n,o=l*(1-u),a=l*(1-i*u),h=l*(1-(1-i)*u),n%6){case 0:e=l,r=h,s=o;break;case 1:e=a,r=l,s=o;break;case 2:e=o,r=l,s=h;break;case 3:e=o,r=a,s=l;break;case 4:e=h,r=o,s=l;break;case 5:e=l,r=o,s=a}return{r:w(255*e),g:w(255*r),b:w(255*s)}}function n(t){var e,r=t.r/255,s=t.g/255,n=t.b/255,i=Math.max(r,s,n),o=Math.min(r,s,n),a=i-o;switch(i){case o:e=0;break;case r:e=(s-n)/a+(s<n?6:0);break;case s:e=(n-r)/a+2;break;case n:e=(r-s)/a+4}return e/=6,{h:w(360*e),s:w(0==i?0:a/i*100),v:w(100*i)}}function i(t){var e=t.s/100,r=t.v/100,s=.5*r*(2-e);return e=r*e/(1-Math.abs(2*s-1)),{h:t.h,s:w(100*e)||0,l:w(100*s)}}function o(t){var e=t.s/100,r=t.l/100;return r*=2,e*=r<=1?r:2-r,{h:t.h,s:w(2*e/(r+e)*100),v:w((r+e)/2*100)}}function a(t){return"rgb"+(t.a?"a":"")+"("+t.r+", "+t.g+", "+t.b+(t.a?", "+t.a:"")+")"}function h(t){return"hsl"+(t.a?"a":"")+"("+t.h+", "+t.s+"%, "+t.l+"%"+(t.a?", "+t.a:"")+")"}function c(t){var e=t.r,r=t.g,s=t.b,n=e%17==0&&r%17==0&&s%17==0,i=n?17:1,o=n?4:8,a=n?4:7,h=e/i<<2*o|r/i<<o|s/i,c=h.toString(16);return"#"+new Array(a-c.length).join("0")+c}function u(t,e){var r=t.match(/(\S+)\((\d+)(%?)(?:\D+?)(\d+)(%?)(?:\D+?)(\d+)(%?)(?:\D+?)?([0-9\.]+?)?\)/i),s=parseInt(r[2]),n=parseInt(r[4]),i=parseInt(r[6]);return[r[1],"%"==r[3]?s/100*e[0]:s,"%"==r[5]?n/100*e[1]:n,"%"==r[7]?i/100*e[2]:i,parseFloat(r[8])||void 0]}function l(t){var e=u(t,[255,255,255]);return{r:e[1],g:e[2],b:e[3]}}function f(t){var e=u(t,[360,100,100]);return{h:e[2],s:e[3],l:e[4]}}function v(t){t=t.replace("#","");var e=parseInt("0x"+t),r=3==t.length,s=r?15:255,n=r?4:8,i=r?17:1;return{r:(e>>2*n&s)*i,g:(e>>n&s)*i,b:(e&s)*i}}function p(t){return t instanceof x?t:new x(t)}function d(t,e,r){return t<=e?e:t>=r?r:t}function g(t,e){var r={};for(var s in t)r[s]=e[s]!=t[s];return r}function _(t,e,r){var s=p(t).rgb,n=p(e).rgb;return r=d(r/100||.5,0,1),new x({r:k(s.r+(n.r-s.r)*r),g:k(s.g+(n.g-s.g)*r),b:k(s.b+(n.b-s.b)*r)})}function m(t,e){var r=p(t),s=r.hsv;return s.v=d(s.v+e,0,100),r.hsv=s,r}function y(t,e){var r=p(t),s=r.hsv;return s.v=d(s.v-e,0,100),r.hsv=s,r}var b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},w=Math.round,k=Math.floor,x=function(t){this.e=!1,this.u={h:void 0,s:void 0,v:void 0},t&&this.set(t)};x.mix=_,x.lighten=m,x.darken=y,x.hsv2Rgb=s,x.rgb2Hsv=n,x.hsv2Hsl=i,x.hsl2Hsv=o,x.hsl2Str=h,x.rgb2Str=a,x.rgb2Hex=c,x.parseHexStr=v,x.parseHslStr=f,x.parseRgbStr=l,x.prototype={constructor:x,set:function(t){"object"==(void 0===t?"undefined":b(t))?t instanceof x?this.hsv=x.hsv:"r"in t?this.rgb=t:"v"in t?this.hsv=t:"l"in t&&(this.hsl=t):"string"==typeof t&&(/^rgb/.test(t)?this.rgbString=t:/^hsl/.test(t)?this.hslString=t:/^#[0-9A-Fa-f]/.test(t)&&(this.hexString=t))},setChannel:function(t,e,r){var s=this[t];s[e]=r,this[t]=s},clone:function(){return new x(this)},compare:function(t,e){return e=e||"hsv",g(this[e],p(t)[e])},mix:function(t,e){this.hsv=_(this,t,e).hsv},lighten:function(t){m(this,t)},darken:function(t){y(this,t)}},Object.defineProperties(x.prototype,{hsv:{get:function(){var t=this.u;return{h:t.h,s:t.s,v:t.v}},set:function(t){if(this.e){var e=this.u;for(var r in e)t.hasOwnProperty(r)||(t[r]=e[r]);var s=g(e,t);this.u=
|
2018-10-06 14:53:15 +02:00
|
|
|
var d=document;
|
2018-09-08 16:21:44 +02:00
|
|
|
var fs=true;
|
|
|
|
|
var recv=1;
|
2018-10-06 14:53:15 +02:00
|
|
|
var nla=false;
|
|
|
|
|
var lbri=222;
|
2018-09-08 16:21:44 +02:00
|
|
|
//Feedback
|
2019-02-12 14:50:19 +01:00
|
|
|
feedback = function() {
|
2018-09-08 16:21:44 +02:00
|
|
|
var e = d.body;
|
|
|
|
|
e.classList.remove("feedbackanim");
|
|
|
|
|
void e.offsetWidth;
|
2019-02-10 23:05:06 +01:00
|
|
|
e.classList.add("feedbackanim");
|
2018-09-08 16:21:44 +02:00
|
|
|
fs=false;
|
|
|
|
|
}
|
|
|
|
|
//Speed slider
|
|
|
|
|
d.getElementById('sxs').onchange = function() {
|
|
|
|
|
var surl = '/win&SX=' + this.value;
|
|
|
|
|
EC(surl);
|
|
|
|
|
}
|
|
|
|
|
d.getElementById('ixs').onchange = function() {
|
|
|
|
|
var iurl = '/win&IX=' + this.value;
|
|
|
|
|
EC(iurl);
|
|
|
|
|
}
|
|
|
|
|
//Brightness slider
|
|
|
|
|
d.getElementById('bris').onchange = function() {
|
|
|
|
|
var burl = '/win&A=' + this.value;
|
|
|
|
|
EC(burl);
|
|
|
|
|
}
|
|
|
|
|
d.getElementById('whis').onchange = function() {
|
|
|
|
|
var wurl = '/win&W=' + this.value;
|
|
|
|
|
EC(wurl);
|
|
|
|
|
}
|
|
|
|
|
//Preset speed slider
|
|
|
|
|
d.getElementById('cycsxs').onchange = function() {
|
|
|
|
|
var val = this.value;
|
|
|
|
|
var url = '/win&PT=' + val;
|
|
|
|
|
var seconds = ms2mins(val);
|
|
|
|
|
EC(url);
|
|
|
|
|
d.getElementById('PSDurL').innerHTML = 'Preset Duration (' + seconds + ')';
|
|
|
|
|
}
|
|
|
|
|
//Cycle Transition slider
|
|
|
|
|
d.getElementById('cycts').onchange = function() {
|
|
|
|
|
var val = this.value;
|
|
|
|
|
var seconds = ms2mins(val);
|
|
|
|
|
var url = '/win&TT=' + val;
|
|
|
|
|
d.getElementById('CDurL').innerHTML = 'Color Transition (' + seconds + ')';
|
|
|
|
|
EC(url);
|
|
|
|
|
}
|
|
|
|
|
var cpick = new iro.ColorPicker("#cpc", {
|
|
|
|
|
width: 280,
|
|
|
|
|
height: 280,
|
|
|
|
|
wheelLightness: false
|
|
|
|
|
});
|
2018-10-06 14:53:15 +02:00
|
|
|
function uB()
|
|
|
|
|
{
|
|
|
|
|
if (d.getElementById('bris').value > 0)
|
|
|
|
|
{
|
|
|
|
|
d.getElementById('pwr').style.filter = "brightness(300%)";
|
|
|
|
|
} else
|
|
|
|
|
{
|
|
|
|
|
d.getElementById('pwr').style.filter = "brightness(100%)";
|
|
|
|
|
}
|
|
|
|
|
if (nla)
|
|
|
|
|
{
|
|
|
|
|
d.getElementById('tnl').style.filter = "brightness(300%)";
|
|
|
|
|
} else
|
|
|
|
|
{
|
|
|
|
|
d.getElementById('tnl').style.filter = "brightness(100%)";
|
|
|
|
|
}
|
|
|
|
|
}
|
2018-09-08 16:21:44 +02:00
|
|
|
function X(ind)
|
|
|
|
|
{
|
2018-06-24 01:20:15 +02:00
|
|
|
EC("/win&FX=" + ind);
|
2018-09-08 16:21:44 +02:00
|
|
|
}
|
|
|
|
|
function P(ind)
|
|
|
|
|
{
|
|
|
|
|
EC("/win&FP=" + ind);
|
|
|
|
|
}
|
|
|
|
|
function tC(){
|
|
|
|
|
if (d.getElementById('myoos-cy').checked)
|
|
|
|
|
{
|
|
|
|
|
EC('win&CY=1');
|
|
|
|
|
} else {
|
|
|
|
|
EC('win&CY=0');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function toggleN(){
|
|
|
|
|
if (d.getElementById('myoos-n').checked)
|
|
|
|
|
{
|
|
|
|
|
EC('win&SN=1');
|
|
|
|
|
} else {
|
|
|
|
|
EC('win&SN=0');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function ms2mins(millis) {
|
|
|
|
|
var minutes = Math.floor(millis / 60000);
|
|
|
|
|
var seconds = ((millis % 60000) / 1000).toFixed(0);
|
|
|
|
|
return minutes + ":" + (seconds < 10 ? '0' : '') + seconds;
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
2018-06-24 01:20:15 +02:00
|
|
|
window.onload = function () {
|
|
|
|
|
var sliderSections = d.getElementsByClassName("range-slider");
|
2019-03-06 21:31:12 +01:00
|
|
|
for(var x = 0; x < sliderSections.length; x++ ){
|
2018-05-22 21:11:19 +02:00
|
|
|
var sliders = sliderSections[x].getElementsByTagName("input");
|
2019-03-06 21:31:12 +01:00
|
|
|
for(var y = 0; y < sliders.length; y++ ){
|
2018-05-22 21:11:19 +02:00
|
|
|
if( sliders[y].type ==="range" ){
|
|
|
|
|
sliders[y].oninput = getVals;
|
|
|
|
|
sliders[y].oninput();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-03-06 21:31:12 +01:00
|
|
|
setTimeout(GIO,50);
|
2018-06-24 01:20:15 +02:00
|
|
|
cpick.on("color:change", function(color, changes) {
|
|
|
|
|
var cr = color.rgb.r;
|
|
|
|
|
var cg = color.rgb.g;
|
|
|
|
|
var cb = color.rgb.b;
|
|
|
|
|
var curl = "";
|
|
|
|
|
if (d.querySelector('.oos-chk').checked) {
|
|
|
|
|
curl = "/win&R2=" + cr + "&G2=" + cg + "&B2=" + cb;
|
|
|
|
|
}else{
|
|
|
|
|
curl = "/win&R=" + cr + "&G=" + cg + "&B=" + cb;
|
|
|
|
|
}
|
2018-09-08 16:21:44 +02:00
|
|
|
if(recv) EC(curl);
|
2018-06-24 01:20:15 +02:00
|
|
|
});
|
|
|
|
|
d.getElementById("cv").style.opacity=0;
|
2018-05-22 21:11:19 +02:00
|
|
|
}
|
2018-06-24 01:20:15 +02:00
|
|
|
function GIO()
|
|
|
|
|
{
|
2019-03-06 21:31:12 +01:00
|
|
|
e="Error loading!";
|
|
|
|
|
e1 = d.getElementById('fxl');
|
|
|
|
|
e2 = d.getElementById('fpl');
|
|
|
|
|
e3 = d.getElementsByClassName("desc")[0];
|
|
|
|
|
fetch('/json')
|
|
|
|
|
.then(res => {
|
|
|
|
|
if (!res.ok) {
|
|
|
|
|
e3.innerHTML=e;
|
|
|
|
|
}
|
|
|
|
|
return res.json();
|
|
|
|
|
})
|
|
|
|
|
.then(json => {
|
|
|
|
|
var x="",y="";
|
|
|
|
|
for (i in json.effects) {
|
|
|
|
|
x += "<li onclick=\"X("+i+")\">"+json.effects[i]+"</li>";
|
|
|
|
|
}
|
|
|
|
|
for (i in json.palettes) {
|
|
|
|
|
y += "<li onclick=\"P("+i+")\">"+json.palettes[i]+"</li>";
|
|
|
|
|
}
|
|
|
|
|
e1.innerHTML=x; e2.innerHTML=y;
|
|
|
|
|
recv =0;
|
|
|
|
|
var name = json.info.name;
|
|
|
|
|
if (json.info.live) name = "(Live) " + name;
|
|
|
|
|
e3.innerHTML = name;
|
|
|
|
|
var s = json.state;
|
|
|
|
|
d.getElementById("bris").value= (s.on)?s.bri:0;
|
|
|
|
|
nla=s.nl.on;
|
|
|
|
|
d.getElementById('myoos-n').checked = s.udpn.send;
|
|
|
|
|
d.getElementById('myoos-cy').checked = (s.pl >= 0);
|
|
|
|
|
var selc=0; var ind=0;
|
|
|
|
|
for (i in s.seg)
|
|
|
|
|
{
|
|
|
|
|
if(i.sel) {selc = ind; break;} ind++;
|
|
|
|
|
}
|
|
|
|
|
var i=s.seg[selc];
|
|
|
|
|
cpick.color.rgb = { r: i.col[0][0], g: i.col[0][1], b: i.col[0][2]};
|
|
|
|
|
var wv = i.col[0][3];
|
|
|
|
|
if (wv != null) {
|
|
|
|
|
d.getElementById("whis").value = wv;
|
|
|
|
|
} else {
|
|
|
|
|
d.getElementsByClassName("whs")[0].style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
d.getElementById('sxs').value = i.sx;
|
|
|
|
|
d.getElementById('ixs').value = i.ix;
|
2019-03-07 23:22:52 +01:00
|
|
|
recv =1;
|
|
|
|
|
uB();
|
2019-03-06 21:31:12 +01:00
|
|
|
})
|
|
|
|
|
.catch(function () {
|
|
|
|
|
e3.innerHTML=e;
|
|
|
|
|
})
|
2018-06-24 01:20:15 +02:00
|
|
|
}
|
2019-03-06 21:31:12 +01:00
|
|
|
|
2018-09-08 16:21:44 +02:00
|
|
|
function EC(eurl){
|
2018-10-06 14:53:15 +02:00
|
|
|
uB();
|
2018-09-08 16:21:44 +02:00
|
|
|
d.getElementById('stf').src = eurl;
|
2018-06-24 01:20:15 +02:00
|
|
|
}
|
2018-09-08 16:21:44 +02:00
|
|
|
function pC(col) {
|
|
|
|
|
var pc = iro.Color.parseHexStr(col);
|
|
|
|
|
var cr = pc.r;
|
|
|
|
|
var cg = pc.g;
|
|
|
|
|
var cb = pc.b;
|
|
|
|
|
if (d.querySelector('.oos-chk').checked == true) {
|
|
|
|
|
var rgburl = "/win&R2=" + cr + "&G2=" + cg + "&B2=" + cb;
|
|
|
|
|
}
|
|
|
|
|
if (d.querySelector('.oos-chk').checked == false) {
|
|
|
|
|
var rgburl = "/win&R=" + cr + "&G=" + cg + "&B=" + cb;
|
|
|
|
|
}
|
|
|
|
|
EC(rgburl);
|
2018-06-24 01:20:15 +02:00
|
|
|
}
|
2018-09-08 16:21:44 +02:00
|
|
|
function tP(){
|
2018-10-06 14:53:15 +02:00
|
|
|
nla=false;
|
|
|
|
|
if (d.getElementById('bris').value > 0)
|
|
|
|
|
{
|
|
|
|
|
lbri = d.getElementById('bris').value;
|
|
|
|
|
d.getElementById('bris').value = 0;
|
|
|
|
|
EC('/win&T=0');
|
|
|
|
|
}else
|
|
|
|
|
{
|
|
|
|
|
d.getElementById('bris').value = lbri;
|
|
|
|
|
EC('/win&T=1');
|
|
|
|
|
}
|
2018-06-24 01:20:15 +02:00
|
|
|
}
|
2018-09-08 16:21:44 +02:00
|
|
|
function tN(){
|
2018-10-06 14:53:15 +02:00
|
|
|
nla=true;
|
2018-09-08 16:21:44 +02:00
|
|
|
EC('/win&ND');
|
|
|
|
|
}
|
|
|
|
|
function ps(psNum){
|
|
|
|
|
if (d.querySelector('.oos-chk-ps').checked == false) {
|
|
|
|
|
var url = "/win&PL=" + psNum;
|
|
|
|
|
}
|
|
|
|
|
if (d.querySelector('.oos-chk-ps').checked == true) {
|
|
|
|
|
var url = "/win&PS=" + psNum;
|
|
|
|
|
}
|
|
|
|
|
EC(url);
|
|
|
|
|
}
|
|
|
|
|
function getVals(){
|
|
|
|
|
var pr = this.parentNode;
|
|
|
|
|
var slides = pr.getElementsByTagName("input");
|
|
|
|
|
var s1 = parseFloat(slides[0].value);
|
|
|
|
|
var s2 = parseFloat(slides[1].value);
|
|
|
|
|
if(s1>s2){var tmp = s2;s2=s1;s1=tmp;}
|
|
|
|
|
|
|
|
|
|
var displayElement = pr.getElementsByClassName("rangeValues")[0];
|
|
|
|
|
displayElement.innerHTML = s1 + " - " + s2;
|
|
|
|
|
if(!fs)EC('/win&P1=' + s1 + '&P2=' + s2);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2018-05-22 21:11:19 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
