Skip to content

Commit fc22d7b

Browse files
NathanwoodburnNathanwoodburn
committed
Added 404
1 parent bc7a304 commit fc22d7b

File tree

3 files changed

+546
-0
lines changed

3 files changed

+546
-0
lines changed

‎404.css

+76
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
.center{text-align:center}
2+
#space-invaders {
3+
margin: 0 auto;
4+
display: block;
5+
background: white
6+
}
7+
t2 {
8+
position: relative;
9+
text-transform: uppercase;
10+
letter-spacing: 6px;
11+
font-size: 22px;
12+
text-align: center;
13+
font-weight: 900;
14+
text-decoration: none;
15+
color: black;
16+
position: absolute;
17+
left: 38.5%;
18+
background-size: 120% 100%;
19+
-webkit-background-clip: text;
20+
-webkit-text-fill-color: transparent;
21+
-moz-background-clip: text;
22+
-moz-text-fill-color: transparent;
23+
-ms-background-clip: text;
24+
-ms-text-fill-color: transparent;
25+
background-clip: text;
26+
background-color: #000000;
27+
animation: 0.2s shake infinite alternate;
28+
}
29+
p.mobile { display: none }
30+
@media (max-width: 640px) {
31+
p.mobile { display: block }
32+
p.desktop { display: none }
33+
}
34+
@keyframes shake {
35+
0% { left: 38.43%; }
36+
2.5% { left: 38.57%; }
37+
5% { left: 38.43%; }
38+
7.5% { left: 38.57%; }
39+
10% { left: 38.43%; }
40+
12.5% { left: 38.57%; }
41+
15% { left: 38.43%; }
42+
17.5% { left: 38.57%; }
43+
20% { left: 38.43%; }
44+
22.5% { left: 38.57%; }
45+
25% { left: 38.43%; }
46+
27.5% { left: 38.57%; }
47+
30% { left: 38.43%; }
48+
32.5% { left: 38.57%; }
49+
35% { left: 38.43%; }
50+
37.5% { left: 38.57%; }
51+
40% { left: 38.43%; }
52+
42.5% { left: 38.57%; }
53+
45% { left: 38.43%; }
54+
47.5% { left: 38.57%; }
55+
50% { left: 38.43%; }
56+
52.5% { left: 38.57%; }
57+
/*55% { left: 38.43%; }
58+
57.5% { left: 38.57%; }
59+
60% { left: 38.43%; }
60+
62.5% { left: 38.57%; }
61+
65% { left: 38.43%; }
62+
67.5% { left: 38.57%; }
63+
70% { left: 38.43%; }
64+
72.5% { left: 38.57%; }
65+
75% { left: 38.43%; }
66+
77.5% { left: 38.57%; }
67+
80% { left: 38.43%; }
68+
82.5% { left: 38.57%; }
69+
85% { left: 38.43%; }
70+
87.5% { left: 38.57%; }
71+
90% { left: 38.43%; }
72+
92.5% { left: 38.57%; }
73+
95% { left: 38.43%; }
74+
97.5% { left: 38.57%; }
75+
100% { left: 38.43%; } */
76+
}

‎404.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en" >
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Nathan Woodburn</title>
6+
<link rel="icon" type="image/png" href="../images/favicon.png"/>
7+
<link rel="icon" type="image/png" href="https://www.nathanwoodburn.tk/images/favicon.png"/>
8+
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'><link rel="stylesheet" href="./404.css">
9+
</head>
10+
<body style="background-color:white;">
11+
<!-- partial:index.partial.html -->
12+
<p><br><br><br></p>
13+
<h1 style="text-align:center">Space Invaders destroyed this page!</h1>
14+
<t2 style="text-align:center">Take revenge on them!</t2>
15+
<p class="mobile"><br><br><br><br><br><br></p>
16+
<p class="center"><br><br><br>Use <span class="label label-danger">Space</span> to shoot and <span class="label label-danger">←</span>&#160;<span class="label label-danger">→</span> to move!&#160;&#160;&#160;<button class="btn btn-default btn-xs" id="restart">Restart</button> or <button class="btn btn-default btn-xs" onclick="location.href='javascript:history.back()'" type="button">
17+
Retreat</button></p>
18+
19+
<canvas id="space-invaders"/>
20+
<!-- partial -->
21+
<script src="/404.js"></script>
22+
23+
</body>
24+
</html>

0 commit comments

Comments
 (0)