404.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Page Not Found &ndash; {{ SITENAME }}</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style>
  8. * {
  9. line-height: 1.2;
  10. margin: 0;
  11. }
  12. html {
  13. color: #888;
  14. display: table;
  15. font-family: sans-serif;
  16. height: 100%;
  17. text-align: center;
  18. width: 100%;
  19. }
  20. body {
  21. display: table-cell;
  22. vertical-align: middle;
  23. margin: 2em auto;
  24. }
  25. h1 {
  26. color: #555;
  27. font-size: 2em;
  28. font-weight: 400;
  29. }
  30. p {
  31. margin: 0 auto;
  32. width: 280px;
  33. }
  34. a {
  35. text-decoration: none;
  36. color: white;
  37. background-color: black;
  38. padding: 0.5rem;
  39. border-radius: 0.5rem;
  40. }
  41. a:hover {
  42. color: black;
  43. background-color: darkgray;
  44. }
  45. @media only screen and (max-width: 280px) {
  46. body,
  47. p {
  48. width: 95%;
  49. }
  50. h1 {
  51. font-size: 1.5em;
  52. margin: 0 0 0.3em;
  53. }
  54. }
  55. </style>
  56. </head>
  57. <body>
  58. <h1>Page Not Found</h1>
  59. <p>Sorry, but the page you were trying to view does not exist.</p>
  60. <br>
  61. <p><a href="{{ SITEURL }}">Click here to go back to {{ SITETITLE }}</a></p>
  62. </body>
  63. </html>
  64. <!-- IE needs 512+ bytes: https://blogs.msdn.microsoft.com/ieinternals/2010/08/18/friendly-http-error-pages/ -->