Browse Source
Add nice error page for CSRF errors/cookie issue, and fix error page handling altogether
master
Effy Elden
7 years ago
4 changed files with 172 additions and 0 deletions
Unified View
Diff Options
-
+43 -0app/views/errors/404.html
-
+43 -0app/views/errors/410.html
-
+43 -0app/views/errors/422.html
-
+43 -0app/views/errors/500.html
+ 43
- 0
app/views/errors/404.html
View File
| @ -0,0 +1,43 @@ | |||||
| <!DOCTYPE html> | |||||
| <html lang="en"> | |||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <title>The page you were looking for doesn't exist</title> | |||||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||||
| <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet"> | |||||
| <style> | |||||
| body { | |||||
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| background: #282c37; | |||||
| color: #9baec8; | |||||
| text-align: center; | |||||
| margin: 0; | |||||
| padding: 20px; | |||||
| } | |||||
| .dialog img { | |||||
| display: block; | |||||
| margin: 20px auto; | |||||
| margin-top: 50px; | |||||
| max-width: 600px; | |||||
| width: 100%; | |||||
| height: auto; | |||||
| } | |||||
| .dialog h1 { | |||||
| font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| font-weight: 400; | |||||
| } | |||||
| </style> | |||||
| </head> | |||||
| <body> | |||||
| <div class="dialog"> | |||||
| <img src="/oops.png" alt="Mastodon" /> | |||||
| <div> | |||||
| <h1>The page you were looking for doesn't exist</h1> | |||||
| </div> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
+ 43
- 0
app/views/errors/410.html
View File
| @ -0,0 +1,43 @@ | |||||
| <!DOCTYPE html> | |||||
| <html lang="en"> | |||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <title>The page you were looking for doesn't exist anymore</title> | |||||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||||
| <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet"> | |||||
| <style> | |||||
| body { | |||||
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| background: #282c37; | |||||
| color: #9baec8; | |||||
| text-align: center; | |||||
| margin: 0; | |||||
| padding: 20px; | |||||
| } | |||||
| .dialog img { | |||||
| display: block; | |||||
| margin: 20px auto; | |||||
| margin-top: 50px; | |||||
| max-width: 600px; | |||||
| width: 100%; | |||||
| height: auto; | |||||
| } | |||||
| .dialog h1 { | |||||
| font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| font-weight: 400; | |||||
| } | |||||
| </style> | |||||
| </head> | |||||
| <body> | |||||
| <div class="dialog"> | |||||
| <img src="/oops.png" alt="Mastodon" /> | |||||
| <div> | |||||
| <h1>The page you were looking for doesn't exist anymore</h1> | |||||
| </div> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
+ 43
- 0
app/views/errors/422.html
View File
| @ -0,0 +1,43 @@ | |||||
| <!DOCTYPE html> | |||||
| <html lang="en"> | |||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <title>Security verification failed - are you blocking cookies?</title> | |||||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||||
| <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet"> | |||||
| <style> | |||||
| body { | |||||
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| background: #282c37; | |||||
| color: #9baec8; | |||||
| text-align: center; | |||||
| margin: 0; | |||||
| padding: 20px; | |||||
| } | |||||
| .dialog img { | |||||
| display: block; | |||||
| margin: 20px auto; | |||||
| margin-top: 50px; | |||||
| max-width: 600px; | |||||
| width: 100%; | |||||
| height: auto; | |||||
| } | |||||
| .dialog h1 { | |||||
| font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| font-weight: 400; | |||||
| } | |||||
| </style> | |||||
| </head> | |||||
| <body> | |||||
| <div class="dialog"> | |||||
| <img src="/oops.png" alt="Mastodon" /> | |||||
| <div> | |||||
| <h1>We're sorry, but we were unable to verify your request. Have you tried enabling cookies?</h1> | |||||
| </div> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||
+ 43
- 0
app/views/errors/500.html
View File
| @ -0,0 +1,43 @@ | |||||
| <!DOCTYPE html> | |||||
| <html lang="en"> | |||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <title>We're sorry, but something went wrong</title> | |||||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |||||
| <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet"> | |||||
| <style> | |||||
| body { | |||||
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| background: #282c37; | |||||
| color: #9baec8; | |||||
| text-align: center; | |||||
| margin: 0; | |||||
| padding: 20px; | |||||
| } | |||||
| .dialog img { | |||||
| display: block; | |||||
| margin: 20px auto; | |||||
| margin-top: 50px; | |||||
| max-width: 600px; | |||||
| width: 100%; | |||||
| height: auto; | |||||
| } | |||||
| .dialog h1 { | |||||
| font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |||||
| font-weight: 400; | |||||
| } | |||||
| </style> | |||||
| </head> | |||||
| <body> | |||||
| <div class="dialog"> | |||||
| <img src="/oops.png" alt="Mastodon" /> | |||||
| <div> | |||||
| <h1>We're sorry, but something went wrong.</h1> | |||||
| </div> | |||||
| </div> | |||||
| </body> | |||||
| </html> | |||||