Created
November 14, 2011 11:40
-
-
Save johnnypez/1363779 to your computer and use it in GitHub Desktop.
A nicer set of html5 error pages for Rails. Based on HTML5 Boilerplate
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Page Not Found :(</title> | |
<style> | |
body { text-align: center;} | |
h1 { font-size: 50px; text-align: center } | |
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; } | |
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); } | |
::-moz-selection{ background:#FF5E99; color:#fff; } | |
::selection { background:#FF5E99; color:#fff; } | |
article {display:block; text-align: left; width: 500px; margin: 0 auto; } | |
a { color: rgb(36, 109, 56); text-decoration:none; } | |
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); } | |
</style> | |
</head> | |
<body> | |
<article> | |
<h1>Not found <span frown>:(</span></h1> | |
<div> | |
<p>Sorry, but the page you were trying to view does not exist.</p> | |
<p>It looks like this was the result of either:</p> | |
<ul> | |
<li>a mistyped address</li> | |
<li>an out-of-date link</li> | |
</ul> | |
</div> | |
<script> | |
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2), | |
GOOG_FIXURL_SITE = location.host; | |
</script> | |
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> | |
</article> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>The change you wanted was rejected :(</title> | |
<style> | |
body { text-align: center;} | |
h1 { font-size: 50px; text-align: center } | |
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; } | |
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); } | |
::-moz-selection{ background:#FF5E99; color:#fff; } | |
::selection { background:#FF5E99; color:#fff; } | |
article {display:block; text-align: left; width: 500px; margin: 0 auto; } | |
a { color: rgb(36, 109, 56); text-decoration:none; } | |
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); } | |
</style> | |
</head> | |
<body> | |
<article> | |
<h1>The change you wanted was rejected <span frown>:(</span></h1> | |
<div> | |
<p>Maybe you tried to change something you didn't have access to.</p> | |
</div> | |
</article> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>We're sorry, but something went wrong :(</title> | |
<style> | |
body { text-align: center;} | |
h1 { font-size: 50px; text-align: center } | |
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; } | |
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); } | |
::-moz-selection{ background:#FF5E99; color:#fff; } | |
::selection { background:#FF5E99; color:#fff; } | |
article {display:block; text-align: left; width: 500px; margin: 0 auto; } | |
a { color: rgb(36, 109, 56); text-decoration:none; } | |
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); } | |
</style> | |
</head> | |
<body> | |
<article> | |
<h1>We're sorry, but something went wrong <span frown>:(</span></h1> | |
<div> | |
<p>We've been notified about this issue and we'll take a look at it shortly.</p> | |
</div> | |
</article> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment