Add new 404 page

Aircoookie · Aircoookie · commit f36073f5cd83 · 2020-11-15T16:37:09.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,7 @@
 -   Return remaining nightlight time `nl.rem` in JSON API (PR #1302)
 -   Added gamma calculation (yet unused)
 -   Added LED type definitions to const.h (yet unused)
+-   Added nicer 404 page
 -   Removed `NP` and `MS=` macro HTTP API commands
 -   Removed macros from Time settings
 
diff --git a/tools/cdata.js b/tools/cdata.js
@@ -386,6 +386,14 @@ const char PAGE_dmxmap[] PROGMEM = R"=====()=====";
       method: "plaintext",
       filter: "html-minify",
     },
+    {
+      file: "404.htm",
+      name: "PAGE_404",
+      prepend: "=====(",
+      append: ")=====",
+      method: "plaintext",
+      filter: "html-minify",
+    },
     {
       file: "favicon.ico",
       name: "favicon",
diff --git a/wled00/data/404.htm b/wled00/data/404.htm
@@ -35,7 +35,6 @@
       color: white;
       border: 0px solid white;
       border-radius: 25px;
-      filter: drop-shadow(0px 0px 1px #000);
     }
 	</style>
 </head>
diff --git a/wled00/data/index.htm b/wled00/data/index.htm
@@ -323,6 +323,7 @@
 
 #fxb0 {
 	margin-bottom: 2px;
+  filter: drop-shadow(0 0 1px #000);
 }
 
 .first {
diff --git a/wled00/html_other.h b/wled00/html_other.h
@@ -76,6 +76,18 @@ update();var tmout=null;function update(){if(document.hidden)return clearTimeout
 </script></body></html>)=====";
 
 
+// Autogenerated from wled00/data/404.htm, do not edit!!
+const char PAGE_404[] PROGMEM = R"=====(<!DOCTYPE html><html><head><meta charset="utf-8"><meta 
+content="width=device-width" name="viewport"><meta name="theme-color" 
+content="#222222"><title>Not found</title><style>
+body{font-family:Verdana,Helvetica,sans-serif;text-align:center;background-color:#222;margin:0;color:#fff}img{width:400px;max-width:50%;image-rendering:pixelated;image-rendering:crisp-edges;margin:25px 0 -10px 0}button{outline:0;cursor:pointer;padding:8px;margin:10px;width:230px;text-transform:uppercase;font-family:helvetica;font-size:19px;background-color:#333;color:#fff;border:0 solid #fff;border-radius:25px}
+</style></head><body><img alt="" 
+src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAFMSURBVFhH7ZTfbYNADMaPKDNUrJA85CEjdIjOgNQV+sASlZgmI/AIK6AuQfngnDrmjtpHItQ/P+l0juHsz2cH9+fJ/G7nreldfnDnp+ln/ZIlxbIfQmIwJOekCrEJ8FUvASEWEXoBiuSERcTO75uhuwFWff86bi57n3ZC+rW3YLqB5rn11ldCEPNr2LwFJgHHy8G1bTsu3oKYX4N5BrQ8ZAYewSoBGDjr0ElWCUC/rT2X7MqynL7tG4Dc45BwEYM9H5w7DqHMdfNCURR9nue3Iobk55MtOYeLoOQ8vmoG6o+0FaLrOm9FwC3wayLgx5I2WHpGIGYorulfgPYQ3AZLz4hQ9TMBVVVleJGrRUWz2YgQOg8bPjzzrit7vwcRQb5NTiARRPPzMYItoCpoWZITMkao+mRkddpqQ6z6FN+DfwFJrOm55GfewC/CuU/E4tQYg7BPYQAAAABJRU5ErkJggg==">
+<h1>404 Not Found</h1><b>Akemi does not know where you are headed...</b><br><br>
+<button onclick='window.location.href="/sliders"'>Back to controls</button>
+</body></html>)=====";
+
+
 // Autogenerated from wled00/data/favicon.ico, do not edit!!
 const uint16_t favicon_length = 954;
 const uint8_t favicon[] PROGMEM = {
diff --git a/wled00/html_ui.h b/wled00/html_ui.h
diff --git a/wled00/wled_server.cpp b/wled00/wled_server.cpp
@@ -217,7 +217,7 @@ void initServer()
     if(espalexa.handleAlexaApiCall(request)) return;
     #endif
     if(handleFileRead(request, request->url())) return;
-    request->send(404, "text/plain", "Not Found");
+    request->send_P(404, "text/html", PAGE_404);
   });
 }
 

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,6 @@`
`35`	`35`	`color: white;`
`36`	`36`	`border: 0px solid white;`
`37`	`37`	`border-radius: 25px;`
`38`		`- filter: drop-shadow(0px 0px 1px #000);`
`39`	`38`	`}`
`40`	`39`	`</style>`
`41`	`40`	`</head>`
Original file line number	Diff line number	Diff line change
`@@ -323,6 +323,7 @@`
`323`	`323`
`324`	`324`	`#fxb0 {`
`325`	`325`	`margin-bottom: 2px;`
	`326`	`+ filter: drop-shadow(0 0 1px #000);`
`326`	`327`	`}`
`327`	`328`
`328`	`329`	`.first {`
Original file line number	Diff line number	Diff line change
`@@ -217,7 +217,7 @@ void initServer()`
`217`	`217`	`if(espalexa.handleAlexaApiCall(request)) return;`
`218`	`218`	`#endif`
`219`	`219`	`if(handleFileRead(request, request->url())) return;`
`220`		`- request->send(404, "text/plain", "Not Found");`
	`220`	`+ request->send_P(404, "text/html", PAGE_404);`
`221`	`221`	`});`
`222`	`222`	`}`
`223`	`223`