diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2016-11-06 18:35:46 +0100 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2016-11-06 18:35:46 +0100 |
| commit | 3ab193bc3f40c0336a16dd21c3f3dc66eb86a842 (patch) | |
| tree | 9c54d60768da30e3726936ef88d69874802fbceb /public/500.html | |
| parent | 93212bc2c45eb06bdb1eb1f05a69701001a2a1fb (diff) | |
Adding optional S3, fail-mastodon
Diffstat (limited to 'public/500.html')
| -rw-r--r-- | public/500.html | 71 |
1 files changed, 23 insertions, 48 deletions
diff --git a/public/500.html b/public/500.html index af46b8a5a..aa18fc722 100644 --- a/public/500.html +++ b/public/500.html @@ -2,66 +2,41 @@ <html lang="en"> <head> <meta charset="utf-8"> - <title>We're sorry, but something went wrong (500)</title> + <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 { - background-color: #EFEFEF; - color: #2E2F30; - text-align: center; - font-family: arial, sans-serif; - margin: 0; - } + body { + font-family: 'Roboto', sans-serif; + background: #282c37; + color: #9baec8; + text-align: center; + margin: 0; + padding: 20px; + } - div.dialog { - width: 95%; - max-width: 33em; - margin: 4em auto 0; - } + .dialog img { + display: block; + margin: 20px auto; + margin-top: 50px; + max-width: 600px; + height: auto; + } - div.dialog > div { - border: 1px solid #CCC; - border-right-color: #999; - border-left-color: #999; - border-bottom-color: #BBB; - border-top: #B00100 solid 4px; - border-top-left-radius: 9px; - border-top-right-radius: 9px; - background-color: white; - padding: 7px 12% 0; - box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); - } - - h1 { - font-size: 100%; - color: #730E15; - line-height: 1.5em; - } - - div.dialog > p { - margin: 0 0 1em; - padding: 1em; - background-color: #F7F7F7; - border: 1px solid #CCC; - border-right-color: #999; - border-left-color: #999; - border-bottom-color: #999; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-top-color: #DADADA; - color: #666; - box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); - } + .dialog h1 { + font: 20px/28px 'Roboto', sans-serif; + font-weight: 400; + } </style> </head> <body> - <!-- This file lives in public/500.html --> <div class="dialog"> + <img src="oops.png" alt="Mastodon" /> + <div> <h1>We're sorry, but something went wrong.</h1> </div> - <p>If you are the application owner check the logs for more information.</p> </div> </body> </html> |