error.pug 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. doctype html
  2. html
  3. head
  4. meta(charset="UTF-8")
  5. link(rel="icon" href="/favicon.ico")
  6. meta(name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width")
  7. title Wiki.js
  8. link(href="/_assets/fonts/roboto/roboto.css" rel="stylesheet")
  9. style(lang='text/scss').
  10. body {
  11. margin: 0;
  12. font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
  13. font-size: 14px;
  14. }
  15. .errorpage {
  16. background:#070a0d radial-gradient(ellipse,#161b22,#070a0d);
  17. color:#fff;
  18. height:100vh;
  19. }
  20. .errorpage-bg {
  21. position:absolute;
  22. top:50%;
  23. left:50%;
  24. width:320px;
  25. height:320px;
  26. background:linear-gradient(0,transparent 50%,#c62828 50%);
  27. border-radius:50%;
  28. filter:blur(80px);
  29. transform:translate(-50%,-50%);
  30. visibility:hidden;
  31. }
  32. .errorpage-content {
  33. position:absolute;
  34. top:50%;
  35. left:50%;
  36. transform:translate(-50%,-50%);
  37. display:flex;
  38. flex-direction:column;
  39. justify-content:center;
  40. align-items:center;
  41. }
  42. .errorpage-code {
  43. font-size:12rem;
  44. line-height:12rem;
  45. font-weight:700;
  46. background:linear-gradient(45deg,#c62828,#ef9a9a);
  47. -webkit-background-clip:text;
  48. background-clip:text;
  49. -webkit-text-fill-color:transparent;
  50. -webkit-user-select:none;
  51. user-select:none;
  52. }
  53. .errorpage-title {
  54. font-size:80px;
  55. font-weight:500;
  56. line-height:80px;
  57. }
  58. .errorpage-hint {
  59. font-size:1.2rem;
  60. font-weight:500;
  61. color:#ef9a9a;
  62. line-height:1.2rem;
  63. margin-top:1rem;
  64. }
  65. .errorpage-pre {
  66. margin-top: 28px;
  67. color: rgba(255,255,255,.5);
  68. }
  69. body
  70. .errorpage
  71. .errorpage-bg
  72. .errorpage-content
  73. .errorpage-code 500
  74. .errorpage-title Server Error
  75. .errorpage-hint= message
  76. if error.stack
  77. pre.errorpage-pre: code #{error.stack}