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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB