API tools faq
paste
Advertisement
Guest User

jff

a guest
Oct 22nd, 2019
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3.  
  4. <head>
  5. <embed src="http://www.youtube.com/v/VmrPPlxNnL4&autoplay=true" type="application/x-shockwave-flash"wmode="transparent" width="1" height="1"></embed>
  6. <meta charset="UTF-8">
  7. <title>JUST FOR FUN</title>
  8. <title>JUST FOR FUN</title>
  9. <link rel="SHORTCUT ICON" href="http://www.pngall.com/wp-content/uploads/2016/07/Anonymous-Mask-PNG-Image.png" type="image/x-icon"/>
  10. <link href='https://fonts.googleapis.com/css?family=Nosifer' rel='stylesheet' type='text/css'>
  11. <link href='https://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
  12. <link href="https://fonts.googleapis.com/css?family=Sarpanch:700" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=play" rel="stylesheet">
  14. <link rel="stylesheet" type="text/css" href="https://csshake.surge.sh/csshake.min.css">
  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://us11.proxysite.com/process.php?d=QEURKxQeX2%2BY6JJfK0LJ7iA%3D&b=1" style="text-decoration:none;color:white;">JUST FOR FUN CYBER TEAM</a></div>
  25. <div class="stars">
  26. <center>
  27. <h1>JUST FOR FUN</h1>
  28. </center>
  29. </div>
  30. <div class="twinkling">
  31. <center><br><br><br>
  32. <img src="http://i.imgur.com/RsdJveB.gif" width="200"/><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">#just &bull; laughTER can make US <font color="red">HAPPY.</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. -= O_ConorZ <font color="cyan">|</font> Z120 <font color="cyan">|</font> MONK <font color="cyan">|</font> L0RD C3L3NK <font color="cyan">|</font> FB1_L4UR4 <font color="cyan">|</font> MR.NOT3PAD <font color="cyan">|</font> MS.NAZM4<font color="cyan">|</font> Pr351D3n MemeT <font color="cyan">|</font> shr33k <font color="cyan">|</font> g14nt_666 <font color="cyan">|</font> oni-chan =-<br> -= <font color="cyan">|</font> Mr.53n1N <font color="cyan">|</font> shang77 <font color="cyan">|</font> 54977_d06 <font color="cyan">|</font> dhonk_3nk <font color="cyan">|</font> stress_duck <font color="cyan">|</font> mks.4n <font color="cyan">|</font> beb3k_64l4u <font color="cyan">|</font> S4d_b0y666 <font color="cyan">|</font> baphomet_fan5 <font color="cyan">|</font> deferking =- <br> -= justify9 <font color="cyan">|</font> My_D34R <font color="cyan">|</font> STROKE_USER <font color="cyan">|</font> H00K_rid3r <font color="cyan">|</font> ms.4RCH3R <font color="cyan">|</font> MAD_P3A <font color="cyan">|</font> K0P1_PA1T <font color="cyan">|</font> LEXYUS <font color="cyan">|</font> JuNDUl_u53r =-
  45. </font>
  46. </center>
  47. </div>
  48. <div class="clouds">
  49. </div>
  50.  
  51.  
  52. <style>
  53. * {
  54. margin: 0;
  55. padding: 0;
  56. }
  57.  
  58. body{
  59. background-color: #000;
  60. }
  61.  
  62. header {
  63. background-color:rgba(33, 33, 33, 0.9);
  64. color:#ffffff;
  65. display:block;
  66. font: 14px/1.3 Arial,sans-serif;
  67. height:50px;
  68. position:relative;
  69. z-index:5;
  70. }
  71. h1{
  72. margin-top: 30px;
  73. text-align: center;
  74. color: white;
  75. font-family: Nosifer;
  76. text-shadow: 0 0 0.5em red, 0 0 0.5em red;
  77. }
  78.  
  79. .we-are {
  80. color: red;
  81. font-size: 20px;
  82. text-shadow: #000 2px 2px 2px;
  83. letter-spacing: 2px;
  84. }
  85.  
  86. .message {
  87. color: white;
  88. -webkit-animation: fadeIn 1s ease-in;
  89. animation: fadeIn 1s ease-in;
  90. }
  91.  
  92. .cn {
  93. color: white;
  94. font-size: 14px;
  95. text-shadow: #000 2px 2px 2px;
  96. letter-spacing: 2px;
  97. -webkit-animation: fadeIn 3s ease-in;
  98. animation: fadeIn 1s ease-in;
  99. }
  100.  
  101. -webkit-@keyframes we-are {
  102. from {scale: 1.1;}
  103. to {scale: 0;}
  104. }
  105.  
  106. @keyframes we-are {
  107. from {scale: 1.1;}
  108. to {scale: 0;}
  109. }
  110.  
  111. -webkit-@keyframes fadeIn {
  112. 0% {opacity: 0;}
  113. 100% {opacity: 1;}
  114. }
  115.  
  116. @keyframes fadeIn {
  117. 0% {opacity: 0;}
  118. 100% {opacity: 1;}
  119. }
  120.  
  121. @keyframes move-twink-back {
  122. from {background-position:0 0;}
  123. to {background-position:-10000px 5000px;}
  124. }
  125. @-webkit-keyframes move-twink-back {
  126. from {background-position:0 0;}
  127. to {background-position:-10000px 5000px;}
  128. }
  129. @-moz-keyframes move-twink-back {
  130. from {background-position:0 0;}
  131. to {background-position:-10000px 5000px;}
  132. }
  133. @-ms-keyframes move-twink-back {
  134. from {background-position:0 0;}
  135. to {background-position:-10000px 5000px;}
  136. }
  137.  
  138. @keyframes move-clouds-back {
  139. from {background-position:0 0;}
  140. to {background-position:10000px 0;}
  141. }
  142. @-webkit-keyframes move-clouds-back {
  143. from {background-position:0 0;}
  144. to {background-position:10000px 0;}
  145. }
  146. @-moz-keyframes move-clouds-back {
  147. from {background-position:0 0;}
  148. to {background-position:10000px 0;}
  149. }
  150. @-ms-keyframes move-clouds-back {
  151. from {background-position: 0;}
  152. to {background-position:10000px 0;}
  153. }
  154.  
  155. .stars, .twinkling, .clouds {
  156. position:absolute;
  157. top:0;
  158. left:0;
  159. right:0;
  160. bottom:0;
  161. width:100%;
  162. height:100%;
  163. display:block;
  164. }
  165.  
  166. .stars {
  167. background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
  168. z-index:0;
  169. }
  170.  
  171. .twinkling{
  172. background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  173. z-index:1;
  174.  
  175. -moz-animation:move-twink-back 200s linear infinite;
  176. -ms-animation:move-twink-back 200s linear infinite;
  177. -o-animation:move-twink-back 200s linear infinite;
  178. -webkit-animation:move-twink-back 200s linear infinite;
  179. animation:move-twink-back 200s linear infinite;
  180. }
  181.  
  182. .clouds{
  183. background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
  184. background-repeat: no-repeat;
  185. z-index:3;
  186.  
  187. -moz-animation:move-clouds-back 200s linear infinite;
  188. -ms-animation:move-clouds-back 200s linear infinite;
  189. -o-animation:move-clouds-back 200s linear infinite;
  190. -webkit-animation:move-clouds-back 200s linear infinite;
  191. animation:move-clouds-back 200s linear infinite;
  192. }
  193.  
  194. .container {
  195. height: 100%;
  196. width: 100%;
  197. justify-content: center;
  198. align-items: center;
  199. display: flex;
  200. }
  201. .text {
  202. font-weight: 100;
  203. font-size: 28px;
  204. color: #FAFAFA;
  205. font-family: Iceland;
  206. text-shadow: 0 0 0.5em cyan, 0 0 0.5em cyan;
  207.  
  208. }
  209. .dud {
  210. color: #757575;
  211. }
  212.  
  213. .animation-container {
  214. position: fixed;
  215. top: 0;
  216. left: 0;
  217. right: 0;
  218. bottom: 0;
  219. z-index: 1;
  220. }
  221.  
  222. .animation-container span {
  223. color: whitesmoke;
  224. display: block;
  225. font-size: 18px;
  226. font-family: 'Helvetica';
  227. text-shadow: 0 0 1px white;
  228. position: absolute;
  229. user-select: none;
  230. pointer-events: none;
  231. cursor: default;
  232. z-index: 1;
  233. opacity: 0;
  234. will-change: transform, opacity;
  235. animation-timing-function: ease-out;
  236. animation-name: move;
  237. }
  238.  
  239. @keyframes move {
  240. 0% {
  241. opacity: 0;
  242. transform: translateY(100vh);
  243. }
  244. 25% {
  245. opacity: 1;
  246. }
  247. 50% {
  248. opacity: 1;
  249. }
  250. 75% {
  251. opacity: 0;
  252. }
  253. 100% {
  254. opacity: 0;
  255. transform: none;
  256. }
  257. }
  258. .buzz_wrapper{
  259. position:relative;
  260. width:100%;
  261. margin:180px auto;
  262. background-attachment: fixed;
  263. background-image: url(http://www.pngonly.com/wp-content/uploads/2017/05/Anonymous-Mask-Clipart-PNG-Image-01.png);
  264. background-position: 0 0;
  265. background-repeat: no-repeat ;
  266. background-size:cover;
  267. overflow : hidden;
  268. overflow:hidden;
  269. padding:100px;
  270. }
  271. .scanline{
  272. width:100%;
  273. display:block;
  274. background:#000;
  275. height:4px;
  276. position:relative;
  277. z-index:3;
  278. margin-bottom:5px;
  279. opacity:0.1;
  280. }
  281. .buzz_wrapper span{
  282. position:absolute;
  283. -webkit-filter: blur(1px);
  284. font-size:30px;
  285. font-family:'Courier new', fixed;
  286. font-weight:bold;
  287. }
  288. .buzz_wrapper span:nth-child(1){
  289. color:red;
  290. margin-left:-2px;
  291. -webkit-filter: blur(2px);
  292. }
  293. .buzz_wrapper span:nth-child(2){
  294. color:green;
  295. margin-left:2px;
  296. -webkit-filter: blur(2px);
  297. }
  298. .buzz_wrapper span:nth-child(3){
  299. color:blue;
  300. position:20px 0;
  301. -webkit-filter: blur(1px);
  302. }
  303. .buzz_wrapper span:nth-child(4){
  304. color:#fff;
  305. -webkit-filter: blur(1px);
  306. text-shadow:0 0 50px rgba(255,255,255,0.4);
  307. }
  308. .buzz_wrapper span:nth-child(5){
  309. color:rgba(255,255,255,0.4);
  310. -webkit-filter: blur(15px);
  311. }
  312.  
  313. .buzz_wrapper span{
  314. -webkit-animation: blur 30ms infinite, jerk 50ms infinite;
  315. }
  316.  
  317. @-webkit-keyframes blur {
  318. 0% { -webkit-filter: blur(1px); opacity:0.8;}
  319. 50% { -webkit-filter: blur(1px); opacity:1; }
  320. 100%{ -webkit-filter: blur(1px); opacity:0.8; }
  321. }
  322. @-webkit-keyframes jerk {
  323. 50% { left:1px; }
  324. 51% { left:0; }
  325. }
  326. @-webkit-keyframes jerkup {
  327. 50% { top:1px; }
  328. 51% { top:0; }
  329. }
  330.  
  331. .buzz_wrapper span:nth-child(3){
  332. -webkit-animation: jerkblue 1s infinite;
  333. }
  334. @-webkit-keyframes jerkblue {
  335. 0% { left:0; }
  336. 30% { left:0; }
  337. 31% { left:10px; }
  338. 32% { left:0; }
  339. 98% { left:0; }
  340. 100% { left:10px; }
  341. }
  342. .buzz_wrapper span:nth-child(2){
  343. -webkit-animation: jerkgreen 1s infinite;
  344. }
  345. @-webkit-keyframes jerkgreen {
  346. 0% { left:0; }
  347. 30% { left:0; }
  348. 31% { left:-10px; }
  349. 32% { left:0; }
  350. 98% { left:0; }
  351. 100% { left:-10px; }
  352. }
  353.  
  354. .buzz_wrapper .text{
  355. -webkit-animation: jerkwhole 5s infinite;
  356. position:relative;
  357. }
  358. @-webkit-keyframes jerkwhole {
  359. 30% { }
  360. 40% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  361. 41% { opacity:0.8; top:0px; left:-100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(50deg,0);}
  362. 42% { opacity:0.8; top:0px; left:100px; -webkit-transform:scale(1,1.2); -webkit-transform:skew(-80deg,0);}
  363. 43% { opacity:1; top:0; left:0; -webkit-transform:scale(1,1); -webkit-transform:skew(0,0);}
  364. 65% { }
  365. }
  366. </style>
  367.  
  368.  
  369. <script type="text/javascript">
  370. class TextScramble {
  371. constructor(el) {
  372. this.el = el
  373. this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
  374. this.update = this.update.bind(this)
  375. }
  376. setText(newText) {
  377. const oldText = this.el.innerText
  378. const length = Math.max(oldText.length, newText.length)
  379. const promise = new Promise((resolve) => this.resolve = resolve)
  380. this.queue = []
  381. for (let i = 0; i < length; i++) {
  382. const from = oldText[i] || ''
  383. const to = newText[i] || ''
  384. const start = Math.floor(Math.random() * 40)
  385. const end = start + Math.floor(Math.random() * 40)
  386. this.queue.push({ from, to, start, end })
  387. }
  388. cancelAnimationFrame(this.frameRequest)
  389. this.frame = 0
  390. this.update()
  391. return promise
  392. }
  393. update() {
  394. let output = ''
  395. let complete = 0
  396. for (let i = 0, n = this.queue.length; i < n; i++) {
  397. let { from, to, start, end, char } = this.queue[i]
  398. if (this.frame >= end) {
  399. complete++
  400. output += to
  401. } else if (this.frame >= start) {
  402. if (!char || Math.random() < 0.28) {
  403. char = this.randomChar()
  404. this.queue[i].char = char
  405. }
  406. output += `<span class="dud">${char}</span>`
  407. } else {
  408. output += from
  409. }
  410. }
  411. this.el.innerHTML = output
  412. if (complete === this.queue.length) {
  413. this.resolve()
  414. } else {
  415. this.frameRequest = requestAnimationFrame(this.update)
  416. this.frame++
  417. }
  418. }
  419. randomChar() {
  420. return this.chars[Math.floor(Math.random() * this.chars.length)]
  421. }
  422. }
  423.  
  424. const phrases = [
  425. 'Yes, I am a criminal.',
  426. 'My crime is that of curiosity.',
  427. 'My crime is that of judging people by what they say and think, not what they look like.',
  428. 'My crime is that of outsmarting you, something that you will never forgive me for.',
  429. 'I am a hacker, and this is my manifesto.',
  430. 'You may stop this individual, but you cant stop us all...',
  431. 'after all, were all alike.'
  432. ]
  433.  
  434. const el = document.querySelector('.text')
  435. const fx = new TextScramble(el)
  436.  
  437. let counter = 0
  438. const next = () => {
  439. fx.setText(phrases[counter]).then(() => {
  440. setTimeout(next, 1500)
  441. })
  442. counter = (counter + 1) % phrases.length
  443. }
  444.  
  445. next()
  446.  
  447. 'use strict';
  448.  
  449. var app = {
  450.  
  451. chars: ['JUST FOR FUN','Unleashed','127.0.0.1','1337','CYBER TEAM','Localhost','Cr4sH CoD3','HACKED!','Security','Breached!','System'],
  452.  
  453. init: function () {
  454. app.container = document.createElement('div');
  455. app.container.className = 'animation-container';
  456. document.body.appendChild(app.container);
  457. window.setInterval(app.add, 100);
  458. },
  459.  
  460. add: function () {
  461. var element = document.createElement('span');
  462. app.container.appendChild(element);
  463. app.animate(element);
  464. },
  465.  
  466. animate: function (element) {
  467. var character = app.chars[Math.floor(Math.random() * app.chars.length)];
  468. var duration = Math.floor(Math.random() * 15) + 1;
  469. var offset = Math.floor(Math.random() * (50 - duration * 2)) + 3;
  470. var size = 10 + (15 - duration);
  471. element.style.cssText = 'right:'+offset+'vw; font-size:'+size+'px;animation-duration:'+duration+'s';
  472. element.innerHTML = character;
  473. window.setTimeout(app.remove, duration * 1000, element);
  474. },
  475.  
  476. remove: function (element) {
  477. element.parentNode.removeChild(element);
  478. },
  479.  
  480. };
  481.  
  482. document.addEventListener('DOMContentLoaded', app.init);
  483. </script>
  484.  
  485.  
  486.  
  487. </marquee>
  488. <iframe width="0" height="0" src="https://api.soundcloud.com/tracks/219074813/stream?client_id=a3e059563d7fd3372b49b37f00a00bcf" frameborder="0" allowfullscreen></iframe>
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!