-
Notifications
You must be signed in to change notification settings - Fork 61
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: simplify 404 page by removing JavaScript
- Removed external script loading from untrusted source - Kept only necessary HTML and CSS for a cleaner and faster 404 page - Eliminated potential security risks related to unencrypted script loading fixes [CQ] Inclusion of functionality from an untrusted source #1
- Loading branch information
Showing
1 changed file
with
80 additions
and
154 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,157 +1,83 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Page Not Found :(</title> | ||
| <style> | ||
| ::-moz-selection { | ||
| background: #b3d4fc; | ||
| text-shadow: none; | ||
| } | ||
|
|
||
| ::selection { | ||
| background: #b3d4fc; | ||
| text-shadow: none; | ||
| } | ||
|
|
||
| html { | ||
| padding: 30px 10px; | ||
| font-size: 20px; | ||
| line-height: 1.4; | ||
| color: #737373; | ||
| background: #f0f0f0; | ||
| -webkit-text-size-adjust: 100%; | ||
| -ms-text-size-adjust: 100%; | ||
| } | ||
|
|
||
| html, | ||
| input { | ||
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| } | ||
|
|
||
| body { | ||
| max-width: 500px; | ||
| _width: 500px; | ||
| padding: 30px 20px 50px; | ||
| border: 1px solid #b3b3b3; | ||
| border-radius: 4px; | ||
| margin: 0 auto; | ||
| box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; | ||
| background: #fcfcfc; | ||
| } | ||
|
|
||
| h1 { | ||
| margin: 0 10px; | ||
| font-size: 50px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| h1 span { | ||
| color: #bbb; | ||
| } | ||
|
|
||
| h3 { | ||
| margin: 1.5em 0 0.5em; | ||
| } | ||
|
|
||
| p { | ||
| margin: 1em 0; | ||
| } | ||
|
|
||
| ul { | ||
| padding: 0 0 0 40px; | ||
| margin: 1em 0; | ||
| } | ||
|
|
||
| .container { | ||
| max-width: 380px; | ||
| _width: 380px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| /* google search */ | ||
|
|
||
| #goog-fixurl ul { | ||
| list-style: none; | ||
| padding: 0; | ||
| margin: 0; | ||
| } | ||
|
|
||
| #goog-fixurl form { | ||
| margin: 0; | ||
| } | ||
|
|
||
| #goog-wm-qt, | ||
| #goog-wm-sb { | ||
| border: 1px solid #bbb; | ||
| font-size: 16px; | ||
| line-height: normal; | ||
| vertical-align: top; | ||
| color: #444; | ||
| border-radius: 2px; | ||
| } | ||
|
|
||
| #goog-wm-qt { | ||
| width: 220px; | ||
| height: 20px; | ||
| padding: 5px; | ||
| margin: 5px 10px 0 0; | ||
| box-shadow: inset 0 1px 1px #ccc; | ||
| } | ||
|
|
||
| #goog-wm-sb { | ||
| display: inline-block; | ||
| height: 32px; | ||
| padding: 0 10px; | ||
| margin: 5px 0 0; | ||
| white-space: nowrap; | ||
| cursor: pointer; | ||
| background-color: #f5f5f5; | ||
| background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
| background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
| background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
| background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); | ||
| -webkit-appearance: none; | ||
| -moz-appearance: none; | ||
| appearance: none; | ||
| *overflow: visible; | ||
| *display: inline; | ||
| *zoom: 1; | ||
| } | ||
|
|
||
| #goog-wm-sb:hover, | ||
| #goog-wm-sb:focus { | ||
| border-color: #aaa; | ||
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | ||
| background-color: #f8f8f8; | ||
| } | ||
|
|
||
| #goog-wm-qt:hover, | ||
| #goog-wm-qt:focus { | ||
| border-color: #105cb6; | ||
| outline: 0; | ||
| color: #222; | ||
| } | ||
|
|
||
| input::-moz-focus-inner { | ||
| padding: 0; | ||
| border: 0; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <h1>Not found <span>:(</span></h1> | ||
| <p>Sorry, but the page you were trying to view does not exist.</p> | ||
| <p>It looks like this was the result of either:</p> | ||
| <ul> | ||
| <li>a mistyped address</li> | ||
| <li>an out-of-date link</li> | ||
| </ul> | ||
| <script> | ||
| var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host; | ||
| </script> | ||
| <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Page Not Found :(</title> | ||
| <style> | ||
| ::-moz-selection { | ||
| background: #b3d4fc; | ||
| text-shadow: none; | ||
| } | ||
|
|
||
| ::selection { | ||
| background: #b3d4fc; | ||
| text-shadow: none; | ||
| } | ||
|
|
||
| html { | ||
| padding: 30px 10px; | ||
| font-size: 16px; | ||
| line-height: 1.4; | ||
| color: #737373; | ||
| background: #f0f0f0; | ||
| -webkit-text-size-adjust: 100%; | ||
| -ms-text-size-adjust: 100%; | ||
| } | ||
|
|
||
| html, | ||
| input { | ||
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| } | ||
|
|
||
| body { | ||
| max-width: 500px; | ||
| padding: 30px 20px 50px; | ||
| border-radius: 24px; | ||
| margin: 0 auto; | ||
| background: #fefefe; | ||
| } | ||
|
|
||
| h1 { | ||
| margin: 0 10px; | ||
| font-size: 50px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| h1 span { | ||
| color: #bbb; | ||
| } | ||
|
|
||
| h3 { | ||
| margin: 1.5em 0 0.5em; | ||
| } | ||
|
|
||
| p { | ||
| margin: 1em 0; | ||
| } | ||
|
|
||
| ul { | ||
| padding: 0 0 0 40px; | ||
| margin: 1em 0; | ||
| } | ||
|
|
||
| .container { | ||
| max-width: 380px; | ||
| margin: 0 auto; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="container"> | ||
| <h1>404<br>Not found <span>:(</span></h1> | ||
| <p>Sorry, but the page you were trying to view does not exist.</p> | ||
| <p>It looks like this was the result of either:</p> | ||
| <ul> | ||
| <li>a mistyped address</li> | ||
| <li>an out-of-date link</li> | ||
| </ul> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |