-
Notifications
You must be signed in to change notification settings - Fork 25
/
index.html
113 lines (106 loc) · 3.02 KB
/
index.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
<html><head><title>Hacked By Manisso</title>
<style>
@keyframes noise{
0%{background-position:1000px;}
}
body, html{
overflow:hidden;
margin:0px;
background: rgb(31, 31, 31);
height:100vh;
box-shadow:0px 0px 122px 25px black inset;
background-image:url('http://darkhorsegames.net/wp-content/uploads/2014/03/NoiseMap.gif');
background-repeat:repeat;
animation:noise 20ms linear infinite;
}
.glitch-wrapper{
padding-top:180px;
width:100vw;
text-align:center;
animation:glitch 2s linear infinite;
margin-bottom:110px;
}
.glitch-text, button{
font-family: monospace;
font-weight:bold;
}
.glitch-text::before{
content:'Manisso Was Here';
color:black;
text-shadow:0px 0px 5px 10px black!IMPORTANT;
-webkit-filter: blur(7px);
-moz-filter: blur(7px);
-o-filter: blur(7x);
-ms-filter: blur(7px);
filter: blur(7px);
display:block;
position:absolute;
z-index:-1;
font-size:132px;
left:0px;
right:0px;
margin-top:-30px;
opacity:.5;
}
.glitch-text{
position:relative;
z-index:2;
opacity:.9;
margin:0 auto;
text-shadow:0px 0px 3px white;
animation:glitch 3s infinite;
cursor:pointer;
font-size:52px;
color:white;
}
button{
display:block;
opacity:.6;
box-shadow:0px 0px 3px 6px white,0px 0px 3px white;
text-shadow:0px 0px 3px black;
background:white;
border:0px;
padding:7px;
margin:0 auto;
outline:none;
cursor:pointer;
margin-top:30px;
font-size:16px;
transition:200ms;
}
button:hover, button:focus, button:active {
box-shadow:0px 0px 3px 6px black;
text-shadow:0px 0px 3px white;
background:black;
color:white;
transition:200ms;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
}
.paused{
animation-play-state: paused;
}
/* JUST RANDOM VALUES HERE! */
@keyframes glitch{
3%{text-shadow:7px 7px 0px red;}
6%{text-shadow:-9px 4px 0px blue;transform:translate(4px,-10px) skewX(3240deg);}
7%{text-shadow:3px -4px 0px green;}
9%{text-shadow:0px 0px 3px white;transform:translate(0px,0px) skewX(0deg);}
2% , 54%{transform:translateX(0px) skew(0deg);}
55%{transform:translate(-2px,6px) skew(-5530deg);}
56%{text-shadow:0px 0px 3px white;transform:translate(0px,0px) skew(0deg);}
57%{text-shadow:7px 7px 0px red;transform:translate(4px,-10px) skew(-70deg);}
58%{text-shadow:0px 0px 3px white;transform:translate(0px,0px) skew(0deg);}
62%{text-shadow:3px -4px 0px green;transform:translate(0px,20px) skew(0deg);}
63%{text-shadow:0px 0px 3px white;transform:translate(4px,-2px) skew(0deg);}
64%{transform:translate(1px,3px); skew(-230deg);}
65%{transform:translate(-7px,2px); skew(120deg);}
66%{transform:translate(0px,0px) skew(0deg);}
}
</style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"></head>
<body>
<div class="glitch-wrapper">
<div class="glitch-text"><a rollapp-href=""><small><small><small><span style="color: red;"><img alt="" image_download_for_instagram="true"></span></small></small></small></a><small><small><small> </small></small></small></div></div>
<embed src="http://www.youtube.com/v/oK-xVR_WTdM&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"><br>
</body></html>