Changed 404 and 500 error-pages to something simple (BoingBoing-'inspired'

This commit is contained in:
Philipp Bayer
2012-07-27 16:58:10 +10:00
parent f93758ef23
commit 96ef2c8771
2 changed files with 24 additions and 36 deletions

View File

@@ -1,26 +1,20 @@
<!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>
<title>Page Not Found (404)</title>
</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>
<style>
a{
text-decoration:none;
color:#0069d6;
}
</style>
<center>
<h1><a href="http://www.opensnp.org">openSNP</a></h1>
<h3>404: Nope.</h3>
</center>
</body>
</html>

View File

@@ -1,26 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>We're sorry, but something went wrong (500)</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>
<title>Internal Server Error (500)</title>
</head>
<body>
<!-- This file lives in public/500.html -->
<div class="dialog">
<h1>We're sorry, but something went wrong.</h1>
<p>We've been notified about this issue and we'll take a look at it shortly.</p>
</div>
<style>
a{
text-decoration:none;
color:#0069d6;
}
</style>
<center>
<h1><a href="http://www.opensnp.org">openSNP</a></h1>
<h3>500: Something broke.<br/> If it keeps on doing this, please send us an e-mail: {info at opensnp dot org}.</h3>
</center>
</body>
</html>