Merge pull request #289 from MoonModules/404_mystery
The 404 mystery page (implements #288)
This commit is contained in:
@@ -419,6 +419,12 @@ const char PAGE_dmxmap[] PROGMEM = R"=====()=====";
|
||||
method: "gzip",
|
||||
filter: "html-minify",
|
||||
},
|
||||
{
|
||||
file: "404mini.htm",
|
||||
name: "PAGE_404_mini",
|
||||
method: "gzip",
|
||||
filter: "html-minify",
|
||||
},
|
||||
{
|
||||
file: "favicon.ico",
|
||||
name: "favicon",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content='width=device-width' name='viewport'>
|
||||
@@ -9,11 +9,14 @@
|
||||
body {
|
||||
font-family: Verdana, Helvetica, sans-serif;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
background-color: #222;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
img {
|
||||
width: 400px;
|
||||
max-width: 50%;
|
||||
@@ -29,11 +32,11 @@
|
||||
margin: 10px;
|
||||
width: 230px;
|
||||
text-transform: uppercase;
|
||||
font-family: helvetica;
|
||||
font-family: helvetica, sans-serif;
|
||||
font-size: 19px;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
border: 0px solid white;
|
||||
border: 0 solid white;
|
||||
border-radius: 25px;
|
||||
}
|
||||
</style>
|
||||
@@ -41,7 +44,34 @@
|
||||
<body>
|
||||
<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbUExURQAAAAB81gCU/zKq/////9bW1oCAgGhoaAAAAGPLX8AAAAAJdFJOU///////////AFNPeBIAAAAJcEhZcwAADsAAAA7AAWrWiQkAAACdSURBVDhPxc9bDoUgEANQebP/FUuHMjBGY/B+3EYR7RH0qC/ZBc6HwCljgHO+xZIVSI2sYgHaG7EBWh8jWoxTrCBFdDJ+BD4lbIHxAcz8APAVLTsrZE4eQD5qzt3cAFTYokC4YCN9Gybgu4yAQtBFLQXHuHABA7JMeOEC/E0W5uy9gv4vo5QHK2i7yq2C8UABM4HmL+CSTXCTF1DrCX6+Gp9zB5dsAAAAAElFTkSuQmCC">
|
||||
<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>
|
||||
<p>
|
||||
<button onclick="window.location.href='/sliders'">Back to controls</button>
|
||||
<br>
|
||||
</p>
|
||||
|
||||
<p style="margin: 30px auto auto;max-width: 800px; font-style: italic;font-size: 17px;">
|
||||
Congratulations! You have found the page that exists in the place where no page should exist - a peculiar phenomenon
|
||||
of the web that continues to baffle researchers.<br><br>Akemi has compiled a list of other mysteries that she recommends for further investigation.
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
<h2>Akemi's Top 10 Mysteries Worth Exploring:</h2>
|
||||
<p style=" margin:auto">
|
||||
<ul style="text-align: left; max-width: 800px; margin: 0 auto;">
|
||||
<!-- disclaimer: this list was created with the help of AI -->
|
||||
<li><strong>Dark Matter</strong> - Accounts for 85% of the universe's mass yet remains completely invisible. Akemi notes this is considerably more elusive than your car keys.</li>
|
||||
<li><strong>Dark Energy</strong> - An unknown force accelerating the universe's expansion at an alarming rate. Akemi suggests it may simply be late for something important.</li>
|
||||
<li><strong>The Missing Antimatter</strong> - After the Big Bang, matter inexplicably survived while antimatter did not. Akemi calls this "a fortunate asymmetry for carbon-based life forms."</li>
|
||||
<li><strong>The Origin of Life</strong> - How non-living chemistry spontaneously organized itself into living cells. Akemi admits this transition remains "inconveniently unexplained."</li>
|
||||
<li><strong>Consciousness</strong> - The phenomenon by which organized matter becomes aware of itself. How does a bunch of squishy brain stuff create the feeling of being "you"? Philosophy meets neuroscience and nobody wins. Akemi recommends not thinking about this too hard.</li>
|
||||
<li><strong>The Identity of Satoshi Nakamoto</strong> - Creator of Bitcoin who vanished completely from the digital realm. Akemi notes this as "masterful execution of the Irish goodbye."</li>
|
||||
<li><strong>Sailing Stones of Death Valley</strong> - Rocks that traverse the desert floor leaving trails. While ice and wind are implicated, Akemi maintains they're "just showing off."</li>
|
||||
<li><strong>Anomalous Deep Ocean Acoustics</strong> - Unexplained sounds from the ocean depths, including the famous "Bloop." Akemi has no comment, but looks nervous.</li>
|
||||
<li><strong>Quantum Gravity</strong> - The incompatibility of general relativity and quantum mechanics. Akemi cheerfully notes we don't actually understand how reality works.</li>
|
||||
<li><strong>The Arrow of Time</strong> - Why causality flows in only one direction despite physics allowing both. Akemi suggests entropy is "quite insistent about this."</li>
|
||||
<li><strong>Turritopsis dohrnii</strong> - A jellyfish capable of reversing its aging process. Akemi lists this under "Biological Cheat Codes."</li>
|
||||
</ul>
|
||||
<br>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
51
wled00/data/404mini.htm
Normal file
51
wled00/data/404mini.htm
Normal file
@@ -0,0 +1,51 @@
|
||||
<!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: none;
|
||||
cursor: pointer;
|
||||
padding: 8px;
|
||||
margin: 10px;
|
||||
width: 230px;
|
||||
text-transform: uppercase;
|
||||
font-family: helvetica;
|
||||
font-size: 19px;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
border: 0px solid white;
|
||||
border-radius: 25px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbUExURQAAAAB81gCU/zKq/////9bW1oCAgGhoaAAAAGPLX8AAAAAJdFJOU///////////AFNPeBIAAAAJcEhZcwAADsAAAA7AAWrWiQkAAACdSURBVDhPxc9bDoUgEANQebP/FUuHMjBGY/B+3EYR7RH0qC/ZBc6HwCljgHO+xZIVSI2sYgHaG7EBWh8jWoxTrCBFdDJ+BD4lbIHxAcz8APAVLTsrZE4eQD5qzt3cAFTYokC4YCN9Gybgu4yAQtBFLQXHuHABA7JMeOEC/E0W5uy9gv4vo5QHK2i7yq2C8UABM4HmL+CSTXCTF1DrCX6+Gp9zB5dsAAAAAElFTkSuQmCC">
|
||||
<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>
|
||||
<p style="margin: 40px auto auto;max-width: 800px; font-style: italic;font-size: 17px;">
|
||||
Congratulations! You have found the page that exists in the place where no page should exist – a peculiar phenomenon
|
||||
of the web that continues to baffle researchers.<br>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -443,7 +443,13 @@ void initServer()
|
||||
if(espalexa.handleAlexaApiCall(request)) return;
|
||||
#endif
|
||||
if(handleFileRead(request, request->url())) return;
|
||||
#if defined(WLEDMM_SAVE_FLASH) || !defined(ARDUINO_ARCH_ESP32)
|
||||
// small 404 variant
|
||||
AsyncWebServerResponse *response = request->beginResponse_P(404, "text/html", PAGE_404_mini, PAGE_404_mini_length);
|
||||
#else
|
||||
// 404 variant with easter egg
|
||||
AsyncWebServerResponse *response = request->beginResponse_P(404, "text/html", PAGE_404, PAGE_404_length);
|
||||
#endif
|
||||
response->addHeader(FPSTR(s_content_enc),"gzip");
|
||||
setStaticContentCacheHeaders(response);
|
||||
request->send(response);
|
||||
|
||||
Reference in New Issue
Block a user