API tools faq
paste
Advertisement
MR_OZO

:"

MR_OZO
Mar 20th, 2019
285
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Hacked by Explosion Squad Cyber</title>
  7. <title>Hacked By Explosion Squad Cyber</title>
  8. <link rel="SHORTCUT ICON" href="https://i68.tinypic.com/65si9x.jpg" type="image/x-icon"/>
  9. <link href='https://fonts.googleapis.com/css?family=Nosifer' rel='stylesheet' type='text/css'>
  10. <link href='https://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
  11. <link href="https://fonts.googleapis.com/css?family=Sarpanch:700" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=play" rel="stylesheet">
  13. <link rel="stylesheet" type="text/css" href="https://csshake.surge.sh/csshake.min.css">
  14. <link rel="SHORTCUT ICON" href="http://4.bp.blogspot.com/-T8ZeW7V5J4Q/US3Y1UKurKI/AAAAAAAAMvc/XyZmMVj9_uI/s1600/LOGO+GARUDA+PANCASILA.png">
  15.  
  16.  
  17. <link rel="stylesheet" href="css/style.css">
  18.  
  19.  
  20. </head>
  21.  
  22. <body>
  23.  
  24. <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.5;"><a href="https://www.facebook.com/Explosion-Squad-Cyber-2159776534304386" style="text-decoration:none;color:white;">Explosion Squad Cyber</a></div>
  25. <div class="stars">
  26. <center>
  27. <h1>Defaced By ./KamarM4yaT404</h1>
  28. </center>
  29. </div>
  30. <div class="twinkling">
  31. <center><br><br><br>
  32. <img src="https://scontent.fkno3-1.fna.fbcdn.net/v/t1.0-9/44837871_2190337407914965_6610682450752307200_n.jpg?_nc_cat=111&_nc_ht=scontent.fkno3-1.fna&oh=3935f6c0ae9d62a2c639cd9c33996303&oe=5D02D7BB" width="250"/><br>
  33. <div class="container">
  34. <div class="text"></div>
  35. </div><br><br><br>
  36. <font face="Sarpanch" color="white" size"10" class="message">
  37. |&nbsp; It's better to have a Good Security NO more, than <font color="red">fooling </font>everyone including your selves & have one&nbsp; |
  38. </font><br>
  39. <font face="Sarpanch" color="white" size"10" class="message">#NONSENSE &bull; It only makes us <font color="red">SLOWER.</font><br><br>
  40. <font face="Play">
  41. <p class="we-are"><b>WE <font color="cyan">ARE<font color="white">:</b></p>
  42. </font>
  43. <font face="Play" class="cn">
  44. -= ./KamarM4yaT404 <font color="cyan">|</font> ./Z3R0H3R0 <font color="cyan">|</font> Mr.Stuart <font color="cyan">|</font> Mr Clown <font color="cyan">|</font> Mr.Xcyber <font color="cyan">|</font> Mr.SW4GH4T <font color="cyan">|</font> ./Z'XB34N<font color="cyan">|</font> XssNuser404 <font color="cyan">|</font> Spade <font color="cyan">|</font> X404_LOSER <font color="cyan">|</font> Mr.Plug1n =-<br> -= <font color="cyan">|</font> Mr./K4NC1L5 <font color="cyan">|</font> Hadi053 <font color="cyan">|</font> Mr.C0D3T Mr.MythStyx<font color="cyan">|</font> Mr. T4UHB0T <font color="cyan">|</font> EBI404 <font color="cyan">|</font> MR ONION <font color="cyan">|</font> MR GRIM <font color="cyan">|</font> MR.KAHH <font color="cyan">|</font>
  45. </font>
  46. </center>
  47. </div>
  48. <div class="clouds">
  49. </div>
  50. <iframe width="0" height="0" src="https://f.top4top.net/m_1144pfc8u0.mp3" frameborder="0" allow fullscreen></iframe>
  51. <style>
  52. * {
  53. margin: 0;
  54. padding: 0;
  55. }
  56.  
  57. body{
  58. background-color: #000;
  59. }
  60.  
  61. header {
  62. background-color:rgba(33, 33, 33, 0.9);
  63. color:#ffffff;
  64. display:block;
  65. font: 14px/1.3 Arial,sans-serif;
  66. height:50px;
  67. position:relative;
  68. z-index:5;
  69. }
  70. h1{
  71. margin-top: 30px;
  72. text-align: center;
  73. color: white;
  74. font-family: Nosifer;
  75. text-shadow: 0 0 0.5em red, 0 0 0.5em red;
  76. }
  77.  
  78. .we-are {
  79. color: red;
  80. font-size: 20px;
  81. text-shadow: #000 2px 2px 2px;
  82. letter-spacing: 2px;
  83. }
  84.  
  85. .message {
  86. color: white;
  87. -webkit-animation: fadeIn 1s ease-in;
  88. animation: fadeIn 1s ease-in;
  89. }
  90.  
  91. .cn {
  92. color: white;
  93. font-size: 14px;
  94. text-shadow: #000 2px 2px 2px;
  95. letter-spacing: 2px;
  96. -webkit-animation: fadeIn 3s ease-in;
  97. animation: fadeIn 1s ease-in;
  98. }
  99.  
  100. -webkit-@keyframes we-are {
  101. from {scale: 1.1;}
  102. to {scale: 0;}
  103. }
  104.  
  105. @keyframes we-are {
  106. from {scale: 1.1;}
  107. to {scale: 0;}
  108. }
  109.  
  110. -webkit-@keyframes fadeIn {
  111. 0% {opacity: 0;}
  112. 100% {opacity: 1;}
  113. }
  114.  
  115. @keyframes fadeIn {
  116. 0% {opacity: 0;}
  117. 100% {opacity: 1;}
  118. }
  119.  
  120. @keyframes move-twink-back {
  121. from {background-position:0 0;}
  122. to {background-position:-10000px 5000px;}
  123. }
  124. @-webkit-keyframes move-twink-back {
  125. from {background-position:0 0;}
  126. to {background-position:-10000px 5000px;}
  127. }
  128. @-moz-keyframes move-twink-back {
  129. from {background-position:0 0;}
  130. to {background-position:-10000px 5000px;}
  131. }
  132. @-ms-keyframes move-twink-back {
  133. from {background-position:0 0;}
  134. to {background-position:-10000px 5000px;}
  135. }
  136.  
  137. @keyframes move-clouds-back {
  138. from {background-position:0 0;}
  139. to {background-position:10000px 0;}
  140. }
  141. @-webkit-keyframes move-clouds-back {
  142. from {background-position:0 0;}
  143. to {background-position:10000px 0;}
  144. }
  145. @-moz-keyframes move-clouds-back {
  146. from {background-position:0 0;}
  147. to {background-position:10000px 0;}
  148. }
  149. @-ms-keyframes move-clouds-back {
  150. from {background-position: 0;}
  151. to {background-position:10000px 0;}
  152. }
  153.  
  154. .stars, .twinkling, .clouds {
  155. position:absolute;
  156. top:0;
  157. left:0;
  158. right:0;
  159. bottom:0;
  160. width:100%;
  161. height:100%;
  162. display:block;
  163. }
  164.  
  165. .stars {
  166. background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
  167. z-index:0;
  168. }
  169.  
  170. .twinkling{
  171. background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  172. z-index:1;
  173.  
  174. -moz-animation:move-twink-back 200s linear infinite;
  175. -ms-animation:move-twink-back 200s linear infinite;
  176. -o-animation:move-twink-back 200s linear infinite;
  177. -webkit-animation:move-twink-back 200s linear infinite;
  178. animation:move-twink-back 200s linear infinite;
  179. }
  180.  
  181. .clouds{
  182. background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
  183. background-repeat: no-repeat;
  184. z-index:3;
  185.  
  186. -moz-animation:move-clouds-back 200s linear infinite;
  187. -ms-animation:move-clouds-back 200s linear infinite;
  188. -o-animation:move-clouds-back 200s linear infinite;
  189. -webkit-animation:move-clouds-back 200s linear infinite;
  190. animation:move-clouds-back 200s linear infinite;
  191. }
  192.  
  193. .container {
  194. height: 100%;
  195. width: 100%;
  196. justify-content: center;
  197. align-items: center;
  198. display: flex;
  199. }
  200. .text {
  201. font-weight: 100;
  202. font-size: 28px;
  203. color: #FAFAFA;
  204. font-family: Iceland;
  205. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  206.  
  207. }
  208. .dud {
  209. color: #757575;
  210. }
  211.  
  212. .animation-container {
  213. position: fixed;
  214. top: 0;
  215. left: 0;
  216. right: 0;
  217. bottom: 0;
  218. z-index: 1;
  219. }
  220.  
  221. .animation-container span {
  222. color: whitesmoke;
  223. display: block;
  224. font-size: 18px;
  225. font-family: 'Helvetica';
  226. text-shadow: 0 0 1px white;
  227. position: absolute;
  228. user-select: none;
  229. pointer-events: none;
  230. cursor: default;
  231. z-index: 1;
  232. opacity: 0;
  233. will-change: transform, opacity;
  234. animation-timing-function: ease-out;
  235. animation-name: move;
  236. }
  237.  
  238. @keyframes move {
  239. 0% {
  240. opacity: 0;
  241. transform: translateY(100vh);
  242. }
  243. 25% {
  244. opacity: 1;
  245. }
  246. 50% {
  247. opacity: 1;
  248. }
  249. 75% {
  250. opacity: 0;
  251. }
  252. 100% {
  253. opacity: 0;
  254. transform: none;
  255. }
  256. }
  257. .buzz_wrapper{
  258. position:relative;
  259. width:100%;
  260. margin:180px auto;
  261. background-attachment: fixed;
  262. background-image: url(http://i.imgur.com/9QpJPlG.jpg);
  263. background-position: 0 0;
  264. background-repeat: no-repeat ;
  265. background-size:cover;
  266. overflow : hidden;
  267. overflow:hidden;
  268. padding:100px;
  269. }
  270. .scanline{
  271. width:100%;
  272. display:block;
  273. background:#000;
  274. height:4px;
  275. position:relative;
  276. z-index:3;
  277. margin-bottom:5px;
  278. opacity:0.1;
  279. }
  280. .buzz_wrapper span{
  281. position:absolute;
  282. -webkit-filter: blur(1px);
  283. font-size:30px;
  284. font-family:'Courier new', fixed;
  285. font-weight:bold;
  286. }
  287. .buzz_wrapper span:nth-child(1){
  288. color:red;
  289. margin-left:-2px;
  290. -webkit-filter: blur(2px);
  291. }
  292. .buzz_wrapper span:nth-child(2){
  293. color:green;
  294. margin-left:2px;
  295. -webkit-filter: blur(2px);
  296. }
  297. .buzz_wrapper span:nth-child(3){
  298. color:blue;
  299. position:20px 0;
  300. -webkit-filter: blur(1px);
  301. }
  302. .buzz_wrapper span:nth-child(4){
  303. color:#fff;
  304. -webkit-filter: blur(1px);
  305. text-shadow:0 0 50px rgba(255,255,255,0.4);
  306. }
  307. .buzz_wrapper span:nth-child(5){
  308. color:rgba(255,255,255,0.4);
  309. -webkit-filter: blur(15px);
  310. }
  311.  
  312. .buzz_wrapper span{
  313. -webkit-animation: blur 30ms infinite, jerk 50ms infinite;
  314. }
  315.  
  316. @-webkit-keyframes blur {
  317. 0% { -webkit-filter: blur(1px); opacity:0.8;}
  318. 50% { -webkit-filter: blur(1px); opacity:1; }
  319. 100%{ -webkit-filter: blur(1px); opacity:0.8; }
  320. }
  321. @-webkit-keyframes jerk {
  322. 50% { left:1px; }
  323. 51% { left:0; }
  324. }
  325. @-webkit-keyframes jerkup {
  326. 50% { top:1px; }
  327. 51% { top:0; }
  328. }
  329.  
  330. .buzz_wrapper span:nth-child(3){
  331. -webkit-animation: jerkblue 1s infinite;
  332. }
  333. @-webkit-keyframes jerkblue {
  334. 0% { left:0; }
  335. 30% { left:0; }
  336. 31% { left:10px; }
  337. 32% { left:0; }
  338. 98% { left:0; }
  339. 100% { left:10px; }
  340. }
  341. .buzz_wrapper span:nth-child(2){
  342. -webkit-animation: jerkgreen 1s infinite;
  343. }
  344. @-webkit-keyframes jerkgreen {
  345. 0% { left:0; }
  346. 30% { left:0; }
  347. 31% { left:-10px; }
  348. 32% { left:0; }
  349. 98% { left:0; }
  350. 100% { left:-10px; }
  351. }
  352.  
  353. .buzz_wrapper .text{
  354. -webkit-animation: jerkwhole 5s infinite;
  355. position:relative;
  356. }
  357. @-webkit-keyframes jerkwhole {
  358. 30% { }
  359. 40% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  360. 41% { opacity:0.8; top:0px; left:-100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(50deg,0);}
  361. 42% { opacity:0.8; top:0px; left:100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(-80deg,0);}
  362. 43% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  363. 65% { }
  364. }
  365. </style>
  366.  
  367.  
  368. <script type="text/javascript">
  369. class TextScramble {
  370. constructor(el) {
  371. this.el = el
  372. this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
  373. this.update = this.update.bind(this)
  374. }
  375. setText(newText) {
  376. const oldText = this.el.innerText
  377. const length = Math.max(oldText.length, newText.length)
  378. const promise = new Promise((resolve) => this.resolve = resolve)
  379. this.queue = []
  380. for (let i = 0; i < length; i++) {
  381. const from = oldText[i] || ''
  382. const to = newText[i] || ''
  383. const start = Math.floor(Math.random() * 40)
  384. const end = start + Math.floor(Math.random() * 40)
  385. this.queue.push({ from, to, start, end })
  386. }
  387. cancelAnimationFrame(this.frameRequest)
  388. this.frame = 0
  389. this.update()
  390. return promise
  391. }
  392. update() {
  393. let output = ''
  394. let complete = 0
  395. for (let i = 0, n = this.queue.length; i < n; i++) {
  396. let { from, to, start, end, char } = this.queue[i]
  397. if (this.frame >= end) {
  398. complete++
  399. output += to
  400. } else if (this.frame >= start) {
  401. if (!char || Math.random() < 0.28) {
  402. char = this.randomChar()
  403. this.queue[i].char = char
  404. }
  405. output += `<span class="dud">${char}</span>`
  406. } else {
  407. output += from
  408. }
  409. }
  410. this.el.innerHTML = output
  411. if (complete === this.queue.length) {
  412. this.resolve()
  413. } else {
  414. this.frameRequest = requestAnimationFrame(this.update)
  415. this.frame++
  416. }
  417. }
  418. randomChar() {
  419. return this.chars[Math.floor(Math.random() * this.chars.length)]
  420. }
  421. }
  422.  
  423. const phrases = [
  424. 'Yes, I am a criminal.',
  425. 'My crime is that of curiosity.',
  426. 'My crime is that of judging people by what they say and think, not what they look like.',
  427. 'My crime is that of outsmarting you, something that you will never forgive me for.',
  428. 'I am a hacker, and this is my manifesto.',
  429. 'You may stop this individual, but you cant stop us all...',
  430. 'after all, were all alike.'
  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: ['Explosion Squad Cyber','Hahaha','Indonesia','Zuahahah','You lose ','Indonesia','Fuck Fuck','HACKED!','Security','LOL','System'],
  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. </script>
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!