Add a cute Ghost Acara to the 404 page

Dice made me do this, please forward all design feedback accordingly.
Thank you!
This commit is contained in:
Emi Matchu 2024-04-20 21:31:27 -07:00
parent 156cabbab4
commit 06da8b0924
2 changed files with 39 additions and 23 deletions

View file

@ -1,9 +1,14 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<title>The page you were looking for doesn't exist (404)</title> <title>The page you were looking for doesn't exist (404)</title>
<style type="text/css"> <style type="text/css">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } body {
background-color: #fff;
color: #666;
text-align: center;
font-family: arial, sans-serif;
}
div.dialog { div.dialog {
width: 25em; width: 25em;
padding: 0 4em; padding: 0 4em;
@ -12,7 +17,11 @@
border-right-color: #999; border-right-color: #999;
border-bottom-color: #999; border-bottom-color: #999;
} }
h1 { font-size: 100%; color: #f00; line-height: 1.5em; } h1 {
font-size: 100%;
color: #f00;
line-height: 1.5em;
}
</style> </style>
</head> </head>
@ -22,5 +31,12 @@
<h1>The page you were looking for doesn't exist.</h1> <h1>The page you were looking for doesn't exist.</h1>
<p>You may have mistyped the address or the page may have moved.</p> <p>You may have mistyped the address or the page may have moved.</p>
</div> </div>
<img
src="/images/404-acara.png"
alt="A Ghost Acara wearing the 404 Shirt"
title="Boo!~"
width="300"
height="300"
/>
</body> </body>
</html> </html>

BIN
public/images/404-acara.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB