update 404 page and broken banner image script (missing id)

Author: dragoncoder047

build.py

@@ -12,7 +12,8 @@
 SITEURL = "https://dragoncoder047.github.io"
 LOGO = "/images/yazani/yazani_1_extracted_bg.png"
 LOGO_AREA_HTML = ('<a href="/" class="flex-row"><div class="flex-row">'
-                  f'<img src="{LOGO}" style="max-height:10em" />'
+                  f'<img src="{LOGO}" style="max-height:10em" '
+                  'id="banner-image" />'
                   '<div id="sitename-text">'
                   f'<h1>{SITENAME}</h1><h2>{SITESUBTITLE}</h2>'
                   '</div></div></a>')

docs/404.html

@@ -1,7 +1,40 @@
-Title: Oooops…
+Title: uh oh
+Status: hidden
 Save_as: 404.html
-Description: Don't bother clicking -- this doesn't go anywhere useful.
+Description: Don't bother clicking, this doesn't go anywhere useful.
 
-## Page Not Found
+<!-- TODO: get an image for this page? -->
+<!-- markdownlint-disable blanks-around-fences -->
 
-Dunno what you wanted, but it sure ain't this. [Go back](javascript:history.back()).
+```txt
+       444444444         000000000              444444444  
+      4::::::::4       00:::::::::00           4::::::::4  
+     4:::::::::4     00:::::::::::::00        4:::::::::4  
+    4::::44::::4    0:::::::000:::::::0      4::::44::::4  
+   4::::4 4::::4    0::::::0   0::::::0     4::::4 4::::4  
+  4::::4  4::::4    0:::::0     0:::::0    4::::4  4::::4  
+ 4::::4   4::::4    0:::::0     0:::::0   4::::4   4::::4  
+4::::444444::::444  0:::::0     0:::::0  4::::444444::::444
+4::::::::::::::::4  0:::::0     0:::::0  4::::::::::::::::4
+4444444444:::::444  0:::::0     0:::::0  4444444444:::::444
+          4::::4    0:::::0     0:::::0            4::::4  
+          4::::4    0::::::0   0::::::0            4::::4  
+          4::::4    0:::::::000:::::::0            4::::4  
+        44::::::44   00:::::::::::::00           44::::::44
+        4::::::::4     00:::::::::00             4::::::::4
+        4444444444       000000000               4444444444
+```
+{style="text-align: center"}
+
+<p id="message">You appear to have found a bug in my software.</p>
+
+[Go back](javascript:history.back()).
+
+<script>
+    // update link if it was an internal link
+    var m = document.getElementById("message");
+    if (/\/\/dragoncoder047.github.io\//.test(document.referrer)) {
+        var repo = /dragoncoder047.github.io\/(\w+)/.exec(document.referrer)?.[1] || "dragoncoder047.github.io";
+        m.innerHTML = `Sorry for the broken link. If it doesn&apos;t get fixed soon, please <a href="https://github.com/dragoncoder047/${repo}/issues/new?title=Broken%20link&body=I%20found%20a%20broken%20link.%0A%0A*%20Page%20from:%20${encodeURIComponent(document.referrer)}%0A*%20Not%20found%20page:%20${encodeURIComponent(window.location.href)}">report it</a>.`;
+    }
+</script>