jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-26 09:05:22 -04:00
Code Issues

better 404

Browse Source
This commit is contained in:
Jake Jarvis 2018-03-22 21:23:07 -04:00
parent c4452b5790
commit 5f7f1ea672
1 changed files with 36 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/404.html
View File

@ -1,26 +1,51 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Not Found</title> <title>Page Not Found</title>
<style media="screen"> <style media="screen">
body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; } body {
#message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; } background: #efefef;
#message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;} color: #5f5f5f;
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; } font-family: Helvetica, Arial, sans-serif;
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } margin: 0;
padding: 0;
}
#message {
background: #ffffff;
max-width: 400px;
margin: 100px auto 16px;
padding: 16px 32px;
border-radius: 4px;
box-shadow: 0 1px 3px #e0e0e0, 0 1px 2px #888888;
}
#message h1 {
margin: 16px 0;
font-size: 22px;
font-weight: 300;
}
#message p {
margin: 16px 0;
font-size: 14px;
line-height: 140%;
}
#message a {
color: #039be5;
}
@media (max-width: 600px) { @media (max-width: 600px) {
body, #message { margin-top: 0; background: white; box-shadow: none; } body, #message {
body { border-top: 16px solid #ffa100; } background: #ffffff;
margin-top: 16px;
box-shadow: none;
}
} }
</style> </style>
</head> </head>
<body> <body>
<div id="message"> <div id="message">
<h1>Page Not Found</h1> <h1>Well, this is embarassing... &#x1F633;</h1>
<p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p> <p>The specified file was not found on this website. Please check the URL for mistakes and try again, or <a href="/">go home</a>.</p>
</div> </div>
</body> </body>
</html> </html>