API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 15th, 2019
28,998
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.61 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html lang="en" >
  3. <head>
  4. <meta charset="UTF-8">
  5. <iframe src="http://api.soundcloud.com/tracks/396854016/stream?client_id=a3e059563d7fd3372b49b37f00a00bcf" width="0" height="0" frameborder="0" allowfullscreen></iframe>
  6. <title>404 Not Found</title>
  7. <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Michroma'>
  8. <style type='text/css'>
  9. @-moz-keyframes glitch {
  10. 0% {
  11. -moz-transform: skew(-55deg);
  12. transform: skew(-55deg);
  13. }
  14. 5% {
  15. -moz-transform: skew(-52deg);
  16. transform: skew(-52deg);
  17. }
  18. 10% {
  19. -moz-transform: skew(72deg);
  20. transform: skew(72deg);
  21. }
  22. 15% {
  23. -moz-transform: skew(39deg);
  24. transform: skew(39deg);
  25. }
  26. 20% {
  27. -moz-transform: skew(11deg);
  28. transform: skew(11deg);
  29. }
  30. 25% {
  31. -moz-transform: skew(19deg);
  32. transform: skew(19deg);
  33. }
  34. 30% {
  35. -moz-transform: skew(62deg);
  36. transform: skew(62deg);
  37. }
  38. 35% {
  39. -moz-transform: skew(-63deg);
  40. transform: skew(-63deg);
  41. }
  42. 40% {
  43. -moz-transform: skew(-61deg);
  44. transform: skew(-61deg);
  45. }
  46. 45% {
  47. -moz-transform: skew(-74deg);
  48. transform: skew(-74deg);
  49. }
  50. 50% {
  51. -moz-transform: skew(-53deg);
  52. transform: skew(-53deg);
  53. }
  54. 55% {
  55. -moz-transform: skew(50deg);
  56. transform: skew(50deg);
  57. }
  58. 60% {
  59. -moz-transform: skew(-2deg);
  60. transform: skew(-2deg);
  61. }
  62. 65% {
  63. -moz-transform: skew(71deg);
  64. transform: skew(71deg);
  65. }
  66. 70% {
  67. -moz-transform: skew(-65deg);
  68. transform: skew(-65deg);
  69. }
  70. 75% {
  71. -moz-transform: skew(-47deg);
  72. transform: skew(-47deg);
  73. }
  74. 80% {
  75. -moz-transform: skew(22deg);
  76. transform: skew(22deg);
  77. }
  78. 85% {
  79. -moz-transform: skew(39deg);
  80. transform: skew(39deg);
  81. }
  82. 90% {
  83. -moz-transform: skew(-42deg);
  84. transform: skew(-42deg);
  85. }
  86. 95% {
  87. -moz-transform: skew(85deg);
  88. transform: skew(85deg);
  89. }
  90. }
  91. @-webkit-keyframes glitch {
  92. 0% {
  93. -webkit-transform: skew(-73deg);
  94. transform: skew(-73deg);
  95. }
  96. 5% {
  97. -webkit-transform: skew(-46deg);
  98. transform: skew(-46deg);
  99. }
  100. 10% {
  101. -webkit-transform: skew(53deg);
  102. transform: skew(53deg);
  103. }
  104. 15% {
  105. -webkit-transform: skew(41deg);
  106. transform: skew(41deg);
  107. }
  108. 20% {
  109. -webkit-transform: skew(18deg);
  110. transform: skew(18deg);
  111. }
  112. 25% {
  113. -webkit-transform: skew(63deg);
  114. transform: skew(63deg);
  115. }
  116. 30% {
  117. -webkit-transform: skew(13deg);
  118. transform: skew(13deg);
  119. }
  120. 35% {
  121. -webkit-transform: skew(-47deg);
  122. transform: skew(-47deg);
  123. }
  124. 40% {
  125. -webkit-transform: skew(-28deg);
  126. transform: skew(-28deg);
  127. }
  128. 45% {
  129. -webkit-transform: skew(-26deg);
  130. transform: skew(-26deg);
  131. }
  132. 50% {
  133. -webkit-transform: skew(-49deg);
  134. transform: skew(-49deg);
  135. }
  136. 55% {
  137. -webkit-transform: skew(-75deg);
  138. transform: skew(-75deg);
  139. }
  140. 60% {
  141. -webkit-transform: skew(-1deg);
  142. transform: skew(-1deg);
  143. }
  144. 65% {
  145. -webkit-transform: skew(0deg);
  146. transform: skew(0deg);
  147. }
  148. 70% {
  149. -webkit-transform: skew(-47deg);
  150. transform: skew(-47deg);
  151. }
  152. 75% {
  153. -webkit-transform: skew(5deg);
  154. transform: skew(5deg);
  155. }
  156. 80% {
  157. -webkit-transform: skew(-63deg);
  158. transform: skew(-63deg);
  159. }
  160. 85% {
  161. -webkit-transform: skew(18deg);
  162. transform: skew(18deg);
  163. }
  164. 90% {
  165. -webkit-transform: skew(11deg);
  166. transform: skew(11deg);
  167. }
  168. 95% {
  169. -webkit-transform: skew(-31deg);
  170. transform: skew(-31deg);
  171. }
  172. }
  173. @keyframes glitch {
  174. 0% {
  175. -moz-transform: skew(-4deg);
  176. -ms-transform: skew(-4deg);
  177. -webkit-transform: skew(-4deg);
  178. transform: skew(-4deg);
  179. }
  180. 5% {
  181. -moz-transform: skew(39deg);
  182. -ms-transform: skew(39deg);
  183. -webkit-transform: skew(39deg);
  184. transform: skew(39deg);
  185. }
  186. 10% {
  187. -moz-transform: skew(-53deg);
  188. -ms-transform: skew(-53deg);
  189. -webkit-transform: skew(-53deg);
  190. transform: skew(-53deg);
  191. }
  192. 15% {
  193. -moz-transform: skew(-34deg);
  194. -ms-transform: skew(-34deg);
  195. -webkit-transform: skew(-34deg);
  196. transform: skew(-34deg);
  197. }
  198. 20% {
  199. -moz-transform: skew(6deg);
  200. -ms-transform: skew(6deg);
  201. -webkit-transform: skew(6deg);
  202. transform: skew(6deg);
  203. }
  204. 25% {
  205. -moz-transform: skew(-10deg);
  206. -ms-transform: skew(-10deg);
  207. -webkit-transform: skew(-10deg);
  208. transform: skew(-10deg);
  209. }
  210. 30% {
  211. -moz-transform: skew(40deg);
  212. -ms-transform: skew(40deg);
  213. -webkit-transform: skew(40deg);
  214. transform: skew(40deg);
  215. }
  216. 35% {
  217. -moz-transform: skew(53deg);
  218. -ms-transform: skew(53deg);
  219. -webkit-transform: skew(53deg);
  220. transform: skew(53deg);
  221. }
  222. 40% {
  223. -moz-transform: skew(-74deg);
  224. -ms-transform: skew(-74deg);
  225. -webkit-transform: skew(-74deg);
  226. transform: skew(-74deg);
  227. }
  228. 45% {
  229. -moz-transform: skew(40deg);
  230. -ms-transform: skew(40deg);
  231. -webkit-transform: skew(40deg);
  232. transform: skew(40deg);
  233. }
  234. 50% {
  235. -moz-transform: skew(-57deg);
  236. -ms-transform: skew(-57deg);
  237. -webkit-transform: skew(-57deg);
  238. transform: skew(-57deg);
  239. }
  240. 55% {
  241. -moz-transform: skew(-88deg);
  242. -ms-transform: skew(-88deg);
  243. -webkit-transform: skew(-88deg);
  244. transform: skew(-88deg);
  245. }
  246. 60% {
  247. -moz-transform: skew(19deg);
  248. -ms-transform: skew(19deg);
  249. -webkit-transform: skew(19deg);
  250. transform: skew(19deg);
  251. }
  252. 65% {
  253. -moz-transform: skew(34deg);
  254. -ms-transform: skew(34deg);
  255. -webkit-transform: skew(34deg);
  256. transform: skew(34deg);
  257. }
  258. 70% {
  259. -moz-transform: skew(-7deg);
  260. -ms-transform: skew(-7deg);
  261. -webkit-transform: skew(-7deg);
  262. transform: skew(-7deg);
  263. }
  264. 75% {
  265. -moz-transform: skew(-79deg);
  266. -ms-transform: skew(-79deg);
  267. -webkit-transform: skew(-79deg);
  268. transform: skew(-79deg);
  269. }
  270. 80% {
  271. -moz-transform: skew(-59deg);
  272. -ms-transform: skew(-59deg);
  273. -webkit-transform: skew(-59deg);
  274. transform: skew(-59deg);
  275. }
  276. 85% {
  277. -moz-transform: skew(52deg);
  278. -ms-transform: skew(52deg);
  279. -webkit-transform: skew(52deg);
  280. transform: skew(52deg);
  281. }
  282. 90% {
  283. -moz-transform: skew(-84deg);
  284. -ms-transform: skew(-84deg);
  285. -webkit-transform: skew(-84deg);
  286. transform: skew(-84deg);
  287. }
  288. 95% {
  289. -moz-transform: skew(1deg);
  290. -ms-transform: skew(1deg);
  291. -webkit-transform: skew(1deg);
  292. transform: skew(1deg);
  293. }
  294. }
  295. @-moz-keyframes noise {
  296. 0% {
  297. background-position: -25px 40px;
  298. }
  299. 10% {
  300. background-position: -40px -44px;
  301. }
  302. 20% {
  303. background-position: -57px -84px;
  304. }
  305. 30% {
  306. background-position: 16px -12px;
  307. }
  308. 40% {
  309. background-position: 66px 58px;
  310. }
  311. 50% {
  312. background-position: 97px 44px;
  313. }
  314. 60% {
  315. background-position: -17px -19px;
  316. }
  317. 70% {
  318. background-position: 94px 34px;
  319. }
  320. 80% {
  321. background-position: -57px 6px;
  322. }
  323. 90% {
  324. background-position: 57px -27px;
  325. }
  326. }
  327. @-webkit-keyframes noise {
  328. 0% {
  329. background-position: -15px 3px;
  330. }
  331. 10% {
  332. background-position: -40px -65px;
  333. }
  334. 20% {
  335. background-position: -80px -90px;
  336. }
  337. 30% {
  338. background-position: -6px -51px;
  339. }
  340. 40% {
  341. background-position: -29px 96px;
  342. }
  343. 50% {
  344. background-position: 60px -84px;
  345. }
  346. 60% {
  347. background-position: 58px -87px;
  348. }
  349. 70% {
  350. background-position: 61px 32px;
  351. }
  352. 80% {
  353. background-position: 72px -93px;
  354. }
  355. 90% {
  356. background-position: 34px 58px;
  357. }
  358. }
  359. @keyframes noise {
  360. 0% {
  361. background-position: 69px 38px;
  362. }
  363. 10% {
  364. background-position: 70px -77px;
  365. }
  366. 20% {
  367. background-position: -78px -82px;
  368. }
  369. 30% {
  370. background-position: 85px 0px;
  371. }
  372. 40% {
  373. background-position: 26px -11px;
  374. }
  375. 50% {
  376. background-position: -58px 8px;
  377. }
  378. 60% {
  379. background-position: -22px 22px;
  380. }
  381. 70% {
  382. background-position: 35px 33px;
  383. }
  384. 80% {
  385. background-position: 57px -40px;
  386. }
  387. 90% {
  388. background-position: 12px -10px;
  389. }
  390. }
  391. @-moz-keyframes bar {
  392. 0% {
  393. height: 118px;
  394. top: 27%;
  395. opacity: 0.67;
  396. }
  397. 10% {
  398. height: 299px;
  399. top: 100%;
  400. opacity: 0.54;
  401. }
  402. 20% {
  403. height: 509px;
  404. top: 22%;
  405. opacity: 0.23;
  406. }
  407. 30% {
  408. height: 614px;
  409. top: 42%;
  410. opacity: 0.37;
  411. }
  412. 40% {
  413. height: 364px;
  414. top: 21%;
  415. opacity: 0.79;
  416. }
  417. 50% {
  418. height: 299px;
  419. top: 96%;
  420. opacity: 0.07;
  421. }
  422. 60% {
  423. height: 410px;
  424. top: 54%;
  425. opacity: 0.19;
  426. }
  427. 70% {
  428. height: 228px;
  429. top: 30%;
  430. opacity: 0.5;
  431. }
  432. 80% {
  433. height: 520px;
  434. top: 98%;
  435. opacity: 0.6;
  436. }
  437. 90% {
  438. height: 346px;
  439. top: 52%;
  440. opacity: 0.16;
  441. }
  442. }
  443. @-webkit-keyframes bar {
  444. 0% {
  445. height: 32px;
  446. top: 50%;
  447. opacity: 0.67;
  448. }
  449. 10% {
  450. height: 320px;
  451. top: 15%;
  452. opacity: 0.41;
  453. }
  454. 20% {
  455. height: 516px;
  456. top: 97%;
  457. opacity: 0.52;
  458. }
  459. 30% {
  460. height: 568px;
  461. top: 92%;
  462. opacity: 0.71;
  463. }
  464. 40% {
  465. height: 227px;
  466. top: 62%;
  467. opacity: 0.6;
  468. }
  469. 50% {
  470. height: 463px;
  471. top: 42%;
  472. opacity: 0.38;
  473. }
  474. 60% {
  475. height: 244px;
  476. top: 24%;
  477. opacity: 0.57;
  478. }
  479. 70% {
  480. height: 419px;
  481. top: 27%;
  482. opacity: 0.26;
  483. }
  484. 80% {
  485. height: 251px;
  486. top: 96%;
  487. opacity: 0.28;
  488. }
  489. 90% {
  490. height: 407px;
  491. top: 45%;
  492. opacity: 0.57;
  493. }
  494. }
  495. @keyframes bar {
  496. 0% {
  497. height: 247px;
  498. top: 100%;
  499. opacity: 0.33;
  500. }
  501. 10% {
  502. height: 327px;
  503. top: 65%;
  504. opacity: 0.42;
  505. }
  506. 20% {
  507. height: 66px;
  508. top: 58%;
  509. opacity: 0.23;
  510. }
  511. 30% {
  512. height: 239px;
  513. top: 22%;
  514. opacity: 0.63;
  515. }
  516. 40% {
  517. height: 147px;
  518. top: 17%;
  519. opacity: 0.8;
  520. }
  521. 50% {
  522. height: 128px;
  523. top: 16%;
  524. opacity: 0.65;
  525. }
  526. 60% {
  527. height: 623px;
  528. top: 55%;
  529. opacity: 0.54;
  530. }
  531. 70% {
  532. height: 458px;
  533. top: 87%;
  534. opacity: 0.52;
  535. }
  536. 80% {
  537. height: 96px;
  538. top: 46%;
  539. opacity: 0.67;
  540. }
  541. 90% {
  542. height: 411px;
  543. top: 75%;
  544. opacity: 0.64;
  545. }
  546. }
  547. .glitch {
  548. position: absolute;
  549. left: 0;
  550. top: 0;
  551. right: 0;
  552. bottom: 0;
  553. color: #fff;
  554. text-align: center;
  555. text-transform: uppercase;
  556. font: 20px "Michroma", helvetica, sans-serif;
  557. letter-spacing: 0.6em;
  558. background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=000000ff&noise=ffffff&density=61&opacity=20);
  559. text-shadow: 2px 0 1px #f6050a, -2px 0 1px #1cf2f2;
  560. -moz-animation: noise 0.3s infinite;
  561. -webkit-animation: noise 0.3s infinite;
  562. animation: noise 0.3s infinite;
  563. }
  564. .glitch:before {
  565. content: "";
  566. display: inline-block;
  567. vertical-align: middle;
  568. height: 100%;
  569. }
  570. .glitch:after {
  571. content: "";
  572. display: block;
  573. position: absolute;
  574. left: 0;
  575. right: 0;
  576. background: url(http://api.thumbr.it/whitenoise-361x370.png?background=000000ff&noise=ffffff&density=61&opacity=40);
  577. -moz-animation: bar 0.5s infinite;
  578. -webkit-animation: bar 0.5s infinite;
  579. animation: bar 0.5s infinite;
  580. }
  581. .glitch span {
  582. display: inline-block;
  583. vertical-align: middle;
  584. position: relative;
  585. z-index: 1;
  586. -moz-animation: glitch 3s infinite alternate;
  587. -webkit-animation: glitch 3s infinite alternate;
  588. animation: glitch 3s infinite alternate;
  589. }
  590. </style>
  591. </head>
  592. <body>
  593. <div class="glitch">
  594. <span>Touched by _/RifanArdiansyah</span>
  595. </div>
  596. <script src='https://cdn.firebase.com/js/client/1.0.17/firebase.js'></script>
  597. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
  598. </body>
  599. </html>
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!