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