-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathIdiot!.html
123 lines (121 loc) · 3.04 KB
/
Idiot!.html
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
<!DOCTYPE html>
<html>
<head>
<title>Idiot!</title>
<meta name="Author" content="A mystery tbh" />
<link rel="icon" href="./Idiot!_files/idiot.png" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta
name="Keywords"
content="you are an idiot, you, are, an, idiot, fool, youdontknowwhoiam.org, youdontknowwhoiam, you dont know who i am, you, dont, know, who, i, am, org, dot, aregner, jazzy, adr"
/>
<meta
name="Description"
content="The first and best flash video on the 'net."
/>
<meta property="og:type" content="website" />
<meta property="og:title" content="You are an idiot!" />
<meta
property="og:description"
content="This is a new hand-converted iteration of the legendary website."
/>
<meta
property="og:image"
content="http://captainchicky.github.io/Idiot!/Converted/Idiot!_files/idiot.png"
/>
<meta
property="og:image:secure_url"
content="https://captainchicky.github.io/Idiot!/Converted/Idiot!_files/idiot.png"
/>
<meta property="og:image:width" content="256" />
<meta property="og:image:height" content="256" />
<meta property="og:image:alt" content="Idiot!" />
<style>
@keyframes img-1 {
0% {
opacity: 1;
}
44% {
opacity: 1;
}
50% {
opacity: 0;
}
94% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes img-2 {
0% {
opacity: 0;
}
44% {
opacity: 0;
}
50% {
opacity: 1;
}
94% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.wrapper {
margin-left: 16.5% !important;
position: relative;
height: 100%;
width: 68%;
}
.wrapper img:first-child {
position: absolute;
width: 100%;
opacity: 1;
animation: img-1 0.4s infinite;
}
.wrapper img:last-child {
position: absolute;
width: 100%;
opacity: 0;
animation: img-2 0.4s infinite;
}
body {
user-select: none;
}
</style>
<script src="./Idiot!_files/you.js"></script>
</head>
<body
onload="flagRun=1;playBall();return true;bookmark();"
onkeydown="altf4key();ctrlwkey();delkey();"
onmouseout="procreate();"
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0"
>
<div class="wrapper">
<img src="./Idiot!_files/black.png" />
<img src="./Idiot!_files/white.png" />
</div>
<audio id="IdiotAudio" loop>
<source src="./Idiot!_files/Idiot!.mp3" type="audio/mp3" />
</audio>
<script>
var audio = document.getElementById("IdiotAudio");
audio.autoplay = true;
</script>
<script>
audio.loop = true;
document.addEventListener("click", function () {
if (audio.paused) {
audio.play();
}
});
</script>
</body>
</html>