ArnavVashisthCodingAccountnew.github.io/404.html at main · ArnavVashisthCodingAccountnew/ArnavVashisthCodingAccountnew.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Arnav Vashisth - DO NOT PANIC! - Page not found - server error - Storm hurricane IDK</title>
<style>
  @import "bourbon";


  @keyframes cursor-blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

body{
  background-color: black;
}

.four-oh-four{
	position: relative;
	top: 0;
	left: 0;
	min-height: 100vh;
	min-width: 100vw;
	z-index: 2;
	background-color: black;
	transition: opacity 300ms ease-out;
	background-position: center center;
	background-repeat: no-repeat;


}
.four-oh-four form, input{
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		background-color: black;
	}
.dJAX_internal{
		opacity: 0.0;
	}

.terminal{
	position: relative;
	padding: 4rem;

}

.prompt{
		color: white;
		display: block;
		font-family: 'AndaleMono', monospace;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 0.9em;
		letter-spacing: 0.15em;
		white-space: pre-wrap;
		text-shadow: 0 0 2px rgba(white,0.75);
		line-height: 1;
		margin-bottom: 0.75em;
    font-weight: bold;


	}
	.prompt::before {
			content: '> ';
			display: inline-block;
		}

	.new-output{
		display: inline-block;


	}
  .new-output::after {
			display: inline-block;
			vertical-align: -0.15em;
			width: 0.75em;
			height: 1em;
			margin-left: 5px;
			background-color:green;
			box-shadow: 1px 1px 1px rgba(green,0.65), -1px -1px 1px rgba(green,0.65), 1px -1px 1px rgba(green,0.65), -1px 1px 1px rgba(green,0.65);
			@keyframes animation(cursor-blink 1.25s steps(1) infinite);

		}

.kittens p{

		letter-spacing: 0;
		opacity: 0;
		line-height: 1rem;

}


.four-oh-four-form{
	opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
}

</style>
</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
  <form class="four-oh-four-form">
    <input type="text" class="404-input">
  </form>
<b>
  <div class="terminal">
  <b>  <p class="prompt">The page you requested cannot be found right bark. Try typing 'puppies' or 'get me back'. We are very sorry to leave you in the VORTEX. </p></b>
      <p class="prompt output new-output"></p>
  </div>
</div>
</b>
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.2/velocity.min.js'></script><script  src="404.js"></script>
</body>
</html>