Moved style.css into meshhttpStatic.h

Also created /data to store static files before they go into meshhttpStatic.h
pull/488/head
Jm Casler 2020-10-17 17:33:29 -07:00
rodzic 7f12af73d4
commit 7dd4ce32d2
4 zmienionych plików z 367 dodań i 430 usunięć

277
data/style.css 100644
Wyświetl plik

@ -0,0 +1,277 @@
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(./Google.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
*, *:before, *:after {
box-sizing: border-box;
}
body {
background: #C5DDEB;
font: 14px/20px "Lato", Arial, sans-serif;
padding: 40px 0;
color: white;
}
.grid {
display: grid;
grid-template-columns:
1fr 4fr;
grid-template-areas:
"header header"
"sidebar content";
margin: 0 auto;
width: 750px;
background: #444753;
border-radius: 5px;
}
.top {grid-area: header;}
.side {grid-area: sidebar;}
.main {grid-area: content;}
.top {
border-bottom: 2px solid white;
}
.top-text {
font-weight: bold;
font-size: 24px;
text-align: center;
padding: 20px;
}
.side {
width: 260px;
float: left;
}
.side .side-header {
padding: 20px;
border-bottom: 2px solid white;
}
.side .side-header .side-text {
padding-left: 10px;
margin-top: 6px;
font-size: 16px;
text-align: left;
font-weight: bold;
}
.channel-list ul {
padding: 20px;
height: 570px;
list-style-type: none;
}
.channel-list ul li {
padding-bottom: 20px;
}
.channel-list .channel-name {
font-size: 20px;
margin-top: 8px;
padding-left: 8px;
}
.channel-list .message-count {
padding-left: 16px;
color: #92959E;
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.icon-map-marker {
width: 0.5714285714285714em;
}
.icon-circle {
width: 0.8571428571428571em;
}
.content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
/* width: 490px; */
float: left;
background: #F2F5F8;
/* border-top-right-radius: 5px;
border-bottom-right-radius: 5px; */
color: #434651;
}
.content .content-header {
flex-grow: 0;
padding: 20px;
border-bottom: 2px solid white;
}
.content .content-header .content-from {
padding-left: 10px;
margin-top: 6px;
font-size: 20px;
text-align: center;
font-size: 16px;
}
.content .content-header .content-from .content-from-highlight {
font-weight: bold;
}
.content .content-header .content-num-messages {
color: #92959E;
}
.content .content-history {
flex-grow: 1;
padding: 20px 20px 20px;
border-bottom: 2px solid white;
overflow-y: scroll;
height: 375px;
}
.content .content-history ul {
list-style-type: none;
padding-inline-start: 10px;
}
.content .content-history .message-data {
margin-bottom: 10px;
}
.content .content-history .message-data-time {
color: #a8aab1;
padding-left: 6px;
}
.content .content-history .message {
color: white;
padding: 8px 10px;
line-height: 20px;
font-size: 14px;
border-radius: 7px;
margin-bottom: 30px;
width: 90%;
position: relative;
}
.content .content-history .message:after {
bottom: 100%;
left: 7%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #86BB71;
border-width: 10px;
margin-left: -10px;
}
.content .content-history .my-message {
background: #86BB71;
}
.content .content-history .other-message {
background: #94C2ED;
}
.content .content-history .other-message:after {
border-bottom-color: #94C2ED;
left: 93%;
}
.content .content-message {
flex-grow: 0;
padding: 10px;
}
.content .content-message textarea {
width: 100%;
border: none;
padding: 10px 10px;
font: 14px/22px "Lato", Arial, sans-serif;
margin-bottom: 10px;
border-radius: 5px;
resize: none;
}
.content .content-message button {
float: right;
color: #94C2ED;
font-size: 16px;
text-transform: uppercase;
border: none;
cursor: pointer;
font-weight: bold;
background: #F2F5F8;
}
.content .content-message button:hover {
color: #75b1e8;
}
/* Tooltip container */
.tooltip {
color: #86BB71;
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #444753;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
}
.online, .offline, .me {
margin-right: 3px;
font-size: 10px;
}
.online {
color: #86BB71;
}
.offline {
color: #E38968;
}
.me {
color: #94C2ED;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.float-right {
float: right;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

BIN
data/style.css.gz 100644

Plik binarny nie jest wyświetlany.

Wyświetl plik

@ -46,7 +46,6 @@ HttpAPI webAPI;
void handleAPIv1FromRadio(HTTPRequest *req, HTTPResponse *res);
void handleAPIv1ToRadio(HTTPRequest *req, HTTPResponse *res);
void handleStyleCSS(HTTPRequest *req, HTTPResponse *res);
void handleJSONChatHistoryDummy(HTTPRequest *req, HTTPResponse *res);
void handleHotspot(HTTPRequest *req, HTTPResponse *res);
void handleFavicon(HTTPRequest *req, HTTPResponse *res);
void handleRoot(HTTPRequest *req, HTTPResponse *res);
@ -214,8 +213,6 @@ void initWebServer()
ResourceNode *nodeAPIv1ToRadioOptions = new ResourceNode("/api/v1/toradio", "OPTIONS", &handleAPIv1ToRadio);
ResourceNode *nodeAPIv1ToRadio = new ResourceNode("/api/v1/toradio", "PUT", &handleAPIv1ToRadio);
ResourceNode *nodeAPIv1FromRadio = new ResourceNode("/api/v1/fromradio", "GET", &handleAPIv1FromRadio);
ResourceNode *nodeCSS = new ResourceNode("/css/style.css", "GET", &handleStyleCSS);
ResourceNode *nodeJS = new ResourceNode("/scripts/script.js", "GET", &handleJSONChatHistoryDummy);
ResourceNode *nodeHotspot = new ResourceNode("/hotspot-detect.html", "GET", &handleHotspot);
ResourceNode *nodeFavicon = new ResourceNode("/favicon.ico", "GET", &handleFavicon);
ResourceNode *nodeRoot = new ResourceNode("/", "GET", &handleRoot);
@ -228,8 +225,6 @@ void initWebServer()
secureServer->registerNode(nodeAPIv1ToRadioOptions);
secureServer->registerNode(nodeAPIv1ToRadio);
secureServer->registerNode(nodeAPIv1FromRadio);
secureServer->registerNode(nodeCSS);
secureServer->registerNode(nodeJS);
secureServer->registerNode(nodeHotspot);
secureServer->registerNode(nodeFavicon);
secureServer->registerNode(nodeRoot);
@ -244,8 +239,6 @@ void initWebServer()
insecureServer->registerNode(nodeAPIv1ToRadioOptions);
insecureServer->registerNode(nodeAPIv1ToRadio);
insecureServer->registerNode(nodeAPIv1FromRadio);
insecureServer->registerNode(nodeCSS);
insecureServer->registerNode(nodeJS);
insecureServer->registerNode(nodeHotspot);
insecureServer->registerNode(nodeFavicon);
insecureServer->registerNode(nodeRoot);
@ -303,8 +296,14 @@ void handleStatic(HTTPRequest *req, HTTPResponse *res)
res->setHeader("Content-Encoding", "gzip");
res->setHeader("Content-Type", "application/json");
res->write(STATIC_MESHTASTIC_JS_DATA, STATIC_MESHTASTIC_JS_LENGTH);
return;
} else if (parameter1 == "style.css") {
res->setHeader("Content-Encoding", "gzip");
res->setHeader("Content-Type", "text/css");
res->write(STATIC_STYLE_CSS_DATA, STATIC_STYLE_CSS_LENGTH);
return;
} else {
res->print("Parameter 1: ");
res->printStd(parameter1);
@ -461,7 +460,7 @@ void handleRoot(HTTPRequest *req, HTTPResponse *res)
"<head>\n"
" <meta charset=\"UTF-8\">\n"
" <title>Meshtastic - Chat</title>\n"
" <link rel=\"stylesheet\" href=\"css/style.css\">\n"
" <link rel=\"stylesheet\" href=\"static/style.css\">\n"
"\n"
"</head>\n"
"<body>\n"
@ -536,298 +535,6 @@ void handleRoot(HTTPRequest *req, HTTPResponse *res)
res->print(out);
}
void handleStyleCSS(HTTPRequest *req, HTTPResponse *res)
{
String out = "";
out +=
"/* latin-ext */\n"
"@font-face {\n"
" font-family: 'Lato';\n"
" font-style: normal;\n"
" font-weight: 400;\n"
" src: local('Lato Regular'), local('Lato-Regular'), url(./Google.woff2) format('woff2');\n"
" unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n"
"}\n"
"\n"
"\n"
"*, *:before, *:after {\n"
" box-sizing: border-box;\n"
"}\n"
"\n"
"body {\n"
" background: #C5DDEB;\n"
" font: 14px/20px \"Lato\", Arial, sans-serif;\n"
" padding: 40px 0;\n"
" color: white;\n"
"}\n"
"\n"
"\n"
" \n"
".grid {\n"
" display: grid;\n"
" grid-template-columns:\n"
"\t1fr 4fr;\n"
" grid-template-areas:\n"
"\t\"header header\"\n"
"\t\"sidebar content\";\n"
" margin: 0 auto;\n"
" width: 750px;\n"
" background: #444753;\n"
" border-radius: 5px;\n"
"}\n"
"\n"
".top {grid-area: header;}\n"
".side {grid-area: sidebar;}\n"
".main {grid-area: content;}\n"
"\n"
".top {\n"
" border-bottom: 2px solid white;\n"
"}\n"
".top-text {\n"
" font-weight: bold;\n"
" font-size: 24px;\n"
" text-align: center;\n"
" padding: 20px;\n"
"}\n"
"\n"
".side {\n"
" width: 260px;\n"
" float: left;\n"
"}\n"
".side .side-header {\n"
" padding: 20px;\n"
" border-bottom: 2px solid white;\n"
"}\n"
"\n"
".side .side-header .side-text {\n"
" padding-left: 10px;\n"
" margin-top: 6px;\n"
" font-size: 16px;\n"
" text-align: left;\n"
" font-weight: bold;\n"
" \n"
"}\n"
"\n"
".channel-list ul {\n"
" padding: 20px;\n"
" height: 570px;\n"
" list-style-type: none;\n"
"}\n"
".channel-list ul li {\n"
" padding-bottom: 20px;\n"
"}\n"
"\n"
".channel-list .channel-name {\n"
" font-size: 20px;\n"
" margin-top: 8px;\n"
" padding-left: 8px;\n"
"}\n"
"\n"
".channel-list .message-count {\n"
" padding-left: 16px;\n"
" color: #92959E;\n"
"}\n"
"\n"
".icon {\n"
" display: inline-block;\n"
" width: 1em;\n"
" height: 1em;\n"
" stroke-width: 0;\n"
" stroke: currentColor;\n"
" fill: currentColor;\n"
"}\n"
"\n"
".icon-map-marker {\n"
" width: 0.5714285714285714em;\n"
"}\n"
"\n"
".icon-circle {\n"
" width: 0.8571428571428571em;\n"
"}\n"
"\n"
".content {\n"
" display: flex;\n"
" flex-direction: column;\n"
" flex-wrap: nowrap;\n"
"/* width: 490px; */\n"
" float: left;\n"
" background: #F2F5F8;\n"
"/* border-top-right-radius: 5px;\n"
" border-bottom-right-radius: 5px; */\n"
" color: #434651;\n"
"}\n"
".content .content-header {\n"
" flex-grow: 0;\n"
" padding: 20px;\n"
" border-bottom: 2px solid white;\n"
"}\n"
"\n"
".content .content-header .content-from {\n"
" padding-left: 10px;\n"
" margin-top: 6px;\n"
" font-size: 20px;\n"
" text-align: center;\n"
" font-size: 16px;\n"
"}\n"
".content .content-header .content-from .content-from-highlight {\n"
" font-weight: bold;\n"
"}\n"
".content .content-header .content-num-messages {\n"
" color: #92959E;\n"
"}\n"
"\n"
".content .content-history {\n"
" flex-grow: 1;\n"
" padding: 20px 20px 20px;\n"
" border-bottom: 2px solid white;\n"
" overflow-y: scroll;\n"
" height: 375px;\n"
"}\n"
".content .content-history ul {\n"
" list-style-type: none;\n"
" padding-inline-start: 10px;\n"
"}\n"
".content .content-history .message-data {\n"
" margin-bottom: 10px;\n"
"}\n"
".content .content-history .message-data-time {\n"
" color: #a8aab1;\n"
" padding-left: 6px;\n"
"}\n"
".content .content-history .message {\n"
" color: white;\n"
" padding: 8px 10px;\n"
" line-height: 20px;\n"
" font-size: 14px;\n"
" border-radius: 7px;\n"
" margin-bottom: 30px;\n"
" width: 90%;\n"
" position: relative;\n"
"}\n"
".content .content-history .message:after {\n"
" bottom: 100%;\n"
" left: 7%;\n"
" border: solid transparent;\n"
" content: \" \";\n"
" height: 0;\n"
" width: 0;\n"
" position: absolute;\n"
" pointer-events: none;\n"
" border-bottom-color: #86BB71;\n"
" border-width: 10px;\n"
" margin-left: -10px;\n"
"}\n"
".content .content-history .my-message {\n"
" background: #86BB71;\n"
"}\n"
".content .content-history .other-message {\n"
" background: #94C2ED;\n"
"}\n"
".content .content-history .other-message:after {\n"
" border-bottom-color: #94C2ED;\n"
" left: 93%;\n"
"}\n"
".content .content-message {\n"
" flex-grow: 0;\n"
" padding: 10px;\n"
"}\n"
".content .content-message textarea {\n"
" width: 100%;\n"
" border: none;\n"
" padding: 10px 10px;\n"
" font: 14px/22px \"Lato\", Arial, sans-serif;\n"
" margin-bottom: 10px;\n"
" border-radius: 5px;\n"
" resize: none;\n"
"}\n"
"\n"
".content .content-message button {\n"
" float: right;\n"
" color: #94C2ED;\n"
" font-size: 16px;\n"
" text-transform: uppercase;\n"
" border: none;\n"
" cursor: pointer;\n"
" font-weight: bold;\n"
" background: #F2F5F8;\n"
"}\n"
".content .content-message button:hover {\n"
" color: #75b1e8;\n"
"}\n"
"/* Tooltip container */\n"
".tooltip {\n"
" color: #86BB71;\n"
" position: relative;\n"
" display: inline-block;\n"
" border-bottom: 1px dotted black; /* If you want dots under the hoverable text */\n"
"}\n"
"/* Tooltip text */\n"
".tooltip .tooltiptext {\n"
" visibility: hidden;\n"
" width: 120px;\n"
" background-color: #444753;\n"
" color: #fff;\n"
" text-align: center;\n"
" padding: 5px 0;\n"
" border-radius: 6px;\n"
" /* Position the tooltip text - see examples below! */\n"
" position: absolute;\n"
" z-index: 1;\n"
"}\n"
"\n"
"/* Show the tooltip text when you mouse over the tooltip container */\n"
".tooltip:hover .tooltiptext {\n"
" visibility: visible;\n"
"}\n"
"\n"
".online, .offline, .me {\n"
" margin-right: 3px;\n"
" font-size: 10px;\n"
"}\n"
"\n"
".online {\n"
" color: #86BB71;\n"
"}\n"
"\n"
".offline {\n"
" color: #E38968;\n"
"}\n"
"\n"
".me {\n"
" color: #94C2ED;\n"
"}\n"
"\n"
".align-left {\n"
" text-align: left;\n"
"}\n"
"\n"
".align-right {\n"
" text-align: right;\n"
"}\n"
"\n"
".float-right {\n"
" float: right;\n"
"}\n"
"\n"
".clearfix:after {\n"
" visibility: hidden;\n"
" display: block;\n"
" font-size: 0;\n"
" content: \" \";\n"
" clear: both;\n"
" height: 0;\n"
"}";
// Status code is 200 OK by default.
// We want to deliver a simple HTML page, so we send a corresponding content type:
res->setHeader("Content-Type", "text/css");
// The response implements the Print interface, so you can use it just like
// you would write to Serial etc.
res->print(out);
}
void handleScriptsScriptJS(HTTPRequest *req, HTTPResponse *res)
{
String out = "";
@ -987,135 +694,6 @@ void handleScriptsScriptJS(HTTPRequest *req, HTTPResponse *res)
res->print(out);
}
void handleJSONChatHistoryDummy(HTTPRequest *req, HTTPResponse *res)
{
String out = "";
out += "{\n"
"\t\"data\": {\n"
"\t\t\"system\": {\n"
"\t\t\t\"timeSinceStart\": 3213544,\n"
"\t\t\t\"timeGPS\": 1600830985,\n"
"\t\t\t\"channel\": \"ourSecretPlace\"\n"
"\t\t},\n"
"\t\t\"users\": [{\n"
"\t\t\t\t\"NameShort\": \"J\",\n"
"\t\t\t\t\"NameLong\": \"John\",\n"
"\t\t\t\t\"lastSeen\": 3207544,\n"
"\t\t\t\t\"lat\" : -2.882243,\n"
"\t\t\t\t\"lon\" : -111.038580\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"NameShort\": \"D\",\n"
"\t\t\t\t\"NameLong\": \"David\",\n"
"\t\t\t\t\"lastSeen\": 3212544,\n"
"\t\t\t\t\"lat\" : -12.24452,\n"
"\t\t\t\t\"lon\" : -61.87351\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"NameShort\": \"P\",\n"
"\t\t\t\t\"NameLong\": \"Peter\",\n"
"\t\t\t\t\"lastSeen\": 3213444,\n"
"\t\t\t\t\"lat\" : 0,\n"
"\t\t\t\t\"lon\" : 0\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"NameShort\": \"M\",\n"
"\t\t\t\t\"NameLong\": \"Mary\",\n"
"\t\t\t\t\"lastSeen\": 3211544,\n"
"\t\t\t\t\"lat\" : 16.45478,\n"
"\t\t\t\t\"lon\" : 11.40166\n"
"\t\t\t}\n"
"\t\t],\n"
"\t\t\"chat\": [{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"J\",\n"
"\t\t\t\t\"NameLong\": \"John\",\n"
"\t\t\t\t\"chatLine\": \"Hello\",\n"
"\t\t\t\t\"timestamp\" : 3203544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"D\",\n"
"\t\t\t\t\"NameLong\": \"David\",\n"
"\t\t\t\t\"chatLine\": \"Hello There\",\n"
"\t\t\t\t\"timestamp\" : 3204544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"J\",\n"
"\t\t\t\t\"NameLong\": \"John\",\n"
"\t\t\t\t\"chatLine\": \"Where you been?\",\n"
"\t\t\t\t\"timestamp\" : 3205544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"D\",\n"
"\t\t\t\t\"NameLong\": \"David\",\n"
"\t\t\t\t\"chatLine\": \"I was on Channel 2\",\n"
"\t\t\t\t\"timestamp\" : 3206544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"J\",\n"
"\t\t\t\t\"NameLong\": \"John\",\n"
"\t\t\t\t\"chatLine\": \"With Mary again?\",\n"
"\t\t\t\t\"timestamp\" : 3207544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"D\",\n"
"\t\t\t\t\"NameLong\": \"David\",\n"
"\t\t\t\t\"chatLine\": \"She's better looking than you\",\n"
"\t\t\t\t\"timestamp\" : 3208544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"M\",\n"
"\t\t\t\t\"NameLong\": \"Mary\",\n"
"\t\t\t\t\"chatLine\": \"Well, Hi\",\n"
"\t\t\t\t\"timestamp\" : 3209544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"D\",\n"
"\t\t\t\t\"NameLong\": \"David\",\n"
"\t\t\t\t\"chatLine\": \"You're Here\",\n"
"\t\t\t\t\"timestamp\" : 3210544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"M\",\n"
"\t\t\t\t\"NameLong\": \"Mary\",\n"
"\t\t\t\t\"chatLine\": \"Wanted to say Howdy.\",\n"
"\t\t\t\t\"timestamp\" : 3211544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 0,\n"
"\t\t\t\t\"NameShort\": \"D\",\n"
"\t\t\t\t\"NameLong\": \"David\",\n"
"\t\t\t\t\"chatLine\": \"Better come down and visit sometime\",\n"
"\t\t\t\t\"timestamp\" : 3212544\n"
"\t\t\t},\n"
"\t\t\t{\n"
"\t\t\t\t\"local\": 1,\n"
"\t\t\t\t\"NameShort\": \"P\",\n"
"\t\t\t\t\"NameLong\": \"Peter\",\n"
"\t\t\t\t\"chatLine\": \"Where is everybody?\",\n"
"\t\t\t\t\"timestamp\" : 3213444\n"
"\t\t\t}\n"
"\t\t]\n"
"\t}\n"
"}";
// Status code is 200 OK by default.
// We want to deliver a simple HTML page, so we send a corresponding content type:
res->setHeader("Content-Type", "application/json");
// The response implements the Print interface, so you can use it just like
// you would write to Serial etc.
res->print(out);
}
void handleFavicon(HTTPRequest *req, HTTPResponse *res)
{
// Set Content-Type

Wyświetl plik

@ -10,6 +10,88 @@
*/
// Length of the binary data
const int STATIC_STYLE_CSS_LENGTH = 1578;
const byte STATIC_STYLE_CSS_DATA[] = {
0x1F, 0x8B, 0x08, 0x08, 0x94, 0x88, 0x8B, 0x5F, 0x00, 0x03, 0x73, 0x74, 0x79, 0x6C, 0x65, 0x2E, 0x63, 0x73, 0x73, 0x00, 0x9D,
0x57, 0xC9, 0x72, 0xE3, 0x36, 0x10, 0x3D, 0x47, 0x5F, 0x81, 0x78, 0x6A, 0xCA, 0x33, 0x8E, 0x61, 0x93, 0x34, 0xB5, 0x51, 0x97,
0x78, 0x4D, 0xA5, 0x2A, 0x87, 0x54, 0x96, 0x0F, 0x00, 0x45, 0x50, 0x42, 0x19, 0x22, 0x54, 0x20, 0x68, 0x49, 0x76, 0xCD, 0xBF,
0xA7, 0xB1, 0x71, 0x13, 0xE5, 0x78, 0xE6, 0x20, 0x91, 0x68, 0x36, 0x1A, 0xDD, 0xAF, 0xBB, 0x1F, 0x80, 0xEB, 0x0B, 0xC4, 0x89,
0x62, 0x05, 0xA6, 0x7B, 0x85, 0x2E, 0xAE, 0x47, 0xBF, 0xE6, 0xA2, 0x50, 0x38, 0x27, 0x4B, 0x8A, 0xDE, 0x46, 0x08, 0xB9, 0xD1,
0x86, 0xF1, 0x43, 0x82, 0xCE, 0xFF, 0x20, 0x4A, 0x9C, 0x2F, 0xBC, 0xB8, 0x54, 0x07, 0x4E, 0x13, 0x54, 0x08, 0xB9, 0x21, 0xBC,
0x96, 0xEE, 0x28, 0x5B, 0xAD, 0x55, 0x82, 0xE2, 0x20, 0xD0, 0xB2, 0x52, 0x2E, 0x13, 0xC4, 0xC5, 0x92, 0xF0, 0x2F, 0x66, 0x3A,
0xFA, 0x8B, 0xAE, 0x2A, 0x4E, 0xE4, 0xF9, 0xD7, 0xCB, 0xB6, 0x18, 0xB7, 0xC4, 0x95, 0xE4, 0x5F, 0xAE, 0xAE, 0x7F, 0x13, 0x62,
0xC5, 0xE9, 0xD5, 0x4E, 0xE4, 0x79, 0xF4, 0x15, 0x4C, 0xC3, 0x22, 0xEA, 0xCB, 0xB9, 0x19, 0x9E, 0x7F, 0xD5, 0x96, 0xAB, 0x82,
0x2D, 0x45, 0x46, 0xB1, 0x24, 0xC5, 0x0A, 0xDC, 0xF8, 0xF7, 0x97, 0x20, 0x0C, 0x02, 0x1C, 0x44, 0xF1, 0xD3, 0xA5, 0x1E, 0x44,
0xE3, 0xB9, 0x7E, 0x86, 0x8F, 0x20, 0x0C, 0x1F, 0x9F, 0x8C, 0x30, 0x0A, 0xA2, 0xC0, 0x3E, 0x6F, 0x03, 0x0C, 0x7F, 0x77, 0x6E,
0xF0, 0x00, 0x83, 0x7B, 0xAB, 0x11, 0x86, 0x37, 0xE6, 0x79, 0x3F, 0x01, 0x8D, 0xFB, 0xA9, 0x11, 0xDE, 0x4E, 0xA3, 0x00, 0xDF,
0x4E, 0x9F, 0x9E, 0x16, 0xA3, 0x6F, 0xA3, 0xD1, 0xE8, 0xE2, 0x12, 0x5D, 0x24, 0x29, 0x05, 0x97, 0xA8, 0x7E, 0x23, 0xB9, 0xA2,
0xD2, 0x80, 0x95, 0x8A, 0x3D, 0x2E, 0xD9, 0x2B, 0x2B, 0x56, 0x09, 0xBC, 0xCB, 0x8C, 0x4A, 0x0C, 0x22, 0x33, 0x29, 0x15, 0xD9,
0xC1, 0xEA, 0x90, 0xE5, 0xF3, 0x4A, 0x8A, 0xAA, 0xC8, 0x12, 0xF4, 0xE9, 0x7E, 0xFC, 0xF0, 0xF0, 0x78, 0xE7, 0xA1, 0x4B, 0x50,
0x18, 0x6F, 0xF7, 0xD7, 0x51, 0xB0, 0xDD, 0xA3, 0x33, 0x0D, 0xCA, 0xD9, 0x25, 0xBA, 0x95, 0x8C, 0xF0, 0x4B, 0x54, 0x92, 0xA2,
0xC4, 0x25, 0x95, 0x2C, 0xD7, 0xCA, 0x5B, 0x92, 0x65, 0x66, 0x91, 0x58, 0xAB, 0x1A, 0x98, 0x97, 0x82, 0x0B, 0x99, 0xA0, 0xDD,
0x9A, 0x29, 0x6A, 0xBD, 0x44, 0x68, 0x74, 0xB5, 0x92, 0x2C, 0x33, 0xAB, 0x66, 0xAC, 0xDC, 0x72, 0x02, 0x29, 0xD4, 0x12, 0xAD,
0xAF, 0x9F, 0x58, 0xD1, 0x0D, 0x48, 0x15, 0xC5, 0x30, 0xBB, 0xDA, 0x14, 0x65, 0x32, 0xFA, 0x29, 0xCC, 0x25, 0x8A, 0x73, 0x79,
0xAC, 0x42, 0x24, 0x25, 0x5A, 0xE1, 0x6C, 0x4D, 0x09, 0x04, 0x86, 0xEC, 0xE3, 0x0C, 0x04, 0x25, 0xCB, 0x68, 0x4A, 0x24, 0xB8,
0x50, 0x28, 0x5A, 0xA8, 0x33, 0x3D, 0x77, 0x43, 0xE4, 0x8A, 0x15, 0x09, 0x0A, 0x10, 0xA9, 0x94, 0xD0, 0x92, 0x1D, 0xCB, 0xD4,
0x3A, 0x41, 0xD3, 0x31, 0xB8, 0xBC, 0xE8, 0xE3, 0x10, 0xC7, 0xF1, 0x74, 0x7C, 0x63, 0xC4, 0x16, 0x36, 0x49, 0x32, 0x56, 0x95,
0x09, 0x1A, 0x6F, 0x2D, 0x7C, 0x57, 0x4A, 0x6C, 0xD1, 0x9B, 0xF1, 0x48, 0x3B, 0x92, 0xB8, 0xE5, 0x17, 0xDF, 0x46, 0x57, 0x7A,
0xF9, 0xCE, 0x27, 0xE7, 0x8F, 0xFE, 0xB6, 0x21, 0xAC, 0xE8, 0x7C, 0x73, 0x3E, 0x2E, 0x6A, 0x93, 0xCD, 0x92, 0xA9, 0x50, 0x4A,
0x6C, 0x12, 0x14, 0x01, 0xA4, 0xA5, 0xE0, 0x00, 0x5C, 0x0D, 0xA6, 0x56, 0x05, 0x24, 0xA0, 0x41, 0xDE, 0xFA, 0x55, 0x9E, 0x0A,
0x9E, 0x35, 0x0D, 0xC1, 0x5E, 0xA1, 0x10, 0xA3, 0xD8, 0x46, 0xA8, 0x27, 0x60, 0xC2, 0xD9, 0x0A, 0x70, 0x58, 0xC2, 0xA2, 0x54,
0x76, 0x72, 0x17, 0x05, 0x3E, 0x36, 0x1B, 0x41, 0x83, 0x51, 0x34, 0x71, 0x18, 0xE5, 0x5C, 0x10, 0x58, 0x83, 0xD3, 0x5C, 0x19,
0x37, 0x8C, 0xA2, 0xF9, 0xC7, 0x2E, 0x0B, 0x6F, 0xC7, 0x16, 0x3F, 0x12, 0xD0, 0x90, 0x29, 0x3B, 0xA8, 0xA3, 0x74, 0x56, 0xB1,
0x5E, 0x1C, 0x0A, 0xD3, 0x99, 0xB6, 0x79, 0xC5, 0x80, 0x47, 0x82, 0x26, 0xCE, 0xC9, 0x26, 0xF2, 0x70, 0x72, 0x1C, 0xB9, 0x75,
0xFE, 0x04, 0x6A, 0xC6, 0x95, 0xE5, 0x9A, 0x14, 0x05, 0xE5, 0x98, 0xB3, 0x52, 0xA1, 0x8A, 0x0F, 0xC7, 0xB4, 0x76, 0x33, 0xC7,
0x53, 0x27, 0xD0, 0xDA, 0x96, 0x81, 0xB0, 0x3A, 0x6C, 0x0D, 0x0D, 0x15, 0x36, 0x59, 0x7D, 0x7B, 0x9C, 0x75, 0x02, 0xAA, 0x61,
0xA9, 0xF1, 0xEF, 0x4C, 0xA8, 0x47, 0x05, 0xD9, 0xB4, 0x28, 0xD0, 0xA5, 0x76, 0x00, 0x86, 0x99, 0x15, 0x75, 0xF1, 0x9A, 0x0D,
0xDB, 0xDE, 0xD0, 0xB2, 0x24, 0x2B, 0xDD, 0x6F, 0x55, 0x31, 0x08, 0xB3, 0x03, 0xD0, 0x75, 0xF3, 0xA7, 0x79, 0x34, 0x1F, 0xCF,
0x1F, 0xAD, 0x25, 0x20, 0xBB, 0xA2, 0xDB, 0xCB, 0xAC, 0xE0, 0xAC, 0xA0, 0x38, 0x05, 0x1A, 0x7D, 0x6E, 0xB5, 0x58, 0x48, 0x37,
0x6D, 0xC4, 0xDC, 0xB0, 0x54, 0x52, 0x3C, 0x53, 0xEC, 0x74, 0x82, 0x46, 0x04, 0xC5, 0x59, 0x49, 0x09, 0xF5, 0x79, 0xAF, 0x17,
0x35, 0xA9, 0x62, 0x9C, 0xF7, 0xA5, 0xDE, 0x03, 0xBC, 0x21, 0x5B, 0xF8, 0xC9, 0x67, 0x57, 0x7C, 0xDE, 0xDE, 0xD5, 0x78, 0x1A,
0xC6, 0xD1, 0xAC, 0xF9, 0xD7, 0xAB, 0xD6, 0x93, 0x96, 0x4C, 0x2E, 0x39, 0xED, 0x4E, 0x98, 0xF5, 0x66, 0xF8, 0x09, 0xAE, 0x45,
0xBB, 0xA1, 0xE6, 0x9C, 0xBA, 0x8E, 0xA0, 0x7B, 0x9C, 0x31, 0x49, 0x97, 0x8A, 0x09, 0xDD, 0x57, 0x86, 0xB8, 0xEA, 0x2F, 0x3B,
0x49, 0xB6, 0xBA, 0x12, 0xF4, 0x73, 0x31, 0xBA, 0xBE, 0xF0, 0xAB, 0xC5, 0x73, 0x9D, 0x38, 0xBD, 0xBD, 0xF5, 0x9A, 0xAA, 0xC7,
0x43, 0x4F, 0xD1, 0xD3, 0xF8, 0x69, 0x66, 0x66, 0xFA, 0x2E, 0xD2, 0xAD, 0x2F, 0x35, 0x92, 0x5D, 0x4E, 0xEA, 0x75, 0xD9, 0x80,
0x8A, 0x5D, 0xCD, 0x67, 0x32, 0xBE, 0x89, 0x27, 0xE3, 0xD0, 0xD6, 0xA7, 0x0B, 0xD0, 0xBF, 0xB4, 0x7B, 0xD9, 0x44, 0x01, 0xEE,
0xEC, 0x5C, 0x8A, 0x7E, 0xA8, 0xB7, 0x4F, 0x2D, 0x50, 0x8F, 0x73, 0x29, 0x36, 0x3F, 0xDC, 0xE4, 0xDE, 0x93, 0x61, 0x7A, 0x3B,
0x62, 0x83, 0x77, 0x02, 0xEE, 0xFA, 0xD3, 0x19, 0xE1, 0x35, 0xE0, 0xC9, 0x35, 0xA6, 0xA7, 0x28, 0xF7, 0x23, 0x76, 0x8B, 0x6A,
0x83, 0x5D, 0xCB, 0x95, 0xC6, 0xCE, 0x50, 0x5F, 0x1D, 0x5B, 0x81, 0x56, 0x15, 0xF2, 0xD0, 0xCF, 0x47, 0x78, 0x94, 0x8F, 0xE6,
0xEF, 0x23, 0x99, 0x41, 0x48, 0xBC, 0x50, 0x09, 0xD5, 0xB7, 0xC3, 0x50, 0xD0, 0xE5, 0x52, 0x0A, 0xCE, 0xDB, 0x7D, 0x7A, 0x33,
0x1D, 0x9F, 0xC4, 0xCB, 0x79, 0xE4, 0xC8, 0xF1, 0x04, 0xF5, 0x35, 0xE9, 0x74, 0xC4, 0x50, 0x2A, 0x22, 0xEB, 0xB4, 0xBE, 0x67,
0xB7, 0xE6, 0xA5, 0x8C, 0x28, 0x62, 0x96, 0x70, 0x25, 0xE0, 0x83, 0xF9, 0x4E, 0x13, 0x58, 0x31, 0xC7, 0x9D, 0x1E, 0x70, 0x32,
0x23, 0x24, 0x6D, 0x23, 0xE8, 0x4A, 0xEE, 0x74, 0x89, 0xF4, 0xEC, 0xB6, 0xAD, 0xD5, 0x80, 0xD6, 0xD9, 0x00, 0xBA, 0xAD, 0xAB,
0xD7, 0x84, 0xEE, 0x41, 0xF5, 0xC9, 0x69, 0x97, 0x65, 0xDC, 0xC9, 0x97, 0x6F, 0xD9, 0x69, 0xA7, 0xF6, 0x7D, 0xE0, 0x37, 0x6E,
0xBE, 0xE3, 0x91, 0x79, 0xF0, 0xD9, 0xAC, 0x2B, 0x4A, 0x66, 0xF9, 0x47, 0x52, 0x7D, 0x78, 0x7E, 0xA1, 0x1F, 0x0B, 0xA2, 0x73,
0x54, 0xF4, 0xC8, 0x5A, 0x93, 0x16, 0x8E, 0xE9, 0xE7, 0xC6, 0xB3, 0xC4, 0x95, 0x8F, 0x82, 0xF3, 0x6D, 0xB9, 0x25, 0x9A, 0x8B,
0xED, 0xD6, 0x60, 0x6C, 0x27, 0xE8, 0x0C, 0x9D, 0xB5, 0xCB, 0x27, 0x68, 0xB9, 0x19, 0x74, 0x9D, 0x24, 0x29, 0x58, 0xAA, 0x1C,
0x64, 0x82, 0xE9, 0x56, 0xC5, 0xF4, 0x05, 0x8C, 0x94, 0x4D, 0xE9, 0x74, 0xD9, 0xCC, 0xA7, 0x6D, 0x36, 0xB9, 0xBB, 0x9B, 0x86,
0xAD, 0xEF, 0x7E, 0x8B, 0xE9, 0x32, 0x85, 0x75, 0x1E, 0x7F, 0xA4, 0x4A, 0x0E, 0xB8, 0x9D, 0xD0, 0x0E, 0xF9, 0xFA, 0xC5, 0xDE,
0x35, 0x20, 0xD4, 0x1A, 0xDC, 0x38, 0x69, 0x63, 0x1E, 0xDF, 0x47, 0x8F, 0x0F, 0xDF, 0x63, 0xA3, 0x93, 0x93, 0x21, 0x0C, 0xBC,
0x49, 0x9F, 0xA3, 0xF9, 0xCD, 0xE7, 0x61, 0xFB, 0x6D, 0xA7, 0x4E, 0xF2, 0xF8, 0x69, 0x8C, 0xFC, 0x74, 0xCD, 0xAB, 0xFA, 0xB0,
0xDA, 0xDE, 0x2D, 0x7D, 0x95, 0xF8, 0xCA, 0xE8, 0x35, 0xBC, 0x35, 0x5B, 0x67, 0xA5, 0x7D, 0x97, 0x88, 0xFE, 0xEF, 0x2E, 0x31,
0xD8, 0xE9, 0xC3, 0xE7, 0x70, 0x04, 0xE5, 0x6E, 0x7B, 0xC8, 0x9F, 0xB5, 0xDE, 0x09, 0x23, 0xAD, 0xC0, 0x60, 0xE1, 0xC0, 0x30,
0x3B, 0xAE, 0xD9, 0x22, 0x3B, 0xA7, 0x9B, 0x1A, 0xD9, 0x53, 0x67, 0x48, 0x53, 0xFB, 0xFA, 0xEA, 0x97, 0xA0, 0x6A, 0xBB, 0xA5,
0x72, 0x49, 0x4A, 0x3A, 0x84, 0x03, 0x9C, 0x55, 0x4A, 0x6D, 0xD2, 0x55, 0xF7, 0xC9, 0xF3, 0xE6, 0xE0, 0x66, 0xFF, 0x5E, 0x32,
0x6C, 0x14, 0xC9, 0x5A, 0x53, 0x77, 0x87, 0xD0, 0xA6, 0xE3, 0x34, 0xA4, 0x66, 0x32, 0x9C, 0x15, 0xFE, 0x11, 0x82, 0x2B, 0xB6,
0x35, 0xBD, 0x09, 0x37, 0x0E, 0x50, 0x85, 0xBD, 0x1F, 0x2E, 0x0D, 0x56, 0xDA, 0x9E, 0xD6, 0x34, 0xD4, 0x10, 0x87, 0xBC, 0x73,
0xB6, 0xEB, 0xED, 0x2E, 0x21, 0xA4, 0x35, 0x83, 0x77, 0x9A, 0xA1, 0x94, 0x43, 0x50, 0x0B, 0x04, 0x6E, 0xFC, 0x9E, 0xA3, 0x83,
0xA8, 0xD0, 0x8E, 0x40, 0x24, 0xF0, 0xB1, 0x84, 0x1B, 0xB2, 0xDE, 0x0E, 0xA1, 0xDA, 0x91, 0x09, 0x80, 0xA4, 0xDC, 0x96, 0x97,
0x76, 0xAF, 0xE3, 0xB8, 0x17, 0xD6, 0x3E, 0xFB, 0x97, 0xFA, 0x3A, 0xF0, 0xC2, 0x4A, 0x96, 0x32, 0xCE, 0x14, 0xF8, 0xB6, 0x66,
0x59, 0x46, 0x8B, 0xF6, 0x89, 0x33, 0x3A, 0xBA, 0xD4, 0xD5, 0xED, 0xD3, 0x5C, 0xED, 0xBC, 0x24, 0xCF, 0xF3, 0x0F, 0x5C, 0x8F,
0xC6, 0xFE, 0x66, 0xDB, 0xAB, 0x44, 0x57, 0x1E, 0x3A, 0xDE, 0x3F, 0x1D, 0x84, 0x26, 0x42, 0xD5, 0x0E, 0x05, 0xA3, 0x92, 0x52,
0x44, 0xF7, 0x04, 0x2E, 0xAF, 0xB0, 0xF5, 0xA7, 0x14, 0x76, 0xDD, 0x9F, 0xED, 0x81, 0x6C, 0x98, 0x16, 0x5F, 0x61, 0xCF, 0xCC,
0xE8, 0xDE, 0xEC, 0xF2, 0x50, 0xD6, 0x60, 0xFC, 0xEF, 0xB5, 0xD8, 0x1D, 0x1B, 0xDE, 0xAD, 0x69, 0x61, 0x40, 0xDE, 0x88, 0xAA,
0xA4, 0x66, 0x47, 0xEF, 0x28, 0x0D, 0x56, 0x80, 0x2B, 0x9F, 0x77, 0x31, 0x35, 0xEF, 0xDC, 0x35, 0x95, 0x30, 0xC9, 0xBF, 0x04,
0xA6, 0xCA, 0x73, 0xF7, 0xE6, 0xF6, 0x53, 0xD7, 0xAD, 0xD2, 0x1D, 0x19, 0x8E, 0x37, 0xB7, 0xFA, 0x52, 0x63, 0x6D, 0x0C, 0x16,
0x9F, 0xF9, 0x6C, 0x2D, 0x77, 0xBE, 0x3F, 0xDE, 0xCC, 0xE6, 0x93, 0x99, 0xFD, 0xDE, 0xDB, 0xBF, 0x1B, 0x5E, 0x1D, 0x5D, 0x99,
0x9C, 0x19, 0xCE, 0x37, 0x2A, 0xC7, 0x97, 0xBD, 0x46, 0x49, 0xD6, 0x27, 0xB8, 0xB6, 0x96, 0x23, 0x02, 0xAD, 0x66, 0xA8, 0xA1,
0xA5, 0xD6, 0xA5, 0x0A, 0x43, 0x30, 0x9C, 0x12, 0x99, 0xB3, 0x7D, 0x8B, 0xA7, 0x87, 0x6B, 0xB1, 0x6E, 0x9D, 0xBA, 0x67, 0x5A,
0xB8, 0x04, 0x43, 0x5B, 0xA7, 0x31, 0xAD, 0xC9, 0x41, 0xAD, 0x7B, 0x3B, 0xE9, 0xB7, 0xFF, 0x00, 0x00, 0x1A, 0x0D, 0xA0, 0x16,
0x13, 0x00, 0x00,
};
// Length of the binary data
const int STATIC_MESHTASTIC_JS_LENGTH = 23760;