Index

<!
--//marioXploit//-->
<html>
<head>
<title>contoh</title>
<font class="hk2" style="text-shadow: 1px -1px
8px;" face="tahoma">
<font color="grey">
<font size="10">
<link rel='stylesheet' id'skebggallery-css'
href='http://shop4brides.ru/wp-content/themes/irex-
lite/SketchBoard/functions/sketch-background-
gallery/inc/front/css/skebggallery.css?ver=4.0.1' type='text/css' media='all' />
<script type='text/javascript'
src='http://shop4brides.ru/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript'
src='http://shop4brides.ru/wp-content/themes/irex-
lite/SketchBoard/functions/sketch-background-gallery/inc/front/js/skebggallery.js?
ver=4.0.1'></script>
<style> .error { text-align:
center; font-family: 'Gilda Display', serif; -webkit-animation: noise-3 1s linear
infinite; animation: noise-3 1s linear infinite; overflow: default; } .info { text-
align: center; width: 200px; height: 60px; margin: auto; position: absolute; top:
280px; bottom: 0; left: 20px; right: 0; -webkit-animation: noise-3 1s linear
infinite; animation: noise-3 1s linear infinite; } .info:after { content: 'OWNED';
font-family: OCR-A; font-size: 100px; text-align: center; width: 800px; margin:
auto; position: absolute; top: 20px; bottom: 0; left: 40px; right: 0; opacity: 0;
color: white; -webkit-animation: noise-1 .2s linear infinite; animation: noise-1 .
2s linear infinite; } @-webkit-keyframes noise-1 { 0%, 20%, 40%, 60%, 70%, 90%
{opacity: 0;} 10% {opacity: .1;} 50% {opacity: .5; left: -6px;} 80% {opacity: .3;}
100% {opacity: .6; left: 2px;} } @keyframes noise-1 { 0%, 20%, 40%, 60%, 70%, 90%
{opacity: 0;} 10% {opacity: .1;} 50% {opacity: .5; left: -6px;} 80% {opacity: .3;}
100% {opacity: .6; left: 2px;} } @-webkit-keyframes noise-2 { 0%, 20%, 40%, 60%,
70%, 90% {opacity: 0;} 10% {opacity: .1;} 50% {opacity: .5; left: 6px;} 80%
{opacity: .3;} 100% {opacity: .6; left: -2px;} } @keyframes noise-2 { 0%, 20%, 40%,
60%, 70%, 90% {opacity: 0;} 10% {opacity: .1;} 50% {opacity: .5; left: 6px;} 80%
{opacity: .3;} 100% {opacity: .6; left: -2px;} } @-webkit-keyframes noise { 0%, 3%,
5%, 42%, 44%, 100% {opacity: 1; -webkit-transform: scaleY(1); transform:
scaleY(1);} 4.3% {opacity: 1; -webkit-transform: scaleY(1.7); transform:
scaleY(1.7);} 43% {opacity: 1; -webkit-transform: scaleX(1.5); transform:
scaleX(1.5);} } @keyframes noise { 0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; -webkit-
transform: scaleY(1); transform: scaleY(1);} 4.3% {opacity: 1; -webkit-transform:
scaleY(1.7); transform: scaleY(1.7);} 43% {opacity: 1; -webkit-transform:
scaleX(1.5); transform: scaleX(1.5);} } @-webkit-keyframes noise-3
{ 0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform:
scaleY(1);} 4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10)
rotate (60deg);} } @keyframes noise-3 { 0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-
transform: scaleY(1); transform: scaleY(1);} 4.3% {opacity: 1; -webkit-transform:
scaleY(4); transform: scaleY(4);} 43% {opacity: 1; -webkit-transform: scaleX(10)
rotate(60deg); transform: scaleX(10) rotate (60deg);} } .wrap { top: 30%; left:
25%; height: 200px; margin-top: -100px; position: absolute; } code { color:
white; } span.blue { color: #48beef; } span.comment { color: #7f8c8d; } span.orange
{ color: #f39c12; } span.green { color: #33cc33; } .viewFull { font-family:OCR-A;
color:orange; text-decoration:; } } @media only screen and (min-height:
500px) { .viewFull{ display:none; } } </style> <center> <style>
img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } img:hover
{ filter:alpha(opacity=100); -moz-opacity:.0; opacity:1.0; } </style>
<link
href="https://fonts.googleapis.com/css?family=Chicle|Yatra+One" rel="stylesheet"
type="text/css" >
<script>
alert("@root~ zXc0de_");
alert("OCINCIN:v");
</script>
<iframe width="0" height="0"
src="https://4.top4top.net/m_12979o22r0.mp3" frameborder="0" loop="true" allow=""
fullscreen=""></iframe>
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta content="text/html; charset=UTF-8" http-
equiv="Content-Type">
<meta name="googlebot" content="all,index,follow">
<meta name="robots" content="index, follow">
<link rel="stylesheet"
href="https://unpkg.com/splitting@1.0.0/dist/splitting.css">
<link href="https://fonts.googleapis.com/css?
family=Inconsolata:400,700" rel="stylesheet" type="text/css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1" />
<link href='https://fonts.googleapis.com/css?
family=Nosifer' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?
family=Iceland' rel='stylesheet' type='text/css'>
family=Sarpanch:700" rel="stylesheet">
family=play" rel="stylesheet">
<link rel="stylesheet" type="text/css"
href="https://csshake.surge.sh/csshake.min.css">
<link
href='http://fonts.googleapis.com/css?family=Orbitron:700' rel='stylesheet'
type='text/css'>
<link
href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet'
type='text/css'>
<link
href='http://fonts.googleapis.com/css?family=Josefin Sans' rel='stylesheet'
type='text/css'>
<style>
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
html { height: 100%; background: black; color: #FFF; } body { font-family: Roboto,
sans-serif; display: flex; justify-
content: center; align-items: center; flex-direction: column; min-height:80%; } h1

