diff options
Diffstat (limited to 'public/404.html')
| -rw-r--r-- | public/404.html | 159 |
1 files changed, 132 insertions, 27 deletions
diff --git a/public/404.html b/public/404.html index eff660b..d7f0f14 100644 --- a/public/404.html +++ b/public/404.html | |||
| @@ -1,30 +1,135 @@ | |||
| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | 1 | <!doctype html> |
| 2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| 3 | 2 | ||
| 4 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | 3 | <html lang="en"> |
| 5 | 4 | ||
| 6 | <head> | 5 | <head> |
| 7 | <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | ||
| 8 | <title>The page you were looking for doesn't exist (404)</title> | ||
| 9 | <style type="text/css"> | ||
| 10 | body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } | ||
| 11 | div.dialog { | ||
| 12 | width: 25em; | ||
| 13 | padding: 0 4em; | ||
| 14 | margin: 4em auto 0 auto; | ||
| 15 | border: 1px solid #ccc; | ||
| 16 | border-right-color: #999; | ||
| 17 | border-bottom-color: #999; | ||
| 18 | } | ||
| 19 | h1 { font-size: 100%; color: #f00; line-height: 1.5em; } | ||
| 20 | </style> | ||
| 21 | </head> | ||
| 22 | 6 | ||
| 23 | <body> | 7 | <title>The page you were looking for doesn't exist (404 Not found)</title> |
| 24 | <!-- This file lives in public/404.html --> | 8 | |
| 25 | <div class="dialog"> | 9 | <meta charset="utf-8"> |
| 26 | <h1>The page you were looking for doesn't exist.</h1> | 10 | <meta name="viewport" content="initial-scale=1, width=device-width"> |
| 27 | <p>You may have mistyped the address or the page may have moved.</p> | 11 | <meta name="robots" content="noindex, nofollow"> |
| 28 | </div> | 12 | |
| 29 | </body> | 13 | <style> |
| 30 | </html> \ No newline at end of file | 14 | |
| 15 | *, *::before, *::after { | ||
| 16 | box-sizing: border-box; | ||
| 17 | } | ||
| 18 | |||
| 19 | * { | ||
| 20 | margin: 0; | ||
| 21 | } | ||
| 22 | |||
| 23 | html { | ||
| 24 | font-size: 16px; | ||
| 25 | } | ||
| 26 | |||
| 27 | body { | ||
| 28 | background: #FFF; | ||
| 29 | color: #261B23; | ||
| 30 | display: grid; | ||
| 31 | font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Aptos, Roboto, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | ||
| 32 | font-size: clamp(1rem, 2.5vw, 2rem); | ||
| 33 | -webkit-font-smoothing: antialiased; | ||
| 34 | font-style: normal; | ||
| 35 | font-weight: 400; | ||
| 36 | letter-spacing: -0.0025em; | ||
| 37 | line-height: 1.4; | ||
| 38 | min-height: 100dvh; | ||
| 39 | place-items: center; | ||
| 40 | text-rendering: optimizeLegibility; | ||
| 41 | -webkit-text-size-adjust: 100%; | ||
| 42 | } | ||
| 43 | |||
| 44 | #error-description { | ||
| 45 | fill: #d30001; | ||
| 46 | } | ||
| 47 | |||
| 48 | #error-id { | ||
| 49 | fill: #f0eff0; | ||
| 50 | } | ||
| 51 | |||
| 52 | @media (prefers-color-scheme: dark) { | ||
| 53 | body { | ||
| 54 | background: #101010; | ||
| 55 | color: #e0e0e0; | ||
| 56 | } | ||
| 57 | |||
| 58 | #error-description { | ||
| 59 | fill: #FF6161; | ||
| 60 | } | ||
| 61 | |||
| 62 | #error-id { | ||
| 63 | fill: #2c2c2c; | ||
| 64 | } | ||
| 65 | } | ||
| 66 | |||
| 67 | a { | ||
| 68 | color: inherit; | ||
| 69 | font-weight: 700; | ||
| 70 | text-decoration: underline; | ||
| 71 | text-underline-offset: 0.0925em; | ||
| 72 | } | ||
| 73 | |||
| 74 | b, strong { | ||
| 75 | font-weight: 700; | ||
| 76 | } | ||
| 77 | |||
| 78 | i, em { | ||
| 79 | font-style: italic; | ||
| 80 | } | ||
| 81 | |||
| 82 | main { | ||
| 83 | display: grid; | ||
| 84 | gap: 1em; | ||
| 85 | padding: 2em; | ||
| 86 | place-items: center; | ||
| 87 | text-align: center; | ||
| 88 | } | ||
| 89 | |||
| 90 | main header { | ||
| 91 | width: min(100%, 12em); | ||
| 92 | } | ||
| 93 | |||
| 94 | main header svg { | ||
| 95 | height: auto; | ||
| 96 | max-width: 100%; | ||
| 97 | width: 100%; | ||
| 98 | } | ||
| 99 | |||
| 100 | main article { | ||
| 101 | width: min(100%, 30em); | ||
| 102 | } | ||
| 103 | |||
| 104 | main article p { | ||
| 105 | font-size: 75%; | ||
| 106 | } | ||
| 107 | |||
| 108 | main article br { | ||
| 109 | display: none; | ||
| 110 | |||
| 111 | @media(min-width: 48em) { | ||
| 112 | display: inline; | ||
| 113 | } | ||
| 114 | } | ||
| 115 | |||
| 116 | </style> | ||
| 117 | |||
| 118 | </head> | ||
| 119 | |||
| 120 | <body> | ||
| 121 | |||
| 122 | <!-- This file lives in public/404.html --> | ||
| 123 | |||
| 124 | <main> | ||
| 125 | <header> | ||
| 126 | <svg height="172" viewBox="0 0 480 172" width="480" xmlns="http://www.w3.org/2000/svg"><path d="m124.48 3.00509-45.6889 100.02991h26.2239v-28.1168h38.119v28.1168h21.628v35.145h-21.628v30.82h-37.308v-30.82h-72.1833v-31.901l50.2851-103.27391zm115.583 168.69891c-40.822 0-64.884-35.146-64.884-85.7015 0-50.5554 24.062-85.700907 64.884-85.700907 40.823 0 64.884 35.145507 64.884 85.700907 0 50.5555-24.061 85.7015-64.884 85.7015zm0-133.2831c-17.572 0-22.709 21.8984-22.709 47.5816 0 25.6835 5.137 47.5815 22.709 47.5815 17.303 0 22.71-21.898 22.71-47.5815 0-25.6832-5.407-47.5816-22.71-47.5816zm165.328-35.41581-45.689 100.02991h26.224v-28.1168h38.119v28.1168h21.628v35.145h-21.628v30.82h-37.308v-30.82h-72.184v-31.901l50.285-103.27391z" id="error-id"/><path d="m157.758 68.9967v34.0033h-7.199l-14.233-19.8814v19.8814h-8.584v-34.0033h8.307l13.125 18.7184v-18.7184zm28.454 21.5428c0 7.6978-5.15 13.0145-12.737 13.0145-7.532 0-12.738-5.3167-12.738-13.0145s5.206-13.0143 12.738-13.0143c7.587 0 12.737 5.3165 12.737 13.0143zm-8.528 0c0-3.4336-1.496-5.8703-4.209-5.8703-2.659 0-4.154 2.4367-4.154 5.8703s1.495 5.8149 4.154 5.8149c2.713 0 4.209-2.3813 4.209-5.8149zm13.184 3.8766v-9.5807h-3.655v-6.7564h3.655v-6.8671h8.584v6.8671h5.205v6.7564h-5.205v8.307c0 1.9383.941 2.769 2.658 2.769.941 0 1.994-.2216 2.769-.5538v7.3654c-.997.443-2.88.775-4.818.775-5.87 0-9.193-2.769-9.193-9.0819zm37.027 8.5839h-8.806v-34.0033h23.924v7.6978h-15.118v6.7564h13.9v7.5316h-13.9zm41.876-12.4605c0 7.6978-5.15 13.0145-12.737 13.0145-7.532 0-12.738-5.3167-12.738-13.0145s5.206-13.0143 12.738-13.0143c7.587 0 12.737 5.3165 12.737 13.0143zm-8.529 0c0-3.4336-1.495-5.8703-4.208-5.8703-2.659 0-4.154 2.4367-4.154 5.8703s1.495 5.8149 4.154 5.8149c2.713 0 4.208-2.3813 4.208-5.8149zm35.337-12.4605v24.921h-8.695v-2.16c-1.329 1.551-3.821 2.714-6.646 2.714-5.482 0-8.75-3.5999-8.75-9.1379v-16.3371h8.64v14.288c0 2.1045.997 3.5997 3.212 3.5997 1.606 0 3.101-1.0522 3.544-2.769v-15.1187zm4.076 24.921v-24.921h8.694v2.1598c1.385-1.5506 3.822-2.7136 6.701-2.7136 5.538 0 8.806 3.5997 8.806 9.1377v16.3371h-8.639v-14.2327c0-2.049-1.053-3.5443-3.268-3.5443-1.717 0-3.156.9969-3.6 2.7136v15.0634zm44.113 0v-1.994c-1.163 1.329-3.6 2.548-6.147 2.548-7.2 0-11.132-5.8151-11.132-13.0145s3.932-13.0143 11.132-13.0143c2.547 0 4.984 1.2184 6.147 2.5475v-13.0697h8.695v35.997zm0-9.1931v-6.5902c-.665-1.3291-2.16-2.326-3.821-2.326-2.991 0-4.763 2.4368-4.763 5.6488s1.772 5.5934 4.763 5.5934c1.717 0 3.156-.9415 3.821-2.326z" id="error-description"/></svg> | ||
| 127 | </header> | ||
| 128 | <article> | ||
| 129 | <p><strong>The page you were looking for doesn't exist.</strong> You may have mistyped the address or the page may have moved. If you're the application owner check the logs for more information.</p> | ||
| 130 | </article> | ||
| 131 | </main> | ||
| 132 | |||
| 133 | </body> | ||
| 134 | |||
| 135 | </html> | ||
