Mercurial > rsstweet
comparison public/404.html @ 255:eda83610b65c
Update rails and stuff
author | nanaya <me@nanaya.net> |
---|---|
date | Sun, 15 Dec 2024 22:45:33 +0900 |
parents | 89f6c0016bab |
children |
comparison
equal
deleted
inserted
replaced
254:89f6c0016bab | 255:eda83610b65c |
---|---|
1 <!DOCTYPE html> | 1 <!doctype html> |
2 <html> | |
3 <head> | |
4 <title>The page you were looking for doesn't exist (404)</title> | |
5 <meta name="viewport" content="width=device-width,initial-scale=1"> | |
6 <style> | |
7 .rails-default-error-page { | |
8 background-color: #EFEFEF; | |
9 color: #2E2F30; | |
10 text-align: center; | |
11 font-family: arial, sans-serif; | |
12 margin: 0; | |
13 } | |
14 | 2 |
15 .rails-default-error-page div.dialog { | 3 <html lang="en"> |
16 width: 95%; | |
17 max-width: 33em; | |
18 margin: 4em auto 0; | |
19 } | |
20 | 4 |
21 .rails-default-error-page div.dialog > div { | 5 <head> |
22 border: 1px solid #CCC; | |
23 border-right-color: #999; | |
24 border-left-color: #999; | |
25 border-bottom-color: #BBB; | |
26 border-top: #B00100 solid 4px; | |
27 border-top-left-radius: 9px; | |
28 border-top-right-radius: 9px; | |
29 background-color: white; | |
30 padding: 7px 12% 0; | |
31 box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); | |
32 } | |
33 | 6 |
34 .rails-default-error-page h1 { | 7 <title>The page you were looking for doesn’t exist (404 Not found)</title> |
35 font-size: 100%; | |
36 color: #730E15; | |
37 line-height: 1.5em; | |
38 } | |
39 | 8 |
40 .rails-default-error-page div.dialog > p { | 9 <meta charset="utf-8"> |
41 margin: 0 0 1em; | 10 <meta name="viewport" content="initial-scale=1, width=device-width"> |
42 padding: 1em; | 11 <meta name="robots" content="noindex, nofollow"> |
43 background-color: #F7F7F7; | |
44 border: 1px solid #CCC; | |
45 border-right-color: #999; | |
46 border-left-color: #999; | |
47 border-bottom-color: #999; | |
48 border-bottom-left-radius: 4px; | |
49 border-bottom-right-radius: 4px; | |
50 border-top-color: #DADADA; | |
51 color: #666; | |
52 box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); | |
53 } | |
54 </style> | |
55 </head> | |
56 | 12 |
57 <body class="rails-default-error-page"> | 13 <style> |
58 <!-- This file lives in public/404.html --> | 14 |
59 <div class="dialog"> | 15 *, *::before, *::after { |
60 <div> | 16 box-sizing: border-box; |
61 <h1>The page you were looking for doesn't exist.</h1> | 17 } |
62 <p>You may have mistyped the address or the page may have moved.</p> | 18 |
63 </div> | 19 * { |
64 <p>If you are the application owner check the logs for more information.</p> | 20 margin: 0; |
65 </div> | 21 } |
66 </body> | 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: 100vh; | |
39 place-items: center; | |
40 text-rendering: optimizeLegibility; | |
41 -webkit-text-size-adjust: 100%; | |
42 } | |
43 | |
44 a { | |
45 color: inherit; | |
46 font-weight: 700; | |
47 text-decoration: underline; | |
48 text-underline-offset: 0.0925em; | |
49 } | |
50 | |
51 b, strong { | |
52 font-weight: 700; | |
53 } | |
54 | |
55 i, em { | |
56 font-style: italic; | |
57 } | |
58 | |
59 main { | |
60 display: grid; | |
61 gap: 1em; | |
62 padding: 2em; | |
63 place-items: center; | |
64 text-align: center; | |
65 } | |
66 | |
67 main header { | |
68 width: min(100%, 12em); | |
69 } | |
70 | |
71 main header svg { | |
72 height: auto; | |
73 max-width: 100%; | |
74 width: 100%; | |
75 } | |
76 | |
77 main article { | |
78 width: min(100%, 30em); | |
79 } | |
80 | |
81 main article p { | |
82 font-size: 75%; | |
83 } | |
84 | |
85 main article br { | |
86 | |
87 display: none; | |
88 | |
89 @media(min-width: 48em) { | |
90 display: inline; | |
91 } | |
92 | |
93 } | |
94 | |
95 </style> | |
96 | |
97 </head> | |
98 | |
99 <body> | |
100 | |
101 <!-- This file lives in public/404.html --> | |
102 | |
103 <main> | |
104 <header> | |
105 <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> | |
106 </header> | |
107 <article> | |
108 <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> | |
109 </article> | |
110 </main> | |
111 | |
112 </body> | |
113 | |
67 </html> | 114 </html> |