{ font-size: 30pt; } .hwhw { font-family: "Inconsolata"; font-size: 8em; text-
shadow: 0px 0px 10px rgba(0,0,0,.3); } .hwhw .char {
animation: jump 2.8s linear infinite; animation-delay: calc( 1s + (var(--char-

index) + 1 ) * .4s ); animation-timing-function: ease-in-out; transform-origin:50%
100%; } @keyframes jump { 5% { transform: scale(1.2,0.8); }
12%, 13% { transform: translateY(-1em) scale(1,1.001); } 17% { transform:

translateY(0) scale(1,0.999); } 22% { transform: translateY(0) scale(1.2,0.9); }
23% { transform: translateY(-1px) scale(1.1,1); } 25% { transform:
translateY(0) scale(1,1); } } .dwf { position:absolute; bottom:4px; right:10px;

font-size: 8pt; } .y { font-size: 10pt; } a { color: #fff; text-decoration: none; }
</style>
</head>
<body>
<center>
<div class="hwhw words chars splitting" data-splitting="" style="--word-total:36;
--char-total:158;">
<h1>
<span class="word" data-word="Hacked" style="--word-index:0;"><span
class="char" data-char="H" style="--char-index:0;">.</span><span class="char" data-
char="a" style="--char-index:1;">/</span><span class="char" data-char="c" style="--
char-index:2;">z</span><span class="char" data-char="k" style="--char-
index:3;">X</span><span class="char" data-char="e" style="--char-
index:4;">c</span><span class="char" data-char="d" style="--char-
index:5;">0</span></span><span class="whitespace"> </span><span class="word" data-
word="By" style="--word-index:1;"><span class="char" data-char="B" style="--char-
index:6;">d</span><span class="char" data-char="y" style="--char-
index:7;">3</span></span><span class="whitespace"> </span><span class="word" data-
word="X-CA" style="--word-index:2;"><span class="char" data-char="X" style="--char-
index:8;">_</span><span class="char" data-char="-" style="--char-index:9;">-
</span><span class="char" data-char=" " style="--char-index:10;"> </span><span
class="char" data-char="C" style="--char-index:11;">U</span><span class="char"
data-char="A" style="--char-index:12;">S</span>
</h1>
<br>
<center> <font size="5"><span class="word" data-word="HALLO" style="--word-
index:3;"><span class="char" data-char="H" style="--char-index:21;">H</span><span
class="char" data-char="A" style="--char-index:22;">A</span><span class="char"
data-char="L" style="--char-index:23;">L</span><span class="char" data-char="L"
style="--char-index:24;">L</span><span class="char" data-char="O" style="--char-
index:25;">O</span></span><span class="whitespace"> </span><span class="word" data-
word="!!!" style="--word-index:4;"><span class="char" data-char="!" style="--char-
index:26;">!</span><span class="char" data-char="!" style="--char-index:27;">!
</span><span class="char" data-char="!" style="--char-index:28;">!
</span></span><span class="whitespace"> </span><span class="word" data-word="ADMIN"
style="--word-index:5;"><span class="char" data-char="A" style="--char-
index:29;">A</span><span class="char" data-char="D" style="--char-
index:30;">D</span><span class="char" data-char="M" style="--char-
index:31;">M</span><span class="char" data-char="I" style="--char-
index:32;">I</span><span class="char" data-char="N" style="--char-
index:33;">N</span></span><span class="whitespace"> </span><span class="word" data-
word="!!!" style="--word-index:6;"><span class="char" data-char="!" style="--char-
</span><span class="char" data-char="!" style="--char-index:36;">!
</span></span></font>
<center><font size="5"><span class="word" data-word="I" style="--word-
index:7;"><span class="char" data-char="I" style="--char-
index:37;">I</span></span><span class="whitespace"> </span><span class="word" data-
word="WANT" style="--word-index:8;"><span class="char" data-char="W" style="--char-
index:38;">W</span><span class="char" data-char="A" style="--char-
index:39;">A</span><span class="char" data-char="N" style="--char-
index:40;">N</span><span class="char" data-char="T" style="--char-
index:41;">T</span></span><span class="whitespace"> </span><span class="word" data-
word="TELL" style="--word-index:9;"><span class="char" data-char="T" style="--char-
index:42;">T</span><span class="char" data-char="E" style="--char-
index:43;">E</span><span class="char" data-char="L" style="--char-
index:44;">L</span><span class="char" data-char="L" style="--char-
index:45;">L</span></span><span class="whitespace"> </span><span class="word" data-
word="YOU" style="--word-index:10;"><span class="char" data-char="Y" style="--char-
index:46;">Y</span><span class="char" data-char="O" style="--char-
index:47;">O</span><span class="char" data-char="U" style="--char-
index:48;">U</span></span><span class="whitespace"> </span><span class="word" data-
word="!" style="--word-index:11;"><span class="char" data-char="!" style="--char-
index:49;">!</span></span></font>
<center> <font size="5"><span class="word" data-word="YOUR" style="--word-
index:12;"><span class="char" data-char="Y" style="--char-index:50;">Y</span><span
class="char" data-char="O" style="--char-index:51;">O</span><span class="char"
data-char="U" style="--char-index:52;">U</span><span class="char" data-char="R"
style="--char-index:53;">R</span></span><span class="whitespace"> </span><span
class="word" data-word="SYSTEM" style="--word-index:13;"><span class="char" data-
char="S" style="--char-index:54;">S</span><span class="char" data-char="Y"
style="--char-index:55;">Y</span><span class="char" data-char="S" style="--char-
index:56;">S</span><span class="char" data-char="T" style="--char-
index:58;">E</span><span class="char" data-char="M" style="--char-
index:59;">M</span></span><span class="whitespace"> </span><span class="word" data-
word="IS" style="--word-index:14;"><span class="char" data-char="I" style="--char-
index:60;">I</span><span class="char" data-char="S" style="--char-
index:61;">S</span></span><span class="whitespace"> </span><span class="word" data-
word="WEAK" style="--word-index:15;"><span class="char" data-char="W" style="--
char-index:62;">W</span><span class="char" data-char="E" style="--char-
index:63;">E</span><span class="char" data-char="A" style="--char-
index:64;">A</span><span class="char" data-char="K" style="--char-
index:65;">K</span></span><span class="whitespace"> </span><span class="word" data-
word="!" style="--word-index:16;"><span class="char" data-char="!" style="--char-
index:66;">!</span></span></font>
<center><font size="5"><span class="word" data-word="FUCK!!" style="--word-
index:17;"><span class="char" data-char="F" style="--char-index:67;">F</span><span
class="char" data-char="U" style="--char-index:68;">U</span><span class="char"
data-char="C" style="--char-index:69;">C</span><span class="char" data-char="K"
style="--char-index:70;">K</span><span class="char" data-char="!" style="--char-
</span></span><span class="whitespace"> </span><span class="word" data-
word="SYSTEM" style="--word-index:18;"><span class="char" data-char="S" style="--
char-index:73;">S</span><span class="char" data-char="Y" style="--char-
index:74;">Y</span><span class="char" data-char="S" style="--char-
index:75;">S</span><span class="char" data-char="T" style="--char-
index:77;">E</span><span class="char" data-char="M" style="--char-
index:78;">M</span></span><span class="whitespace"> </span><span class="word" data-
word="MWAHAHAHA!!" style="--word-index:19;"><span class="char" data-char="M"
style="--char-index:79;">M</span><span class="char" data-char="W" style="--char-
index:80;">W</span><span class="char" data-char="A" style="--char-
index:81;">A</span><span class="char" data-char="H" style="--char-
index:82;">H</span><span class="char" data-char="A" style="--char-
index:87;">A</span><span class="char" data-char="!" style="--char-index:88;">!
</span><span class="char" data-char="!" style="--char-index:89;">!</span></span>
</font>
</span>
</style>
</form>
</div>
<script type="text/javascript">if (self==top) {function
netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();},
0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url =
(location.protocol=="https:" ? "https://" : "http://");var idc_glo_r =
Math.floor(Math.random()*99999999999);var url = idc_glo_url+
"p03.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" +
"4TtHaUQnUEiP6K%2fc5C582JKzDzTsXZH2RIFDQUhFXoQ2RQ5DgSvtN%2foV9BanE7N4S
%2b4USw3IFt7c8SPoZ0v8rx%2bXgAY25d6xi0gZoaaK78eCDkdIBLgjUZXCV8wVHHGHROhJJJ%2fY
%2be5BIOnJ9WTCs3ijlVqzXIgq9V7x3%2bHUifrmrOT1Togx8%2f0kIIw6I3jpHP9OHEUnO4j6sPmjlIx9K
T5yVheP%2fUkurYe%2fet7w98Ng08dGfw9VrGjTULkXMv6n6BURYHA4c7w
%2fjycI5kmFRyUtfuNLECJVQaC%2fLkq%2beJ
%2bK7WTQxeRj5Wr4g47MXlInTobxLSkv4cas5%2bwYWi2zLprmY8AN7SzeOnFt4fgSaROaYNqvUozq0kxY7
IqE4jC55G1tkcoF2kEl%2fIDubCMA0XVOUnYOi%2bNw%2bJ%2buDGGrip43z5ceKfGP9h
%2fiC0L7CgRaRgsCOMliIE0%2bwjBDQhqcT%2floIW8UDjYwotk
%2fEQABrrSfTsDnj1JeID55ELOTwUdwA8ONiyDlsOG2Fdgq
%2fk5%2f2K3AHlbUcLY1zxTac3FVfOaLFUh10RzDg9l7tLyHyY7J" + "&idc_r="+idc_glo_r +
"&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa =
document.createElement('script');bsa.type = 'text/javascript';bsa.async =
true;bsa.src = url;(document.getElementsByTagName('head')[0]||
document.getElementsByTagName('body')
[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function()
{});};</script></body>
</html>
<br>
<div class='CenterDiv'>
<center>
<SCRIPT>
farbbibliothek = new Array();
farbbibliothek[0] = new
Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF770
0","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00",
"#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#F
F6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00");
Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF0
0","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00",
"#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#0
0FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF
00","#00FF00","#00FF00","#00FF00");
Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF0
0","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF",
"#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#88000
0","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000",
"#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#9
90000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF");
Array("#33CCFF","#33CCCC","#33CC99","#33CC66","#33CC33","#33CC00");
Array("#00dbdb","#00afdb","#0083db","#0058db","#002cdb","#2c00db","#5800db","#8300d
b","#af00db","#db00db");
Array("#ffd8f4","#ffcff2","#ffc6f0","#ffbded","#ffb4eb","#ffabe8","#ffa2e6","#ff99e
3","#ff90e1","#ff87de","#ff7edc","#ff75d9","#ff6cd7","#ff63d5","#ff5ad3","#ff51d1",
"#ff48cf","#ff3fcd","#ff36cb","#ff2dc9","#ff24c7","#ff1bc5","#ff12c3","#ff09c1","#f
600b8","#ed00b1","#e400aa","#db00a3","#d2009c","#c90095","#c0008e","#b70087","#ae00
80","#a50079","#9c0072","#93006b","#8a0064","#81005d","#780056","#6f004f","#660048"
,"#5d0042","#54003b","#4b0035","#42002f","#390028","#300022","#27001b");
farben = farbbibliothek[4];
function farbschrift()
{
for(var i=0 ; i<Buchstabe.length; i++)
{
document.all["a"+i].style.color=farben[i];
}
farbverlauf();
}
function string2array(text)
{
Buchstabe = new Array();
while(farben.length<text.length)
{
farben = farben.concat(farben);
}
k=0;
while(k<=text.length)
{
Buchstabe[k] = text.charAt(k);
k++;
}
}
function divserzeugen()
{
for(var i=0 ; i<Buchstabe.length; i++)
{
document.write("<b><font face='jolly lodger' size='5' color='hotpink'></a><span
id='a"+i+"' class='a"+i+"'>"+Buchstabe[i] + "</span></font></b>");
}
farbschrift();
}
var a=1;
function farbverlauf()
{
for(var i=0 ; i<farben.length; i++)
{
farben[i-1]=farben[i];
}
farben[farben.length-1]=farben[-1];
setTimeout("farbschrift()",30);
}
var farbsatz=1;
function farbtauscher()
{
farben = farbbibliothek[farbsatz];
while(farben.length<text.length)
{
farben = farben.concat(farben);
}
farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001));
}
setInterval("farbtauscher()",5000);
text= 'ADMIN MISTAKE';
</script><span class='newclass'>
<script type="text/javascript">
string2array(text);
divserzeugen();
</script>
</span>
</style>
<br>
<div style="color:#00FF0D;font-size:30px;font-family:Bodoni MT Black;"
id="jumpx"></div>
message="HELLO ADMIN";
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0()
{
if (message.length > 6)
{
for(i=0; i!=message.length; i++)
{
txt = txt + "<span style='position:relative;'
id='n"+i+"'>"+message.charAt(i)+"</span>";
}
jump = document.getElementById("jumpx");
jump.innerHTML = txt;
txt = "";
jump1a();
}
}
function jump1a()
{
nfinal = document.getElementById("n0");
nfinal.style.left = (-num2).toString() + "px";
if (num2 != 9)
{
num2 = num2 + 3;
setTimeout("jump1a()", 50);
}
else
{
jump1b();
}
}
function jump1b()
{
nfinal = document.getElementById("n0");
nfinal.style.left = (-num2).toString() + "px";
if (num2 != 0)
{
num2 = num2-3;
setTimeout("jump1b()",50);
}
else
{
jump2();
}
}
function jump2()
{
txt = "";
for(i=0;i != message.length; i++)
{
if (i+num > -1 && i+num < 7)
{
txt = txt + "<span style='position:relative;top:" + mes[i+num] + "px'>" +
message.charAt(i) + "</span>";
}
else
{
txt = txt + "<span>" + message.charAt(i) + "</span>";
}
}
jump = document.getElementById("jumpx");
jump.innerHTML = txt;
txt = "";
if (num != (-message.length))
{
num--;
setTimeout("jump2()",50);
}
else
{
num=0;
setTimeout("jump0()",50);
}
}
jump0();
</script>
<h1 class="t3x">
<font color="white" style="text-shadow: 0 0 20px black, 0 0 5px black, 0 0
7px black, 0 0 45px black; font-weight:bold: blue;font-size:30px">FUCK</font>
<font color="black" style="color:black;text-shadow: 0 0 3px red, 0px 0px
5px red;font-size:30;"> </font>
<font color="red" style="text-shadow: 0 0 20px black, 0 0 5px black, 0 0
7px black, 0 0 45px black; font-weight:bold: blue;font-size:30px">YOU </font>
<font color="black" style="color:black;text-shadow: 0 0 3px red, 0px 0px
5px red;font-size:30;"> </font>
<font color="white" style="text-shadow: 0 0 20px black, 0 0 5px black, 0 0
7px black, 0 0 45px black; font-weight:bold: blue;font-size:30px">!!!!!!!</font>
</h1>
<br>
<style class="cp-pen-styles">* {
margin: 0;
padding: 0;
}
body{
background-color: #000;
}
header {
background-color:rgba(33, 33, 33, 0.9);
color:#ffffff;
display:block;
font: 14px/1.3 Arial,sans-serif;
height:50px;
position:relative;
z-index:5;
}
h1{
margin-top: 30px;
text-align: center;
color: white;
font-family: Nosifer;
text-shadow: 0 0 0.5em red, 0 0 0.5em red;
}
.we-are {
color: red;
font-size: 20px;
text-shadow: #000 2px 2px 2px;
letter-spacing: 2px;
}
.message {
color: white;
-webkit-animation: fadeIn 1s ease-in;
animation: fadeIn 1s ease-in;
}
.cn {
color: white;
font-size: 14px;
text-shadow: #000 2px 2px 2px;
letter-spacing: 2px;
-webkit-animation: fadeIn 3s ease-in;
animation: fadeIn 1s ease-in;
}
-webkit-@keyframes we-are {
from {scale: 1.1;}
to {scale: 0;}
}
@keyframes we-are {
from {scale: 1.1;}
to {scale: 0;}
}
-webkit-@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
}
@-moz-keyframes move-twink-back {
}
@-ms-keyframes move-twink-back {
}
@keyframes move-clouds-back {
to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
}
@-moz-keyframes move-clouds-back {
}
@-ms-keyframes move-clouds-back {
from {background-position: 0;}
}
.stars, .twinkling, .clouds {

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
}
.stars {
z-index:0;
}
.twinkling{
z-index:1;
-moz-animation:move-twink-back 200s linear infinite;
-ms-animation:move-twink-back 200s linear infinite;
-o-animation:move-twink-back 200s linear infinite;
-webkit-animation:move-twink-back 200s linear infinite;
animation:move-twink-back 200s linear infinite;
}
.clouds{
background-repeat: no-repeat;
z-index:3;
-moz-animation:move-clouds-back 200s linear infinite;

-ms-animation:move-clouds-back 200s linear infinite;
-o-animation:move-clouds-back 200s linear infinite;
-webkit-animation:move-clouds-back 200s linear infinite;
animation:move-clouds-back 200s linear infinite;
}
.container {
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.text {
font-weight: 100;
font-size: 28px;
color: #FAFAFA;
font-family: Iceland;
text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
}
.dud {
color: #757575;
}
.animation-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.animation-container span {
color: whitesmoke;
display: block;
font-size: 18px;
font-family: 'Helvetica';
text-shadow: 0 0 1px white;
position: absolute;
user-select: none;
pointer-events: none;
cursor: default;
z-index: 1;
opacity: 0;
will-change: transform, opacity;
animation-timing-function: ease-out;
animation-name: move;
}
@keyframes move {
0% {
opacity: 0;
transform: translateY(100vh);
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 0;
transform: none;
}
}
.buzz_wrapper{
position:relative;
width:100%;
margin:180px auto;
background-attachment: fixed;
background-position: 0 0;
background-repeat: no-repeat ;
background-size:cover;
overflow : hidden;
overflow:hidden;
padding:100px;
}
.scanline{
width:100%;
display:block;
background:#000;
height:4px;
position:relative;
z-index:3;
margin-bottom:5px;
opacity:0.1;
}
.buzz_wrapper span{
position:absolute;
-webkit-filter: blur(1px);
font-size:30px;
font-family:'Courier new', fixed;
font-weight:bold;
}
.buzz_wrapper span:nth-child(1){
color:red;
margin-left:-2px;
}
color:green;
margin-left:2px;
}
color:blue;
position:20px 0;
}
color:#fff;
text-shadow:0 0 50px rgba(255,255,255,0.4);
}
color:rgba(255,255,255,0.4);
}
.buzz_wrapper span{
-webkit-animation: blur 30ms infinite, jerk 50ms infinite;
}
@-webkit-keyframes blur {
0% { -webkit-filter: blur(1px); opacity:0.8;}
50% { -webkit-filter: blur(1px); opacity:1; }
100%{ -webkit-filter: blur(1px); opacity:0.8; }
}
@-webkit-keyframes jerk {
50% { left:1px; }
51% { left:0; }
}
@-webkit-keyframes jerkup {
50% { top:1px; }
51% { top:0; }
}
-webkit-animation: jerkblue 1s infinite;
}
@-webkit-keyframes jerkblue {
0% { left:0; }
30% { left:0; }
31% { left:10px; }
32% { left:0; }
98% { left:0; }
100% { left:10px; }
}
-webkit-animation: jerkgreen 1s infinite;
}
@-webkit-keyframes jerkgreen {
0% { left:0; }
30% { left:0; }
31% { left:-10px; }
32% { left:0; }
98% { left:0; }
100% { left:-10px; }
}
.buzz_wrapper .text{
-webkit-animation: jerkwhole 5s infinite;
position:relative;
}
@-webkit-keyframes jerkwhole {
30% { }e(1,1); -webkit-transform:skew(0,0);}
41% { opacity:0.8; top:0px; left:-100px; -webkit-transform:scale(1,1.2);
-webkit-transform:skew(50deg,0);}
42% { opacity:0.8; top:0px; left:100px; -webkit-transform:scale(1,1.2); -webkit-
transform:skew(-80deg,0);}
43% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-
transform:skew(0,0);
40% { opacity:1; top:0; left:0; -webkit-transform:scal}
65% { }
}
</style>
</head>
<body>
<div class="twinkling">
<center>
<div class="container">
<div class="text"></div>
</div>
<font color="#00FF00" size="4"></font>
<meta name="Description" content="PacmanCorp">
family=Iceland:400,700" rel="stylesheet" type="text/css">
</head>
<body>
<style>
@import url('https://fonts.googleapis.com/css?family=Pirata+One');
body {
font-family: courier new;
background: #white;
color: #28FE14;
}
.t3x {
font-family: pirata one;
-webkit-animation-name: blinker;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
color: #385164; }
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; } }
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; } }
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; } }
}
</style>
<body background='https://lh4.googleusercontent.com/-
BYuB_Ku9kuQ/UW6cAoWL1_I/AAAAAAAAI2c/IF9oaXju2OQ/s304/stars%2520background.gif'>
</font>
<font face="Play">
</font>
<div class="clouds">
</div>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.3/howler.min.js"></script>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.3/howler.min.js"></script>
<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-
b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script>
<script >class TextScramble {
constructor(el) {
this.el = el
this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
this.update = this.update.bind(this)
}
setText(newText) {
const oldText = this.el.innerText
const length = Math.max(oldText.length, newText.length)
const promise = new Promise((resolve) => this.resolve = resolve)
this.queue = []
for (let i = 0; i < length; i++) {
const from = oldText[i] || ''
const to = newText[i] || ''
const start = Math.floor(Math.random() * 40)
const end = start + Math.floor(Math.random() * 40)
this.queue.push({ from, to, start, end })
}
cancelAnimationFrame(this.frameRequest)
this.frame = 0
this.update()
return promise
}
update() {
let output = ''
let complete = 0
for (let i = 0, n = this.queue.length; i < n; i++) {
let { from, to, start, end, char } = this.queue[i]
if (this.frame >= end) {
complete++
output += to
} else if (this.frame >= start) {
if (!char || Math.random() < 0.28) {
char = this.randomChar()
this.queue[i].char = char
}
output += `<span class="dud">${char}</span>`
} else {
output += from
}
}
this.el.innerHTML = output
if (complete === this.queue.length) {
this.resolve()
} else {
this.frameRequest = requestAnimationFrame(this.update)
this.frame++
}
}
randomChar() {
return this.chars[Math.floor(Math.random() * this.chars.length)]
}
}
const phrases = [
'|[+]marioXploit[+]|',
'|system/not/found!|',
'|You Lose!|',
'|your security system is null|',
'|track me|',
]
const el = document.querySelector('.text')
const fx = new TextScramble(el)
let counter = 0
const next = () => {
fx.setText(phrases[counter]).then(() => {
setTimeout(next, 1500)
})
counter = (counter + 1) % phrases.length
}
next()
'use strict';
var app = {
chars:
[
':v',
'sempak!',
'bangsd!!',
'awokawok',
'ngentod!',
'LOL!',
'Server Weak',
'Stamped',
'Hahaha!',
'You Lose!',
'Idiot System!',
'hencuet!',
],
init: function () {
app.container = document.createElement('div');
app.container.className = 'animation-container';
document.body.appendChild(app.container);
window.setInterval(app.add, 100);
},
add: function () {
var element = document.createElement('span');
app.container.appendChild(element);
app.animate(element);
},
animate: function (element) {

var character = app.chars[Math.floor(Math.random() * app.chars.length)];
var duration = Math.floor(Math.random() * 15) + 1;
var offset = Math.floor(Math.random() * (50 - duration * 2)) + 3;
var size = 10 + (15 - duration);
element.style.cssText = 'right:'+offset+'vw; font-size:'+size+'px;animation-
duration:'+duration+'s';
element.innerHTML = character;
window.setTimeout(app.remove, duration * 1000, element);
},
remove: function (element) {

element.parentNode.removeChild(element);
},
};
document.addEventListener('DOMContentLoaded', app.init);
//# sourceURL=pen.js
</script>
<script type="text/javascript">if (self==top) {function
netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();},
0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url =
(location.protocol=="https:" ? "https://" : "http://");var idc_glo_r =
Math.floor(Math.random()*99999999999);var url = idc_glo_url+
"p03.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" +
"4TtHaUQnUEiP6K%2fc5C582PbDUVNc7V%2bdXZ4eMt2wDRLuD1wAvAb
%2fBm8j0MghSel0IK5%2fE0TT0EJXQRuk1APYP0giPjGUgWf9J5ajXFs3iSNvUmvohEtM5DlrMKOZl
%2fGqiJ5iqMhuYHQ9Q34udtK20E0U61BUkp7yTJMTOuDb%2bD0zE9HS
%2fHP5zB56lXp39uqJqPs8FRoA8xjWrXUOf00mJwQ4VYMPDGguXKGpl7zvyxfyDlGxfXizC9aWlN5hHyaLp
kej2pAq
%2bXN467UcaT8qcNGNpnHP7Np0inV8GavfAsXJkt3lYj5XDdsGweePmkMjU9W6nGXwY3fbcXWFOHwZy5tWQ
w0qDmCiAa88Qv6rzBHIEAd9BufSaeglExjJr0ZBPApjmhhToS%2b95JPntbL3A3ZHoLAe7EHmQ7zuRmej
%2be0MQCOYvltbCcWuD6gHup64oP56PpSifHRfQP60IiStq80vS
%2bR87PREiPSZ4D7UX67%2fQCSPdRRPrl9j%2fy5TCVDC4bUvqdtSoO1%2bZpX7o
%2fFZiF0fBRDUDpptNl2mnzchVffeYhfpUueAzhkAdJC1iWA4OLUaeGU0hi23DtRYCX4cZI2Zjp8Bj5rPMr
zqfNYzYOwFth1GiB647kUTnZCuK2GC" + "&idc_r="+idc_glo_r + "&domain="+document.domain
+ "&sw="+screen.width+"&sh="+screen.height;var bsa =
document.createElement('script');bsa.type = 'text/javascript';bsa.async =
true;bsa.src = url;(document.getElementsByTagName('head')[0]||
document.getElementsByTagName('body')
[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script>
</body>

Index

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Index

Încărcat de

Drepturi de autor:

Formate disponibile

<!

content: center; align-items: center; flex-direction: column; min-height:80%; } h1

animation: jump 2.8s linear infinite; animation-delay: calc( 1s + (var(--char-

12%, 13% { transform: translateY(-1em) scale(1,1.001); } 17% { transform:

translateY(0) scale(1,1); } } .dwf { position:absolute; bottom:4px; right:10px;

.stars, .twinkling, .clouds {

-moz-animation:move-clouds-back 200s linear infinite;

animate: function (element) {

remove: function (element) {

S-ar putea să vă placă și