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,26 +1,42 @@
<!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 {
div.dialog { background-color: #fff;
width: 25em; color: #666;
padding: 0 4em; text-align: center;
margin: 4em auto 0 auto; font-family: arial, sans-serif;
border: 1px solid #ccc; }
border-right-color: #999; div.dialog {
border-bottom-color: #999; width: 25em;
} padding: 0 4em;
h1 { font-size: 100%; color: #f00; line-height: 1.5em; } margin: 4em auto 0 auto;
</style> border: 1px solid #ccc;
</head> border-right-color: #999;
border-bottom-color: #999;
}
h1 {
font-size: 100%;
color: #f00;
line-height: 1.5em;
}
</style>
</head>
<body> <body>
<!-- This file lives in public/404.html --> <!-- This file lives in public/404.html -->
<div class="dialog"> <div class="dialog">
<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>
</body> <img
src="/images/404-acara.png"
alt="A Ghost Acara wearing the 404 Shirt"
title="Boo!~"
width="300"
height="300"
/>
</body>
</html> </html>

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB