Skip to content

Commit 720ecd6

Browse files
aeyarosaeyaros
committed
new 404 page
In the style of the windows 8 BSOD
1 parent 93e4975 commit 720ecd6

2 files changed

Lines changed: 65 additions & 70 deletions

File tree

‎404.html‎

Lines changed: 65 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,82 @@
11
<html lang="en"> <!-- Created by Andrew Yaros -->
22
<head>
3-
<title>Andrew Yaros | 404 - Page not found</title>
3+
<title>Andrew Yaros | 404 - File not found</title>
44
<meta name="description" content="">
5-
<link type="text/css" rel="stylesheet" href="https://yaros.ae/data/styles/redirect.css?ver=1.0" media="all">
6-
5+
<meta name="viewport"
6+
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover">
7+
<!--
78
<script>window.location = 'https://yaros.ae/';</script>
8-
99
<meta http-equiv="refresh" content="0; url=https://yaros.ae"/>
10-
10+
-->
11+
1112
<!-- Google webmaster tools -->
1213
<meta name="google-site-verification" content="bwSTxxkBuYuXig_yEctBdAmvMnA61ULkgSke_r_Yjpg"/>
1314
<!-- Microsoft webmaster tools -->
1415
<meta name="msvalidate.01" content="AA7E5B5FE7C20FE49F696D7949C5444C"/>
16+
<style>
17+
:root {
18+
--bg: #2067B2;
19+
--text: ffffff;
20+
}
21+
22+
html, body, a {
23+
background-color: var(--bg) !important;
24+
color: var(--text) !important;
25+
font-family: 'Segoe UI Light', 'Segoe UI', 'Segoe', sans-serif !important;
26+
font-weight: 100!important;
27+
}
28+
29+
body {
30+
width: 100%;
31+
height: 100%;
32+
margin: 0!important;
33+
padding: 0!important;
34+
display: flex;
35+
flex-flow: column nowrap;
36+
}
37+
38+
#container {
39+
padding: 15pt 10% 15pt 20%;
40+
margin: auto;
41+
}
42+
43+
#emoticon {
44+
font-size: max(12vw, 98pt);
45+
}
46+
47+
#message {
48+
display: block!important;
49+
margin: 1em 0;
50+
font-size: max(2vw, 15pt);
51+
line-height: 1.5em;
52+
53+
text-decoration-thickness: .25px!important;
54+
/*letter-spacing: .025em;*/
55+
}
56+
57+
#message:hover {
58+
background-color: var(--text) !important;
59+
color: var(--bg) !important;
60+
}
61+
62+
#smallprint {
63+
font-size: max(1.25vw, 10pt);
64+
line-height: 1.25em;
65+
}
66+
</style>
1567
</head>
1668
<body>
17-
<div id="fourzerofourcontainer">
18-
<div id="fourzerofour">
19-
404 | Page not found
20-
<div class="centered"><a href="https://yaros.ae" draggable="false">
21-
Please <span id="action">click</span> here if this page does not redirect you.
22-
</a></div>
23-
</div>
2469

70+
<div id="container">
71+
<div id="emoticon">:(</div>
72+
73+
<a id="message" href="./index.html">This website ran into a problem and needs to restart. <span id="action">Click</span> here to return to the homepage. We're just collecting some error info. (404% complete)</a>
74+
75+
<div id="smallprint">If you'd like to know more, you can search online later for this error: 404_FILE_NOT_FOUND</div>
2576
</div>
2677
<script>
27-
function isMobile() {
28-
return 'ontouchstart' in document.documentElement;
29-
}
30-
31-
if (isMobile()) document.getElementById("action").innerHTML = "tap";
78+
function isMobile() { return 'ontouchstart' in document.documentElement; }
79+
if (isMobile()) document.getElementById("action").innerHTML = "Tap";
3280
</script>
3381
</body>
3482
</html>

‎data/styles/redirect.css‎

Lines changed: 0 additions & 53 deletions
This file was deleted.

0 commit comments

Comments
 (0)