API tools faq
paste
Advertisement
RyukiChan

J

RyukiChan
Jun 1st, 2020
3,446
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.29 KB | None | 0 0
raw download clone embed print report
  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>
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!