diff options
| author | Ben Harris <ben@tilde.team> | 2022-01-15 12:10:26 -0500 |
|---|---|---|
| committer | Ben Harris <ben@tilde.team> | 2022-01-15 12:10:26 -0500 |
| commit | 2c8c227493509175fcdbcba3e6a85f8b954a169e (patch) | |
| tree | 56c95cb471004fef1bfa4c99e93fdec1716e3840 /public/404.html | |
init
Diffstat (limited to 'public/404.html')
| -rw-r--r-- | public/404.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..cc01f4f --- /dev/null +++ b/public/404.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>The page you were looking for doesn't exist (404)</title> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <style> + .rails-default-error-page { + background-color: #EFEFEF; + color: #2E2F30; + text-align: center; + font-family: arial, sans-serif; + margin: 0; + } + + .rails-default-error-page div.dialog { + width: 95%; + max-width: 33em; + margin: 4em auto 0; + } + + .rails-default-error-page div.dialog > div { + border: 1px solid #999; + border-top: 4px #B00100; + border-bottom-color: #BBB; + 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); + } + + .rails-default-error-page h1 { + font-size: 100%; + color: #730E15; + line-height: 1.5em; + } + + .rails-default-error-page div.dialog > p { + margin: 0 0 1em; + padding: 1em; + background-color: #F7F7F7; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border: 1px solid #999; + border-top-color: #DADADA; + color: #666; + box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); + } + </style> +</head> + +<body class="rails-default-error-page"> + <!-- This file lives in public/404.html --> + <div class="dialog"> + <div> + <h1>The page you were looking for doesn't exist.</h1> + <p>You may have mistyped the address or the page may have moved.</p> + </div> + <p>If you are the application owner check the logs for more information.</p> + </div> +</body> +</html> |