aboutsummaryrefslogtreecommitdiff
path: root/public/404.html
diff options
context:
space:
mode:
authorMiquel Sabaté Solà <mikisabate@gmail.com>2024-11-08 10:00:48 +0100
committerMiquel Sabaté Solà <mikisabate@gmail.com>2024-11-08 10:10:24 +0100
commit25ee6490e4e29a69b736ea95a2b198fcc7f98751 (patch)
treed0af905b76e0ba36447ddb8889da8d4422b3483c /public/404.html
parent7260bdfbee719a93ffe6752ff08c3a77bc198b2d (diff)
downloadoperum-25ee6490e4e29a69b736ea95a2b198fcc7f98751.tar.gz
operum-25ee6490e4e29a69b736ea95a2b198fcc7f98751.zip
Upgrade to Rails 8
Signed-off-by: Miquel Sabaté Solà <mikisabate@gmail.com>
Diffstat (limited to 'public/404.html')
-rw-r--r--public/404.html179
1 files changed, 113 insertions, 66 deletions
diff --git a/public/404.html b/public/404.html
index 2be3af2..c0670bc 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,67 +1,114 @@
-<!DOCTYPE html>
-<html>
-<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 #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);
- }
-
- .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: 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);
- }
- </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>
+<!doctype html>
+
+<html lang="en">
+
+ <head>
+
+ <title>The page you were looking for doesn’t exist (404 Not found)</title>
+
+ <meta charset="utf-8">
+ <meta name="viewport" content="initial-scale=1, width=device-width">
+ <meta name="robots" content="noindex, nofollow">
+
+ <style>
+
+ *, *::before, *::after {
+ box-sizing: border-box;
+ }
+
+ * {
+ margin: 0;
+ }
+
+ html {
+ font-size: 16px;
+ }
+
+ body {
+ background: #FFF;
+ color: #261B23;
+ display: grid;
+ 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";
+ font-size: clamp(1rem, 2.5vw, 2rem);
+ -webkit-font-smoothing: antialiased;
+ font-style: normal;
+ font-weight: 400;
+ letter-spacing: -0.0025em;
+ line-height: 1.4;
+ min-height: 100vh;
+ place-items: center;
+ text-rendering: optimizeLegibility;
+ -webkit-text-size-adjust: 100%;
+ }
+
+ a {
+ color: inherit;
+ font-weight: 700;
+ text-decoration: underline;
+ text-underline-offset: 0.0925em;
+ }
+
+ b, strong {
+ font-weight: 700;
+ }
+
+ i, em {
+ font-style: italic;
+ }
+
+ main {
+ display: grid;
+ gap: 1em;
+ padding: 2em;
+ place-items: center;
+ text-align: center;
+ }
+
+ main header {
+ width: min(100%, 12em);
+ }
+
+ main header svg {
+ height: auto;
+ max-width: 100%;
+ width: 100%;
+ }
+
+ main article {
+ width: min(100%, 30em);
+ }
+
+ main article p {
+ font-size: 75%;
+ }
+
+ main article br {
+
+ display: none;
+
+ @media(min-width: 48em) {
+ display: inline;
+ }
+
+ }
+
+ </style>
+
+ </head>
+
+ <body>
+
+ <!-- This file lives in public/404.html -->
+
+ <main>
+ <header>
+ <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" fill="#f0eff0"/><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" fill="#d30001"/></svg>
+ </header>
+ <article>
+ <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>
+ </article>
+ </main>
+
+ </body>
+
</html>