API tools faq
paste
Ng4P4L

MHL

Ng4P4L
Aug 5th, 2021 (edited)
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 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 MLH</title>
  7.  
  8. <link rel="SHORTCUT ICON" href="https://1.bp.blogspot.com/-3PwfkeVoPjY/YJNCWTLbtHI/AAAAAAAAAI4/FQHBLQfXjKQT-whxjycpMQvBFcW3uHLMACLcBGAsYHQ/s320/received_171726204846775.jpeg" 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.  
  15.  
  16. <link rel="stylesheet" href="css/style.css">
  17.  
  18.  
  19. </head>
  20.  
  21. <body>
  22. <div class="stars">
  23. <center>
  24. <h3></h3></h3>
  25. </center>
  26. </div>
  27. <div class="twinkling">
  28. <center><br><br><br>
  29. <img alt="" border="0" width="320" data-original-height="717" data-original-width="878" src="https://1.bp.blogspot.com/-3PwfkeVoPjY/YJNCWTLbtHI/AAAAAAAAAI4/FQHBLQfXjKQT-whxjycpMQvBFcW3uHLMACLcBGAsYHQ/s320/received_171726204846775.jpeg"/><br>
  30. <div class="container">
  31. <div class="text"></div>
  32. </div><br><br><br>
  33. <font face="Sarpanch" color="Green" size"10" class="message">
  34. Hacked By Myanmar Legendary Hackers <font color="red">| We are Anonymous | We are Legion | We do not forgive | We do not forget | </font>; |
  35. </font><br>
  36. <font face="Sarpanch" color="red" size"10" class="message">#| Expect Us! | <font color="red">We Are Myanmar WE ARE POWER</font><br><br>
  37. <font face="Play">
  38. <p class="we-are"><b>Message<font color="red">:</b></p>
  39. </font>
  40. <font face="Play" class="cn">
  41. <font color="cyan">|</font>Do not discriminate against the Burmese people. If it gets worse, we will punish you effectively!!!</font>
  42. <font color="green">อย่าเลือกปฏิบัติกับคนพม่า ถ้ามันแย่ เราจะลงโทษคุณอย่างมีประสิทธิภาพ<font color="cyan">|</font>
  43. </center>
  44. </div>
  45. <div class="clouds">
  46. </div>
  47. <audio src="https://j.top4top.io/m_2043rx2o61.mp3" autoplay="true" loop="true"></audio>
  48.  
  49. <style>
  50. * {
  51. margin: 0;
  52. padding: 0;
  53. }
  54.  
  55. body{
  56. background-color: #000;
  57. }
  58.  
  59. header {
  60. background-color:rgba(33, 33, 33, 0.9);
  61. color:#ffffff;
  62. display:block;
  63. font: 14px/1.3 Arial,sans-serif;
  64. height:50px;
  65. position:relative;
  66. z-index:5;
  67. }
  68. h1{
  69. margin-top: 30px;
  70. text-align: center;
  71. color: white;
  72. font-family: Nosifer;
  73. text-shadow: 0 0 0.5em red, 0 0 0.5em red;
  74. }
  75.  
  76. .we-are {
  77. color: red;
  78. font-size: 20px;
  79. text-shadow: #000 2px 2px 2px;
  80. letter-spacing: 2px;
  81. }
  82.  
  83. .message {
  84. color: white;
  85. -webkit-animation: fadeIn 1s ease-in;
  86. animation: fadeIn 1s ease-in;
  87. }
  88.  
  89. .cn {
  90. color: white;
  91. font-size: 14px;
  92. text-shadow: #000 2px 2px 2px;
  93. letter-spacing: 2px;
  94. -webkit-animation: fadeIn 3s ease-in;
  95. animation: fadeIn 1s ease-in;
  96. }
  97.  
  98. -webkit-@keyframes we-are {
  99. from {scale: 1.1;}
  100. to {scale: 0;}
  101. }
  102.  
  103. @keyframes we-are {
  104. from {scale: 1.1;}
  105. to {scale: 0;}
  106. }
  107.  
  108. -webkit-@keyframes fadeIn {
  109. 0% {opacity: 0;}
  110. 100% {opacity: 1;}
  111. }
  112.  
  113. @keyframes fadeIn {
  114. 0% {opacity: 0;}
  115. 100% {opacity: 1;}
  116. }
  117.  
  118. @keyframes move-twink-back {
  119. from {background-position:0 0;}
  120. to {background-position:-10000px 5000px;}
  121. }
  122. @-webkit-keyframes move-twink-back {
  123. from {background-position:0 0;}
  124. to {background-position:-10000px 5000px;}
  125. }
  126. @-moz-keyframes move-twink-back {
  127. from {background-position:0 0;}
  128. to {background-position:-10000px 5000px;}
  129. }
  130. @-ms-keyframes move-twink-back {
  131. from {background-position:0 0;}
  132. to {background-position:-10000px 5000px;}
  133. }
  134.  
  135. @keyframes move-clouds-back {
  136. from {background-position:0 0;}
  137. to {background-position:10000px 0;}
  138. }
  139. @-webkit-keyframes move-clouds-back {
  140. from {background-position:0 0;}
  141. to {background-position:10000px 0;}
  142. }
  143. @-moz-keyframes move-clouds-back {
  144. from {background-position:0 0;}
  145. to {background-position:10000px 0;}
  146. }
  147. @-ms-keyframes move-clouds-back {
  148. from {background-position: 0;}
  149. to {background-position:10000px 0;}
  150. }
  151.  
  152. .stars, .twinkling, .clouds {
  153. position:absolute;
  154. top:0;
  155. left:0;
  156. right:0;
  157. bottom:0;
  158. width:100%;
  159. height:100%;
  160. display:block;
  161. }
  162.  
  163. .stars {
  164. background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
  165. z-index:0;
  166. }
  167.  
  168. .twinkling{
  169. background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  170. z-index:1;
  171.  
  172. -moz-animation:move-twink-back 200s linear infinite;
  173. -ms-animation:move-twink-back 200s linear infinite;
  174. -o-animation:move-twink-back 200s linear infinite;
  175. -webkit-animation:move-twink-back 200s linear infinite;
  176. animation:move-twink-back 200s linear infinite;
  177. }
  178.  
  179. .clouds{
  180. background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
  181. background-repeat: no-repeat;
  182. z-index:3;
  183.  
  184. -moz-animation:move-clouds-back 200s linear infinite;
  185. -ms-animation:move-clouds-back 200s linear infinite;
  186. -o-animation:move-clouds-back 200s linear infinite;
  187. -webkit-animation:move-clouds-back 200s linear infinite;
  188. animation:move-clouds-back 200s linear infinite;
  189. }
  190.  
  191. .container {
  192. height: 100%;
  193. width: 100%;
  194. justify-content: center;
  195. align-items: center;
  196. display: flex;
  197. }
  198. .text {
  199. font-weight: 100;
  200. font-size: 28px;
  201. color: #FAFAFA;
  202. font-family: Iceland;
  203. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  204.  
  205. }
  206. .dud {
  207. color: #757575;
  208. }
  209.  
  210. .animation-container {
  211. position: fixed;
  212. top: 0;
  213. left: 0;
  214. right: 0;
  215. bottom: 0;
  216. z-index: 1;
  217. }
  218.  
  219. .animation-container span {
  220. color: whitesmoke;
  221. display: block;
  222. font-size: 18px;
  223. font-family: 'Helvetica';
  224. text-shadow: 0 0 1px white;
  225. position: absolute;
  226. user-select: none;
  227. pointer-events: none;
  228. cursor: default;
  229. z-index: 1;
  230. opacity: 0;
  231. will-change: transform, opacity;
  232. animation-timing-function: ease-out;
  233. animation-name: move;
  234. }
  235.  
  236. @keyframes move {
  237. 0% {
  238. opacity: 0;
  239. transform: translateY(100vh);
  240. }
  241. 25% {
  242. opacity: 1;
  243. }
  244. 50% {
  245. opacity: 1;
  246. }
  247. 75% {
  248. opacity: 0;
  249. }
  250. 100% {
  251. opacity: 0;
  252. transform: none;
  253. }
  254. }
  255. .buzz_wrapper{
  256. position:relative;
  257. width:100%;
  258. margin:180px auto;
  259. background-attachment: fixed;
  260. background-image: url(http://i.imgur.com/9QpJPlG.jpg);
  261. background-position: 0 0;
  262. background-repeat: no-repeat ;
  263. background-size:cover;
  264. overflow : hidden;
  265. overflow:hidden;
  266. padding:100px;
  267. }
  268. .scanline{
  269. width:100%;
  270. display:block;
  271. background:#000;
  272. height:4px;
  273. position:relative;
  274. z-index:3;
  275. margin-bottom:5px;
  276. opacity:0.1;
  277. }
  278. .buzz_wrapper span{
  279. position:absolute;
  280. -webkit-filter: blur(1px);
  281. font-size:30px;
  282. font-family:'Courier new', fixed;
  283. font-weight:bold;
  284. }
  285. .buzz_wrapper span:nth-child(1){
  286. color:red;
  287. margin-left:-2px;
  288. -webkit-filter: blur(2px);
  289. }
  290. .buzz_wrapper span:nth-child(2){
  291. color:green;
  292. margin-left:2px;
  293. -webkit-filter: blur(2px);
  294. }
  295. .buzz_wrapper span:nth-child(3){
  296. color:blue;
  297. position:20px 0;
  298. -webkit-filter: blur(1px);
  299. }
  300. .buzz_wrapper span:nth-child(4){
  301. color:#fff;
  302. -webkit-filter: blur(1px);
  303. text-shadow:0 0 50px rgba(255,255,255,0.4);
  304. }
  305. .buzz_wrapper span:nth-child(5){
  306. color:rgba(255,255,255,0.4);
  307. -webkit-filter: blur(15px);
  308. }
  309.  
  310. .buzz_wrapper span{
  311. -webkit-animation: blur 30ms infinite, jerk 50ms infinite;
  312. }
  313.  
  314. @-webkit-keyframes blur {
  315. 0% { -webkit-filter: blur(1px); opacity:0.8;}
  316. 50% { -webkit-filter: blur(1px); opacity:1; }
  317. 100%{ -webkit-filter: blur(1px); opacity:0.8; }
  318. }
  319. @-webkit-keyframes jerk {
  320. 50% { left:1px; }
  321. 51% { left:0; }
  322. }
  323. @-webkit-keyframes jerkup {
  324. 50% { top:1px; }
  325. 51% { top:0; }
  326. }
  327.  
  328. .buzz_wrapper span:nth-child(3){
  329. -webkit-animation: jerkblue 1s infinite;
  330. }
  331. @-webkit-keyframes jerkblue {
  332. 0% { left:0; }
  333. 30% { left:0; }
  334. 31% { left:10px; }
  335. 32% { left:0; }
  336. 98% { left:0; }
  337. 100% { left:10px; }
  338. }
  339. .buzz_wrapper span:nth-child(2){
  340. -webkit-animation: jerkgreen 1s infinite;
  341. }
  342. @-webkit-keyframes jerkgreen {
  343. 0% { left:0; }
  344. 30% { left:0; }
  345. 31% { left:-10px; }
  346. 32% { left:0; }
  347. 98% { left:0; }
  348. 100% { left:-10px; }
  349. }
  350.  
  351. .buzz_wrapper .text{
  352. -webkit-animation: jerkwhole 5s infinite;
  353. position:relative;
  354. }
  355. @-webkit-keyframes jerkwhole {
  356. 30% { }
  357. 40% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  358. 41% { opacity:0.8; top:0px; left:-100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(50deg,0);}
  359. 42% { opacity:0.8; top:0px; left:100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(-80deg,0);}
  360. 43% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  361. 65% { }
  362. }
  363. </style>
  364.  
  365.  
  366. <script type="text/javascript">
  367. class TextScramble {
  368. constructor(el) {
  369. this.el = el
  370. this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
  371. this.update = this.update.bind(this)
  372. }
  373. setText(newText) {
  374. const oldText = this.el.innerText
  375. const length = Math.max(oldText.length, newText.length)
  376. const promise = new Promise((resolve) => this.resolve = resolve)
  377. this.queue = []
  378. for (let i = 0; i < length; i++) {
  379. const from = oldText[i] || ''
  380. const to = newText[i] || ''
  381. const start = Math.floor(Math.random() * 40)
  382. const end = start + Math.floor(Math.random() * 40)
  383. this.queue.push({ from, to, start, end })
  384. }
  385. cancelAnimationFrame(this.frameRequest)
  386. this.frame = 0
  387. this.update()
  388. return promise
  389. }
  390. update() {
  391. let output = ''
  392. let complete = 0
  393. for (let i = 0, n = this.queue.length; i < n; i++) {
  394. let { from, to, start, end, char } = this.queue[i]
  395. if (this.frame >= end) {
  396. complete++
  397. output += to
  398. } else if (this.frame >= start) {
  399. if (!char || Math.random() < 0.28) {
  400. char = this.randomChar()
  401. this.queue[i].char = char
  402. }
  403. output += `<span class="dud">${char}</span>`
  404. } else {
  405. output += from
  406. }
  407. }
  408. this.el.innerHTML = output
  409. if (complete === this.queue.length) {
  410. this.resolve()
  411. } else {
  412. this.frameRequest = requestAnimationFrame(this.update)
  413. this.frame++
  414. }
  415. }
  416. randomChar() {
  417. return this.chars[Math.floor(Math.random() * this.chars.length)]
  418. }
  419. }
  420.  
  421. const phrases = [
  422. 'We Want Justic.',
  423. 'Hacked By Myanmar Legendary Hackers'
  424. ]
  425.  
  426. const el = document.querySelector('.text')
  427. const fx = new TextScramble(el)
  428.  
  429. let counter = 0
  430. const next = () => {
  431. fx.setText(phrases[counter]).then(() => {
  432. setTimeout(next, 1500)
  433. })
  434. counter = (counter + 1) % phrases.length
  435. }
  436.  
  437. next()
  438.  
  439. 'use strict';
  440.  
  441. var app = {
  442.  
  443. chars: [''],
  444.  
  445. init: function () {
  446. app.container = document.createElement('div');
  447. app.container.className = 'animation-container';
  448. document.body.appendChild(app.container);
  449. window.setInterval(app.add, 100);
  450. },
  451.  
  452. add: function () {
  453. var element = document.createElement('span');
  454. app.container.appendChild(element);
  455. app.animate(element);
  456. },
  457.  
  458. animate: function (element) {
  459. var character = app.chars[Math.floor(Math.random() * app.chars.length)];
  460. var duration = Math.floor(Math.random() * 15) + 1;
  461. var offset = Math.floor(Math.random() * (50 - duration * 2)) + 3;
  462. var size = 10 + (15 - duration);
  463. element.style.cssText = 'right:'+offset+'vw; font-size:'+size+'px;animation-duration:'+duration+'s';
  464. element.innerHTML = character;
  465. window.setTimeout(app.remove, duration * 1000, element);
  466. },
  467.  
  468. remove: function (element) {
  469. element.parentNode.removeChild(element);
  470. },
  471.  
  472. };
  473. document.addEventListener('DOMContentLoaded', app.init);
  474. </script>
Add Comment
Please, Sign In to add comment
Public Pastes
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!