Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Stock rails pages are lame-o. We can do better

  • Loading branch information...
commit 09b82cab2ff3c7762978817ce7ac8bdfe7710519 1 parent 6a75369
@jordanbyron jordanbyron authored
Showing with 94 additions and 34 deletions.
  1. +31 −11 public/404.html
  2. +31 −11 public/422.html
  3. +32 −12 public/500.html
View
42 public/404.html
@@ -1,26 +1,46 @@
<!DOCTYPE html>
<html>
<head>
- <title>The page you were looking for doesn't exist (404)</title>
+ <title>The page you were looking for doesn't exist (404) - PuzzleNode</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;
+ body {
+ background-color: #254980;
+ color: #666;
+ font-family: arial, sans-serif;
}
- h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+ div#content {
+ width: 500px;
+ margin: 5em auto;
+ text-align: center;
+ background-color: #f5f5f5;
+ padding: 2em;
+
+ /* Border Radius */
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -o-border-radius: 10px;
+ -ms-border-radius: 10px;
+ -khtml-border-radius: 10px;
+ border-radius: 10px;
+
+ /* Shadow */
+ -moz-box-shadow: 0 0 5px #333333;
+ -webkit-box-shadow: 0 0 5px #333333;
+ -o-box-shadow: 0 0 5px #333333;
+ box-shadow: 0 0 5px #333333;
+
+ }
+ a { color: #305896; }
+ h1 { font-size: 100%; color: #333; line-height: 1.5em; }
</style>
</head>
<body>
<!-- This file lives in public/404.html -->
- <div class="dialog">
+ <div id="content">
<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><a href="/">&larr; puzzlenode.com</a></p>
</div>
</body>
</html>
View
42 public/422.html
@@ -1,26 +1,46 @@
<!DOCTYPE html>
<html>
<head>
- <title>The change you wanted was rejected (422)</title>
+ <title>The change you wanted was rejected (422) - PuzzleNode</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;
+ body {
+ background-color: #254980;
+ color: #666;
+ font-family: arial, sans-serif;
}
- h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+ div#content {
+ width: 500px;
+ margin: 5em auto;
+ text-align: center;
+ background-color: #f5f5f5;
+ padding: 2em;
+
+ /* Border Radius */
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -o-border-radius: 10px;
+ -ms-border-radius: 10px;
+ -khtml-border-radius: 10px;
+ border-radius: 10px;
+
+ /* Shadow */
+ -moz-box-shadow: 0 0 5px #333333;
+ -webkit-box-shadow: 0 0 5px #333333;
+ -o-box-shadow: 0 0 5px #333333;
+ box-shadow: 0 0 5px #333333;
+
+ }
+ a { color: #305896; }
+ h1 { font-size: 100%; color: #333; line-height: 1.5em; }
</style>
</head>
<body>
<!-- This file lives in public/422.html -->
- <div class="dialog">
+ <div id="content">
<h1>The change you wanted was rejected.</h1>
<p>Maybe you tried to change something you didn't have access to.</p>
+ <p><a href="/">&larr; puzzlenode.com</a></p>
</div>
</body>
</html>
View
44 public/500.html
@@ -1,26 +1,46 @@
<!DOCTYPE html>
<html>
<head>
- <title>We're sorry, but something went wrong (500)</title>
+ <title>We're sorry, but something went wrong (500) - PuzzleNode</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;
+ body {
+ background-color: #254980;
+ color: #666;
+ font-family: arial, sans-serif;
}
- h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+ div#content {
+ width: 500px;
+ margin: 5em auto;
+ text-align: center;
+ background-color: #f5f5f5;
+ padding: 2em;
+
+ /* Border Radius */
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -o-border-radius: 10px;
+ -ms-border-radius: 10px;
+ -khtml-border-radius: 10px;
+ border-radius: 10px;
+
+ /* Shadow */
+ -moz-box-shadow: 0 0 5px #333333;
+ -webkit-box-shadow: 0 0 5px #333333;
+ -o-box-shadow: 0 0 5px #333333;
+ box-shadow: 0 0 5px #333333;
+
+ }
+ a { color: #305896; }
+ h1 { font-size: 100%; color: #333; line-height: 1.5em; }
</style>
</head>
<body>
<!-- This file lives in public/500.html -->
- <div class="dialog">
+ <div id="content">
<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>
+ <p>Please let us know about it: <a href="mailto:puzzlenode@gmail.com?subject=Huston, we have a problem.">puzzlenode@gmail.com</a></p>
+ <p><a href="/">&larr; puzzlenode.com</a></p>
</div>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.