500.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <!--
  3. ! Excerpted from "Agile Web Development with Rails",
  4. ! published by The Pragmatic Bookshelf.
  5. ! Copyrights apply to this code. It may not be used to create training material,
  6. ! courses, books, articles, and the like. Contact us if you are in doubt.
  7. ! We make no guarantees that this code is fit for any purpose.
  8. ! Visit http://www.pragmaticprogrammer.com/titles/rails4 for more book information.
  9. -->
  10. <html>
  11. <head>
  12. <title>We're sorry, but something went wrong (500)</title>
  13. <style>
  14. body {
  15. background-color: #EFEFEF;
  16. color: #2E2F30;
  17. text-align: center;
  18. font-family: arial, sans-serif;
  19. }
  20. div.dialog {
  21. width: 25em;
  22. margin: 4em auto 0 auto;
  23. border: 1px solid #CCC;
  24. border-right-color: #999;
  25. border-left-color: #999;
  26. border-bottom-color: #BBB;
  27. border-top: #B00100 solid 4px;
  28. border-top-left-radius: 9px;
  29. border-top-right-radius: 9px;
  30. background-color: white;
  31. padding: 7px 4em 0 4em;
  32. }
  33. h1 {
  34. font-size: 100%;
  35. color: #730E15;
  36. line-height: 1.5em;
  37. }
  38. body > p {
  39. width: 33em;
  40. margin: 0 auto 1em;
  41. padding: 1em 0;
  42. background-color: #F7F7F7;
  43. border: 1px solid #CCC;
  44. border-right-color: #999;
  45. border-bottom-color: #999;
  46. border-bottom-left-radius: 4px;
  47. border-bottom-right-radius: 4px;
  48. border-top-color: #DADADA;
  49. color: #666;
  50. box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <!-- This file lives in public/500.html -->
  56. <div class="dialog">
  57. <h1>We're sorry, but something went wrong.</h1>
  58. </div>
  59. <p>If you are the application owner check the logs for more information.</p>
  60. </body>
  61. </html>