diff --git a/data/style.css b/data/style.css
new file mode 100644
index 000000000..408ee7645
--- /dev/null
+++ b/data/style.css
@@ -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;
+}
\ No newline at end of file
diff --git a/data/style.css.gz b/data/style.css.gz
new file mode 100644
index 000000000..1ebb3c0d8
Binary files /dev/null and b/data/style.css.gz differ
diff --git a/src/meshwifi/meshhttp.cpp b/src/meshwifi/meshhttp.cpp
index d6ab4edce..7f54b2f29 100644
--- a/src/meshwifi/meshhttp.cpp
+++ b/src/meshwifi/meshhttp.cpp
@@ -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)
"\n"
" \n"
" Meshtastic - Chat\n"
- " \n"
+ " \n"
"\n"
"\n"
"\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
diff --git a/src/meshwifi/meshhttpStatic.h b/src/meshwifi/meshhttpStatic.h
index f5217df9f..673685bb5 100644
--- a/src/meshwifi/meshhttpStatic.h
+++ b/src/meshwifi/meshhttpStatic.h
@@ -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;