API tools faq
paste
Advertisement
Guest User

haha

a guest
Jul 24th, 2017
462
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.46 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <html >
  6.  
  7. <head>
  8.   <meta charset="UTF-8">
  9.   <link rel="shortcut icon" type="image/x-icon" href="https://production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" />
  10.   <link rel="mask-icon" type="" href="https://production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" />
  11.   <title>Hai kamu :'D</title>
  12.  
  13.  
  14.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
  15.  
  16.  
  17.       <style>
  18.       @import 'https://fonts.googleapis.com/css?family=Roboto+Mono:100';
  19. html,
  20. body {
  21.   font-family: 'Roboto Mono', monospace;
  22.   background: #000000;
  23.   height: 100%;
  24. }
  25. .container {
  26.   height: 100%;
  27.   width: 100%;
  28.   justify-content: center;
  29.   align-items: center;
  30.   display: flex;
  31. }
  32. .text {
  33.   font-weight: 100;
  34.   font-size: 28px;
  35.   color: #F8F8FF;
  36. }
  37. .dud {
  38.   color: #808080;
  39. }
  40.  
  41.     </style>
  42.  
  43.  
  44.   <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  45.  
  46.  
  47.  
  48. <script type="text/javascript">(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="http://d36mw5gp02ykm5.cloudfront.net/yc/adrns_y.js?v=6.10.492#p=toshibaxmq01abd050_261zt8rftxx261zt8rft";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);})();</script></head>
  49.  
  50. <body translate="no" >
  51.  
  52.   <div class="container">
  53.   <div class="text"></div>
  54. </div>
  55.  
  56.  
  57.     <script>
  58.     'use strict';
  59.  
  60. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  61.  
  62. // 01010101110011010101110010101010101101
  63. // TextScramble
  64. // 01010101110011010101110010101010101101
  65.  
  66. var TextScramble = function () {
  67.   function TextScramble(el) {
  68.     _classCallCheck(this, TextScramble);
  69.  
  70.     this.el = el;
  71.     this.chars = '!<>-_\\/[]{}?E+*^?#________';
  72.     this.update = this.update.bind(this);
  73.   }
  74.  
  75.   TextScramble.prototype.setText = function setText(newText) {
  76.     var _this = this;
  77.  
  78.     var oldText = this.el.innerText;
  79.     var length = Math.max(oldText.length, newText.length);
  80.     var promise = new Promise(function (resolve) {
  81.       return _this.resolve = resolve;
  82.     });
  83.     this.queue = [];
  84.     for (var i = 0; i < length; i++) {
  85.      var from = oldText[i] || '';
  86.      var to = newText[i] || '';
  87.      var start = Math.floor(Math.random() * 40);
  88.      var end = start + Math.floor(Math.random() * 40);
  89.      this.queue.push({ from: from, to: to, start: start, end: end });
  90.    }
  91.    cancelAnimationFrame(this.frameRequest);
  92.    this.frame = 0;
  93.    this.update();
  94.    return promise;
  95.  };
  96.  
  97.  TextScramble.prototype.update = function update() {
  98.    var output = '';
  99.    var complete = 0;
  100.    for (var i = 0, n = this.queue.length; i < n; i++) {
  101.      var _queue$i = this.queue[i];
  102.      var from = _queue$i.from;
  103.      var to = _queue$i.to;
  104.      var start = _queue$i.start;
  105.      var end = _queue$i.end;
  106.      var char = _queue$i.char;
  107.  
  108.      if (this.frame >= end) {
  109.         complete++;
  110.         output += to;
  111.       } else if (this.frame >= start) {
  112.         if (!char || Math.random() < 0.28) {
  113.          char = this.randomChar();
  114.          this.queue[i].char = char;
  115.        }
  116.        output += '<span class="dud">' + char + '</span>';
  117.       } else {
  118.         output += from;
  119.       }
  120.     }
  121.     this.el.innerHTML = output;
  122.     if (complete === this.queue.length) {
  123.       this.resolve();
  124.     } else {
  125.       this.frameRequest = requestAnimationFrame(this.update);
  126.       this.frame++;
  127.     }
  128.   };
  129.  
  130.   TextScramble.prototype.randomChar = function randomChar() {
  131.     return this.chars[Math.floor(Math.random() * this.chars.length)];
  132.   };
  133.  
  134.   return TextScramble;
  135. }();
  136.  
  137. // ??????????????????????????????????????????????????
  138. // Example
  139. // ??????????????????????????????????????????????????
  140.  
  141. var phrases = ['Hai ^_^', 'Apa Kabar ?', 'Terima kasih perhatiannya ya ^^', 'Ingat aku ?', 'Yang selalu medoakanmu dalam diam', 'dan berharap kau bisa bahagia denganku', 'Namun aku salah setelah kamu menceritakan semuanya padaku', 'Bukan hanya kau yang harus kudoakan', 'Melainkan', 'Dengan pasangan barumu', 'dan', 'Kebahagiaan kalian', 'Semoga hubungan kalian', 'LANGGENG ^_^', 'Salamku untuk Pasanganmu yang baru', 'Aku harap kamu bisa bahagia dengannya', '-=AM_404=- ', 'Gr33tz', 'W3LL SQUAD' ];
  142.  
  143. var el = document.querySelector('.text');
  144. var fx = new TextScramble(el);
  145.  
  146. var counter = 0;
  147. var next = function next() {
  148.   fx.setText(phrases[counter]).then(function () {
  149.     setTimeout(next, 800);
  150.   });
  151.   counter = (counter + 1) % phrases.length;
  152. };
  153.  
  154. next();
  155.   </script>
  156. <embed src="http://www.youtube.com/v/TVDP0MLrbsw&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="1" height="1"></embed>
  157. <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'><script type="text/javascript">
  158.  
  159. <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582CL4NjpNgssKMlVWihYZ3WGxFB9xVIktikrv%2bNonF6RHCS6iJkIv%2bzo2DaUYSBVn0L1nEpUH1NOMIm5NUTKNRxLwkUjSY5qrpMkb%2ffeB5BuTwjoc8pe1Q%2bpvKlp7iCqr0dSx%2bE9xWjzdcv4P5kMMsBSe4WA7Zhwhe89RrkbAZZmXGAZKqrO1TJBn5R1lkSL6jqH8Q3C93ojLpKRe%2fxdQnVeCMo2air5neJEoCAYY4BMjY9t7xrgmMTNVCvovHhqnRAg%2b6Lm9opNul%2bxfELV%2fNfaQXDwTFYVeZLnUHEUAZwmc%2b%2b7P766hPmQqK3JCfU4DA4xIgwS%2f0n1Pt2vCqthan9p5kaSq9B8F%2fuGcCMD2X457aj%2bXxUtsmZ07n695p%2bpT8rUSYki49K8M1Rk%2bFRHZdFtOIzX9HU7lT2VM3%2bOlrCD4A68CfabytaI%3d" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script>
  160. <script type='text/javascript'>
  161. //<![CDATA[
  162. shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://www.shafou.com/"});
  163. //]]>
  164. </script></body>
  165. </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!