SHARE
TWEET

J

RyukiChan Jun 1st, 2020 1,590 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.   <title>String Meme Generator</title>
  6.   <meta charset="utf-8">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1">
  8.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
  9.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  10.   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  11.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
  12. </head>
  13. <body>
  14. <nav class="navbar navbar-expand-sm bg-light navbar-light px-4">
  15. <a class="navbar-brand" href="" target="_blank">Km1bok</a>
  16. </nav>
  17. <div class="container">
  18.     <div class="jumbotron text-center mt-4">
  19.         <h1>String Meme Generator</h1>
  20.         <p>powered by km1bok</p>
  21.         </div>
  22.        </div>
  23.       <style>
  24. body {
  25.   background-image: url('bg.jpg');
  26.   background-repeat: no-repeat;
  27.   background-attachment: fixed;
  28.   background-size: cover;
  29. }
  30. </style>
  31. </div>
  32.   <div class="row mb-3">
  33.     <div class="col-md-6">
  34.         <div class="form-group">
  35.             <div class="d-flex mb-3">
  36.                 <div class="pt-2 mr-auto">Insert Text Here:</div>
  37.                 <div class=" "><button class="btn btn-outline-primary" type="submit" onclick="reset()">clear<svg class="bi bi-trash-fill ml-3" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  38.                     <path fill-rule="evenodd" d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7z"/>
  39.                   </svg></button></div>
  40.               </div>
  41.             <textarea class="form-control" rows="5" id="text" autocomplete="off" onkeyup="capture()"></textarea>
  42.           </div>
  43.         <div class="mb-3" onclick="capture()">
  44.             <div class="custom-control custom-checkbox">
  45.                 <input type="checkbox" class="custom-control-input" id="check1">
  46.                 <label class="custom-control-label" for="check1">vocal i</label>
  47.                 </div>
  48.                 <div class="custom-control custom-checkbox">
  49.                     <input type="checkbox" class="custom-control-input" id="check2">
  50.                     <label class="custom-control-label" for="check2">capslock</label>
  51.                 </div>
  52.                 <div class="custom-control custom-checkbox">
  53.                     <input type="checkbox" class="custom-control-input" id="check3">
  54.                     <label class="custom-control-label" for="check3">space</label>
  55.                 </div>
  56.                 <div class="custom-control custom-checkbox">
  57.                     <input type="checkbox" class="custom-control-input" id="check4">
  58.                     <label class="custom-control-label" for="check4">indo boomer</label>
  59.                 </div>
  60.                 <div class="custom-control custom-checkbox">
  61.                     <input type="checkbox" class="custom-control-input" id="check5">
  62.                     <label class="custom-control-label" for="check5">cheemse</label>
  63.                 </div>
  64.                 <div class="custom-control custom-checkbox">
  65.                     <input type="checkbox" class="custom-control-input" id="check7">
  66.                     <label class="custom-control-label" for="check7">lord haxor</label>
  67.                 </div>
  68.                 <div class="custom-control custom-checkbox">
  69.                     <input type="checkbox" class="custom-control-input" id="check8">
  70.                     <label class="custom-control-label" for="check8">spongebob chicken</label>
  71.                 </div>
  72.                 <div class="custom-control custom-checkbox">
  73.                     <input type="checkbox" class="custom-control-input" id="check9">
  74.                     <label class="custom-control-label" for="check9">byksw</label>
  75.                 </div>
  76.                 <div class="custom-control custom-checkbox">
  77.                     <input type="checkbox" class="custom-control-input" id="check11">
  78.                     <label class="custom-control-label" for="check11">T3XT</label>
  79.                 </div>
  80.                 <div class="custom-control custom-checkbox mb-3">
  81.                     <input type="checkbox" class="custom-control-input" id="check10">
  82.                     <label class="custom-control-label" for="check10">S|_|P3|2 T3XT</label>
  83.                 </div>
  84.                 <div class="card text-center">
  85.                     <div class="card-header bg-primary text-light">
  86.                         Special Effect
  87.                     </div>
  88.                     <div class="card-body">
  89.                         <div class="input-group mb-3">
  90.                             <div class="input-group-prepend">
  91.                                 <div class="input-group-text">
  92.                                     <input type="checkbox" id="check6">
  93.                                 </div>
  94.                             </div>
  95.                             <input type="text" class="form-control" id="vocal" placeholder="vocal changer" onkeyup="capture()">
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.         </div>
  100.     </div>
  101.     <div class="col-md-6">
  102.         <div class="d-flex mb-3">
  103.             <div class="pt-2 mr-auto">Result:</div>
  104.             <div class=" "><button class="btn btn-outline-primary" type="submit" onclick="copy()">copy<svg class="ml-3 bi bi-check-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  105.                 <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
  106.               </svg></button></div>
  107.           </div>
  108.         <textarea class="form-control mb-3 bg-light" rows="5" readonly id="result" onclick="copy()"></textarea>
  109.     </div>
  110.   </div>
  111.   <script>
  112.     p=$('.jumbotron p').text();
  113.     function capture(){
  114.         $('.alert').remove();
  115.         data=$('#text').val();
  116.         if($('#check5').is(':checked')){
  117.             data=cheemse(data);
  118.         }
  119.         if($('#check1').is(':checked')){
  120.             data=vocal(data,'i');
  121.         }
  122.         if($('#check6').is(':checked')){
  123.             data=vocal(data,$('#vocal').val());
  124.         }
  125.         if($('#check9').is(':checked')){
  126.             data=byksw(data);
  127.         }
  128.         if($('#check2').is(':checked')){
  129.             data=capslock(data);
  130.         }
  131.         if($('#check8').is(':checked')){
  132.             data=chiken(data);
  133.         }
  134.         if($('#check11').is(':checked')){
  135.             data=alay(data);
  136.         }
  137.         if($('#check10').is(':checked')){
  138.             data=superalay(data);
  139.         }
  140.         if($('#check4').is(':checked')){
  141.             data=bapak(data);
  142.         }
  143.         if($('#check3').is(':checked')){
  144.             data=spasi(data);
  145.         }
  146.         if($('#check7').is(':checked')){
  147.             data=haxor(data);
  148.         }
  149.         tulis(data);
  150.     }
  151.     function capslock(data){
  152.         data=data.toUpperCase();
  153.         return data;
  154.     }
  155.     function lower(data){
  156.         data=data.toLowerCase();
  157.         return data;
  158.     }
  159.     function vocal(data,efek=false){
  160.         if(!efek) return data;
  161.         temp='';
  162.         efek=efek[0];
  163.         data=lower(data);
  164.         for(i=0;i<data.length;i++){
  165.            insert=data[i];
  166.            if(data[i]=='a' || data[i]=='i'  || data[i]=='u' || data[i]=='e' || data[i]=='o'){
  167.                insert=efek;
  168.            }
  169.            temp=temp+insert;
  170.        }
  171.        return temp;
  172.    }
  173.    function byksw(data){
  174.        temp='';
  175.        data=lower(data);
  176.        for(i=0;i<data.length;i++){
  177.            insert=data[i];
  178.            if(data[i]=='a' || data[i]=='u' || data[i]=='e' || data[i]=='o'){
  179.                insert='w';
  180.            }
  181.            else if(data[i]=='i'){
  182.                insert='y';
  183.            }
  184.            temp=temp+insert;
  185.        }
  186.        return temp;
  187.    }
  188.    function spasi(data){
  189.        temp='';
  190.        for(i=0;i<data.length;i++){
  191.            temp=temp+data[i]+' ';
  192.            if(data[i]==' ')
  193.                temp=temp+' ';
  194.        }
  195.        return temp;
  196.    }
  197.    function haxor(data){
  198.        temp='';
  199.        for(i=0;i<data.length;i++){
  200.            if(data[i]==','){
  201.                temp+=' gaaaan';
  202.            }
  203.            temp=temp+data[i];
  204.        }
  205.        temp=temp.replace(/aku/g,'gue')
  206.        .replace(/saya /g,'gue ')
  207.        .replace(/ w /g,' gue ')
  208.        .replace(/gw /g,'gue ')
  209.        .replace(/gua /g,'gue ')
  210.        .replace(/kamu /g,'eloo ')
  211.        .replace(/anda /g,'eloo ')
  212.        .replace(/ lu /g,' eloo ')
  213.        .replace(/ lo /g,' eloo ')
  214.        .replace(/ elo /g,' eloo ')
  215.        .replace(/ elu /g,' eloo ')
  216.        .replace(/, /g,' 🙂 ');
  217.        return temp+' gaaaaan 🙂';
  218.    }
  219.    function cheemse(data){
  220.        temp='';
  221.        data=lower(data);
  222.        m=true;
  223.        for(i=0;i<data.length;i++){
  224.            temp=temp+data[i];
  225.            if(data[i]=='a' || data[i]=='u' || data[i]=='e' || data[i]=='o'){
  226.                if(m &&  (data[i+1]!='n' && data[i+2]!='g') && data[i+1]!='h' && data[i+1]!='m' && data[i+1]!='k' && data[i+1]!=' ' && data[i+1]!=undefined && data[i+2]!=' ' && data[i+2]!=undefined){
  227.                    if((data[i+1]=='r' && data[i+2]=='a')){
  228.                        temp=temp+'m';
  229.                        m=false;
  230.                    }
  231.                    else{
  232.                        temp=temp+'m';
  233.                        m=false;
  234.                    }
  235.                }
  236.            }
  237.            if(data[i]==' ' || data[i]=='/'){
  238.                m=true;
  239.            }
  240.        }
  241.        return temp;
  242.    }
  243.    function bapak(data){
  244.        temp='';
  245.        data=data.toLowerCase();
  246.        for(i=0;i<data.length;i++){
  247.            if(data[i]=='I' || data[i]=='i' || data[i]=='x'){
  248.                temp=temp+data[i].toLowerCase();
  249.            }else if(data[i]=='l'){
  250.                temp=temp+data[i].toUpperCase();
  251.            }else if(i%4==0){
  252.                temp=temp+data[i].toUpperCase();
  253.            }else{
  254.                temp=temp+data[i].toLowerCase();
  255.            }
  256.            
  257.        }
  258.        return temp;
  259.    }
  260.    function chiken(data){
  261.        temp='';
  262.        data=data.toLowerCase();
  263.        for(i=0;i<data.length;i++){
  264.            if(i%2==0){
  265.                temp=temp+data[i].toUpperCase();
  266.            }else{
  267.                temp=temp+data[i].toLowerCase();
  268.            }
  269.            
  270.        }
  271.        return temp;
  272.    }
  273.    function alay(data){
  274.        temp=lower(data).replace(/a/g,'4')
  275.        .replace(/b/g,'B')
  276.        .replace(/c/g,'C')
  277.        .replace(/d/g,'D')
  278.        .replace(/e/g,'3')
  279.        .replace(/f/g,'F')
  280.        .replace(/g/g,'6')
  281.        .replace(/h/g,'H')
  282.        .replace(/i/g,'1')
  283.        .replace(/j/g,'7')
  284.        .replace(/k/g,'K')
  285.        .replace(/l/g,'L')
  286.        .replace(/m/g,'M')
  287.        .replace(/n/g,'N')
  288.        .replace(/o/g,'0')
  289.        .replace(/p/g,'P')
  290.        .replace(/q/g,'Q')
  291.        .replace(/r/g,'R')
  292.        .replace(/s/g,'S')
  293.        .replace(/t/g,'T')
  294.        .replace(/u/g,'U')
  295.        .replace(/v/g,'V')
  296.        .replace(/w/g,'W')
  297.        .replace(/x/g,'X')
  298.        .replace(/y/g,'Y')
  299.        .replace(/z/g,'2');
  300.        // temp=bapak(temp);
  301.        return temp;
  302.        //bapak ini kok alay
  303.    }
  304.    function superalay(data){
  305.        temp=lower(data).replace(/a/g,'4')
  306.        .replace(/b/g,'|3')
  307.        .replace(/c/g,'C')
  308.        .replace(/d/g,'|)')
  309.        .replace(/e/g,'3')
  310.        .replace(/f/g,'F')
  311.        .replace(/g/g,'6')
  312.        .replace(/h/g,'|-|')
  313.        .replace(/i/g,'1')
  314.        .replace(/j/g,'7')
  315.        .replace(/k/g,'|<')
  316.        .replace(/l/g,'|_')
  317.        .replace(/m/g,'|\\/|')
  318.        .replace(/n/g,'|\\|')
  319.        .replace(/o/g,'0')
  320.        .replace(/p/g,'P')
  321.        .replace(/q/g,'Q')
  322.        .replace(/r/g,'|2')
  323.        .replace(/s/g,'S')
  324.        .replace(/t/g,'T')
  325.        .replace(/u/g,'|_|')
  326.        .replace(/v/g,'\/')
  327.        .replace(/w/g,'|/\\|')
  328.        .replace(/x/g,'X')
  329.        .replace(/y/g,'Y')
  330.        .replace(/z/g,'2');
  331.        
  332.        return temp;
  333.    }
  334.    function tulis(data){
  335.        $('#result').val(data);
  336.    }
  337.    function copy(){
  338.        document.execCommand("copy");
  339.        $('.alert').remove();
  340.        $('#result').after(
  341.            '<div class="alert alert-primary mt-3 alert-dismissible fade show"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>copied!</strong> Now you can paste the text for fun.</div>'
  342.         );
  343.     }
  344.     document.addEventListener('copy', (event) => {
  345.         event.clipboardData.setData('text', $('#result').val());
  346.         event.preventDefault();
  347.     });
  348.     try {
  349.         if(btoa(p)!="cG93ZXJlZCBieSBrbTFib2s="){
  350.             $('body').remove();
  351.         }
  352.     } catch (error) {
  353.         $('body').remove();
  354.     }
  355.     function reset(){
  356.         $('#text').val('');
  357.     }
  358. </script>
  359. </body>
  360. </html>
RAW Paste Data
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
Top