Advertisement
Guest User

hbddf

a guest
May 27th, 2019
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.50 KB | None | 0 0
  1. <html><head>
  2. <title>Hacked By J0k3r-J3rry</title>
  3. <link rel="Shortcut Icon" href="https://i.imgur.com/yvXqa0K.png">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <meta name="Keywords" content="#Op ">
  6. <meta name='description' content='J3rry GH05t' />
  7. <meta name='keywords' content='J3rry GH05t' />
  8. <meta name='author' content='
  9. _________________________________________
  10. | |
  11. | Defaced By Jok3r J3rry |
  12. | Gray Hat Teenagers ~ Myanmar |
  13. |_____________________________________________|' />
  14. <meta name='geo.country' content='mm' />
  15. <meta name='geo.placename' content='Myanmar' />
  16. <meta name='robots' content='all'/>
  17. <meta name='robots' content='index, follow' />
  18. <meta name='robots schedule' content='auto'/>
  19. <meta name='googlebot' content='index,follow'/>
  20. <meta name='distribution' content='global'/> <script>
  21. function aa(){
  22. document.getElementById("audio").play();
  23. }
  24. <!--
  25. var left="=={";
  26. var right="}==";
  27. var msg=" Hacked By Team GHT | J0k3r J3rry |";
  28. var speed=200;
  29. function scroll_title() {
  30. document.title=left+msg+right;
  31. msg=msg.substring(1,msg.length)+msg.charAt(0);
  32. setTimeout("scroll_title()",speed);
  33. }
  34. scroll_title();
  35. </script>
  36.  
  37. <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
  38. <script src="https://chancejs.com/chance.min.js"></script>
  39. <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  40. <script src="https://pastebin.com/raw/X8LUCdPy"></script>
  41. <style>
  42. html {
  43.  
  44. }
  45. body{
  46. -webkit-background-size: cover;
  47. -moz-background-size: cover;
  48. -o-background-size: cover;
  49. background-size: cover;
  50. margin: 0;
  51. min-height: 100vh;
  52. display: flex;
  53. justify-content: center;
  54. align-items: center;
  55. background-color:black;
  56. }
  57. .content {
  58. display: flex;
  59. align-items: center;
  60. flex-direction: column;
  61. }
  62.  
  63. .div2{
  64. font-weight: bold;
  65. font-size: 30px;
  66. color: #FAFAFA;
  67. font-family: Indie Flower;
  68. text-align:center;
  69. text-shadow: 2px -4px 3px black;
  70. }
  71.  
  72. .dust {
  73. position: absolute;
  74. width:50%;
  75. opacity: 0.1;
  76. filter: alpha(opacity=10);
  77. }
  78. .twinkling{
  79. background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  80. z-index:1;
  81. -moz-animation:move-twink-back 200s linear infinite;
  82. -ms-animation:move-twink-back 200s linear infinite;
  83. -o-animation:move-twink-back 200s linear infinite;
  84. -webkit-animation:move-twink-back 200s linear infinite;
  85. animation:move-twink-back 200s linear infinite;
  86. }
  87. .text {
  88. font-weight: 100;
  89. font-size: 28px;
  90. color: #FAFAFA;
  91. font-family: Iceland;
  92. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  93. }
  94. @media only screen and (min-width : 320px) and (max-width : 480px) {
  95. body{
  96. -webkit-background-size: cover;
  97. -moz-background-size: cover;
  98. -o-background-size: cover;
  99. background-size: cover;
  100. margin: 0;
  101. min-height: 100vh;
  102. display: flex;
  103. justify-content: center;
  104. align-items: center;
  105. background-color:black;
  106. }
  107. .twinkling{
  108. background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  109. z-index:1;
  110. -moz-animation:move-twink-back 200s linear infinite;
  111. -ms-animation:move-twink-back 200s linear infinite;
  112. -o-animation:move-twink-back 200s linear infinite;
  113. -webkit-animation:move-twink-back 200s linear infinite;
  114. animation:move-twink-back 200s linear infinite;
  115. }
  116. .text {
  117. font-weight: 100;
  118. font-size: 28px;
  119. color: #FAFAFA;
  120. font-family: Iceland;
  121. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  122. }
  123. .div2{
  124. font-weight: bold;
  125. font-size: 17px;
  126. color: #FAFAFA;
  127. font-family: Indie Flower;
  128. text-align:center;
  129. text-shadow: 2px -2px 2px black;
  130. }
  131. .content {
  132. display: flex;
  133. align-items: center;
  134. flex-direction: column;
  135. }
  136. .dust {
  137. position: absolute;
  138. width:100%;
  139. opacity: 0.4;
  140. filter: alpha(opacity=40);
  141. }
  142. }
  143. y{
  144. color:yellow;
  145. }
  146. g{
  147. color:green;
  148. }
  149. r{
  150. color:red;
  151. }
  152. w{
  153. color:white;
  154. }
  155. </style>
  156.  
  157. </head><body id="body">
  158.  
  159. <center>
  160. <img src="https://i.ibb.co/MsMWdc5/kisspng-anonymous-logo-security-hacker-anonymous-mask-5abcd6922d5741-6342131415223251381857.png" width="250" style="border-radius:50%;background-color:white">
  161. <br>
  162. <div id="test"></div>
  163. <div class="content">
  164. <div class="twinkling">
  165. <div class="text"><script>
  166. class TextScramble {
  167. constructor(el) {
  168. this.el = el
  169. this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
  170. this.update = this.update.bind(this)
  171. }
  172. setText(newText) {
  173. const oldText = this.el.innerText
  174. const length = Math.max(oldText.length, newText.length)
  175. const promise = new Promise((resolve) => this.resolve = resolve)
  176. this.queue = []
  177. for (let i = 0; i < length; i++) {
  178. const from = oldText[i] || ''
  179. const to = newText[i] || ''
  180. const start = Math.floor(Math.random() * 40)
  181. const end = start + Math.floor(Math.random() * 40)
  182. this.queue.push({ from, to, start, end })
  183. }
  184. cancelAnimationFrame(this.frameRequest)
  185. this.frame = 0
  186. this.update()
  187. return promise
  188. }
  189. update() {
  190. let output = ''
  191. let complete = 0
  192. for (let i = 0, n = this.queue.length; i < n; i++) {
  193. let { from, to, start, end, char } = this.queue[i]
  194. if (this.frame >= end) {
  195. complete++
  196. output += to
  197. } else if (this.frame >= start) {
  198. if (!char || Math.random() < 0.28) {
  199. char = this.randomChar()
  200. this.queue[i].char = char
  201. }
  202. output += `<span class="dud">${char}</span>`
  203. } else {
  204. output += from
  205. }
  206. }
  207. this.el.innerHTML = output
  208. if (complete === this.queue.length) {
  209. this.resolve()
  210. } else {
  211. this.frameRequest = requestAnimationFrame(this.update)
  212. this.frame++
  213. }
  214. }
  215. randomChar() {
  216. return this.chars[Math.floor(Math.random() * this.chars.length)]
  217. }
  218. }
  219.  
  220. const phrases = [
  221. ' \"Don\'t get all weird about getting older!\"',
  222. ' Our age is merely the number of years the world has been enjoying us!',
  223. 'H@ppy Birthd@y Mr End_User',
  224. 'By your Brother J0k3r J3rry.'
  225. ]
  226.  
  227. const el = document.querySelector('.text')
  228. const fx = new TextScramble(el)
  229.  
  230. let counter = 0
  231. const next = () => {
  232. fx.setText(phrases[counter]).then(() => {
  233. setTimeout(next, 1500)
  234. })
  235. counter = (counter + 1) % phrases.length
  236. }
  237. next()
  238. </script>
  239. </div>
  240. </div>
  241. </div>
  242.  
  243. <audio id="audio" autoplay="" loop="">
  244. <source src="https://www.bkkgems.com/js/js/song.mp3" type="audio/mp3">
  245. </audio>
  246. <script>
  247. var imageDataArray = [];
  248. var canvasCount = 35;
  249. function aa(){
  250. document.getElementById("audio").play();
  251. }
  252. $('#body').click(function(){
  253. aa();
  254. html2canvas($(".content")[0]).then(canvas => {
  255. //capture all div data as image
  256. ctx = canvas.getContext("2d");
  257. var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
  258. var pixelArr = imageData.data;
  259. createBlankImageData(imageData);
  260. //put pixel info to imageDataArray (Weighted Distributed)
  261. for (let i = 0; i < pixelArr.length; i+=4) {
  262. //find the highest probability canvas the pixel should be in
  263. let p = Math.floor((i/pixelArr.length) *canvasCount);
  264. let a = imageDataArray[weightedRandomDistrib(p)];
  265. a[i] = pixelArr[i];
  266. a[i+1] = pixelArr[i+1];
  267. a[i+2] = pixelArr[i+2];
  268. a[i+3] = pixelArr[i+3];
  269. }
  270.  
  271. //create canvas for each imageData and append to target element
  272. for (let i = 0; i < canvasCount; i++) {
  273. let c = newCanvasFromImageData(imageDataArray[i], canvas.width, canvas.height);
  274. c.classList.add("dust");
  275. $("body").append(c);
  276. }
  277.  
  278. //clear all children except the canvas
  279. $(".content").children().not(".dust").fadeOut(3500);
  280.  
  281. //apply animation
  282. $(".dust").each( function(index){
  283. animateBlur($(this),0.8,800);
  284. setTimeout(() => {
  285. animateTransform($(this),100,-100,chance.integer({ min: -15, max: 15 }),800+(110*index));
  286. }, 70*index);
  287.  
  288. //remove the canvas from DOM tree when faded
  289. $(this).delay(70*index).fadeOut((110*index)+800,"easeInQuint",()=> {$( this ).remove();});
  290. setTimeout(function(){
  291. document.body.style.backgroundImage = "none";
  292. document.getElementById("test").innerHTML = `<center><div class="div2"><font style="color:#00ff00;font-weight:bold;">Happy Birthday Mr End_User</font></div>`;}, 8000);
  293. });
  294. });
  295.  
  296. });
  297.  
  298. function weightedRandomDistrib(peak) {
  299. var prob = [], seq = [];
  300. for(let i=0;i<canvasCount;i++) {
  301. prob.push(Math.pow(canvasCount-Math.abs(peak-i),3));
  302. seq.push(i);
  303. }
  304. return chance.weighted(seq, prob);
  305. }
  306. function animateBlur(elem,radius,duration) {
  307. var r =0;
  308. $({rad:0}).animate({rad:radius}, {
  309. duration: duration,
  310. easing: "easeOutQuad",
  311. step: function(now) {
  312. elem.css({
  313. filter: 'blur(' + now + 'px)'
  314. });
  315. }
  316. });
  317.  
  318. }
  319. function animateTransform(elem,sx,sy,angle,duration) {
  320. var td = tx = ty =0;
  321. $({x: 0, y:0, deg:0}).animate({x: sx, y:sy, deg:angle}, {
  322. duration: duration,
  323. easing: "easeInQuad",
  324. step: function(now, fx) {
  325. if (fx.prop == "x")
  326. tx = now;
  327. else if (fx.prop == "y")
  328. ty = now;
  329. else if (fx.prop == "deg")
  330. td = now;
  331. elem.css({
  332. transform: 'rotate(' + td + 'deg)' + 'translate(' + tx + 'px,'+ ty +'px)'
  333. });
  334. }
  335. });
  336. }
  337. function createBlankImageData(imageData) {
  338. for(let i=0;i<canvasCount;i++)
  339. {
  340. let arr = new Uint8ClampedArray(imageData.data);
  341. for (let j = 0; j < arr.length; j++) {
  342. arr[j] = 0;
  343. }
  344. imageDataArray.push(arr);
  345. }
  346.  
  347. }
  348. function newCanvasFromImageData(imageDataArray ,w , h) {
  349. var canvas = document.createElement('canvas');
  350. canvas.width = w;
  351. canvas.height = h;
  352. tempCtx = canvas.getContext("2d");
  353. tempCtx.putImageData(new ImageData(imageDataArray, w , h), 0, 0);
  354.  
  355. return canvas;
  356. }
  357. </script>
  358.  
  359. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement