dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

Add a cute Ghost Acara to the 404 page

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

30
public/404.html
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,15 +17,26 @@
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>
<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
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 KiB