It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://kleimun.com/accidentinjurylawyers8686

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Title -->
  5. <title>Home</title>
  6.  
  7. <!-- Required Meta Tags Always Come First -->
  8. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  9. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10. <!-- Favicon -->
  11. <link rel="shortcut icon" href="https://kleimun.com/themes/mtdvision/img/icon.png" />
  12.  
  13. <meta name="title" content="Home">
  14. <meta name="description" content="Klei Mmuñ, share your songs to the world!">
  15. <meta name="keywords" content="kleimun, music download and sharing">
  16.  
  17.  
  18. <link rel="canonical" href="https://kleimun.com" /><link rel="home" href="https://kleimun.com" /><link rel="alternate" href="https://kleimun.com?lang=english" hreflang="en" /><link rel="alternate" href="https://kleimun.com?lang=rhade" hreflang="rad" /><link rel="alternate" href="https://kleimun.com?lang=swedish" hreflang="sv" /><link rel="alternate" href="https://kleimun.com?lang=vietnamese" hreflang="vi" /><meta property="og:title" content="Klei Mmuñ  | Listen to music | Online music streaming platform"><meta property="og:image" content="https://kleimun.com/themes/mtdvision/img/logo.png"><meta property="og:image:width" content="500"><meta property="og:image:height" content="500"><meta property="og:description" content="Klei Mmuñ, share your songs to the world!"><meta property="og:url" content="https://kleimun.com" />
  19. <!-- Google Fonts -->
  20. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800;900&display=swap" rel="stylesheet">
  21. <link href="https://kleimun.com/themes/mtdvision/fonts/Roboto.css" rel="stylesheet">
  22. <link href="https://kleimun.com/themes/mtdvision/fonts/Muli.css" rel="stylesheet">
  23.  
  24. <script src="https://kleimun.com/themes/mtdvision/js/jquery.min.js?v=1.5.2"></script>
  25. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/jquery-ui.css?v=1.5.2">
  26. <script src="https://kleimun.com/themes/mtdvision/js/jquery-ui.min.js?v=1.5.2"></script>
  27. <!-- CSS -->
  28. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/bootstrap.min.css?v=1.5.2">
  29. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/owl.carousel.min.css?v=1.5.2">
  30. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/style.css?v=1.5.2">
  31. <script src="https://kleimun.com/themes/mtdvision/js/wavesurfer.min.js?v=1.5.2"></script>
  32.  
  33. <style media="screen">
  34.  
  35. </style>
  36.  
  37.  
  38. <script type="text/javascript" src="https://kleimun.com/themes/mtdvision/js/tag-it.min.js?v=1.5.2"></script>
  39. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/jquery.tagit.css?v=1.5.2">
  40. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/bootstrap-colorpicker.min.css?v=1.5.2" />
  41. <script src="https://kleimun.com/themes/mtdvision/js/bootstrap-colorpicker.min.js?v=1.5.2"></script>
  42.  
  43. <script type="text/javascript" src="https://kleimun.com/themes/mtdvision/js/fastclick.js?v=1.5.2"></script>
  44.    <script src="https://accounts.google.com/gsi/client" async defer></script>
  45.     <!--  Scripts-->
  46. <script>
  47. function ajaxUrl() {
  48. return 'https://kleimun.com/endpoints';
  49. }
  50. function siteUrl() {
  51. return 'https://kleimun.com/';
  52. }
  53. </script>
  54. <!-- <script src="https://unpkg.com/wavesurfer.js"></script> -->
  55.    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  56.     <script src="https://kleimun.com/themes/mtdvision/js/emojionearea.min.js?v=1.5.2"></script>
  57. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/emojionearea.min.css?v=1.5.2">
  58.              
  59. <script>
  60.            window.run_station = null;
  61.            $(document).ready(function() {
  62.                // $(".emoji_comment_btn").emojioneArea({
  63.                //     standalone: true,
  64.                //     autocomplete: false,
  65.                //     pickerPosition: "bottom",
  66.                //     emojiPlaceholder: "",
  67.                //     inline: true,
  68.                //     dir            : "ltr",
  69.                //     placement : 'absright'
  70.                // // container: "#container",
  71.                // // hideSource: false,
  72.                // // useSprite: false
  73.                // });
  74.                window.init_emojioneArea = function() {
  75.                    $(".comment_input").emojioneArea({
  76.                        useInternalCDN: true,
  77.                        events: {
  78.                            keyup: function (editor, event) {
  79.                                let emojioneArea = this; //this is instance of EmojioneArea
  80.                                                                id = $( $(this)[0].source[0]).attr('data-audio-id');
  81.                                $($(".comment_input")).limit("640", '#charsLeft_'+id);
  82.                                c_id = $( $(this)[0].source[0]).attr('data-comment-id');
  83.                                if ($('#write_comment_'+c_id).length) {
  84.                                 $($('#write_comment_'+c_id)).limit("640", '#charsLeft_r_'+c_id);
  85.                                }
  86.                                                                if (event.which === 13 && !event.shiftKey) {
  87.                                    // $scope.onPressKeyTextarea(event);
  88. var audioid = $( $(this)[0].source[0]).attr('data-audio-id');
  89. var commentid = $( $(this)[0].source[0]).attr('data-comment-id');
  90. if(typeof commentid !== 'undefined'){
  91. registerCommentreplay(emojioneArea.getText(), audioid, commentid, event, $(this));
  92. }else{
  93. registerComment(emojioneArea.getText(), audioid, event, $(this));
  94. }
  95.                                    emojioneArea.setText('');
  96.                                    emojioneArea.hidePicker();
  97.                                    emojioneArea.editor.focus();
  98.                                    event.preventDefault();
  99.                                }
  100.                            }
  101.                        },
  102.                        search: false,
  103.                        recentEmojis: false,
  104.                        filtersPosition: "bottom",
  105.                        tones: false,
  106.                        autocomplete: true,
  107.                        filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
  108.                    });
  109.                }
  110. window.init_emojioneArea();
  111.  
  112. window.init_emojioneArea_replay = function(id) {
  113. $('#write_comment_'+id).emojioneArea({
  114. useInternalCDN: true,
  115. events: {
  116. keyup: function (editor, event) {
  117. let _emojioneArea = this; //this is instance of EmojioneArea
  118. if (event.which === 13 && !event.shiftKey) {
  119. var _audioid = $( $(this)[0].source[0]).attr('data-audio-id');
  120. var _commentid = $( $(this)[0].source[0]).attr('data-comment-id');
  121. registerCommentreplay(_emojioneArea.getText(), _audioid, _commentid, event, $(this));
  122. _emojioneArea.setText('');
  123. _emojioneArea.hidePicker();
  124. _emojioneArea.editor.focus();
  125. event.preventDefault();
  126. }
  127. }
  128. },
  129. search: false,
  130. recentEmojis: false,
  131. filtersPosition: "bottom",
  132. tones: false,
  133. autocomplete: false,
  134. filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
  135. });
  136. }
  137.  
  138. window.init_blogemojioneArea = function() {
  139.                    $(".blog_comment_input").emojioneArea({
  140.                        useInternalCDN: true,
  141.                        events: {
  142.                            keyup: function (editor, event) {
  143.                                let emojioneArea = this; //this is instance of EmojioneArea
  144.                                if (event.which === 13 && !event.shiftKey) {
  145.                                    // $scope.onPressKeyTextarea(event);
  146. var audioid = $( $(this)[0].source[0]).attr('data-article-id');
  147.                                    registerBlogComment(emojioneArea.getText(), audioid, event, $(this));
  148.                                    emojioneArea.setText('');
  149.                                    emojioneArea.hidePicker();
  150.                                    emojioneArea.editor.focus();
  151.                                    event.preventDefault();
  152.                                }
  153.                            }
  154.                        },
  155.                        search: false,
  156.                        recentEmojis: false,
  157.                        filtersPosition: "bottom",
  158.                        tones: false,
  159.                        autocomplete: true,
  160.                        filters: {animals_nature: false, food_drink: false, activity: false, travel_places: false, objects: false, symbols: false, flags: false}
  161.                    });
  162.                }
  163.                window.init_blogemojioneArea();
  164.            });
  165. </script>
  166.  
  167. <script>
  168. $(document).ready(function() {
  169.  $.ajaxSetup({
  170.    data: {
  171.        hash_id: getHashID()
  172.    },
  173.    cache: false
  174.  });
  175. });
  176. window.addEventListener("popstate", function(e) {
  177.            window.location.href = location.href;
  178.        });
  179.        window.search_url = 'https://kleimun.com/search/songs/';
  180.        window.chatfetch = false;
  181.        window.UpdateChatU = 0;
  182. $(document).on('click', '[data-load]', function(event) {
  183. if ($('.ma_container').attr('data-page') == 'home') {
  184. window.location.href = siteUrl() + $(this).attr('data-load');
  185. return false;
  186. }
  187. $('.xzoom-source').remove();
  188. $('#buy_ticket_modal').modal('hide');
  189. if ($(this).attr('data-load') == '') {window.open($(this).attr('href'), '_blank');
  190. if (parseInt($('.ss_track_play_pause').attr('data_is_ad')) > 0) {
  191. is_sent = 1;
  192. song_id = $('#current-track').attr('value');
  193. onTimesUp(song_id);
  194. return false;
  195. }
  196. return false;
  197. }
  198.  //$('.sections li').removeClass('active');
  199.      $('#bar_loading').show().animate({width:20 + 80 * Math.random() + "%"}, 200);
  200.      event.preventDefault();
  201.      var url = $(this).attr('data-load');
  202.      $.ajax({
  203.        url: siteUrl() + '/ajax-load.php?path=' + url,
  204.        type: 'GET',
  205.        dataType: 'html'
  206.      })
  207.      .done(function(data_html, textStatus, request) {
  208.       if (request.status == 201) {
  209.       $('#login_box').modal('show');
  210.       } else {
  211.                        if(window.run_station !== null){
  212.                            window.run_station.pause();
  213.                        }
  214.  
  215.       data = JSON.parse($(data_html).filter('#json-data').val());
  216.        window.history.pushState({state:'new', ajax_url: url},'', data.url);
  217.  
  218.                        if(data.page_name == 'messages'){
  219.                            window.chatfetch = true;
  220. }else{
  221.                            window.chatfetch = false;
  222. }
  223.  
  224.        if(data.page_name !== 'search'){
  225.            $('#search_keyword').val('');
  226. }
  227.  
  228.        $('#container_content').html(data_html);
  229.        $('meta[name=title]').attr('content', data.site_title);
  230.        $('#page').attr('data-page', data.page_name);
  231.        $('meta[name=description]').attr('content', data.description);
  232.        $('meta[name=keywords]').attr('content', data.keyword);
  233.        $('title').html(data.site_title);
  234.        if (data.page_name) {
  235.         setTimeout(function () {
  236.         updateWaves = false;
  237.         if ($('#current-track').val()) {
  238.         if (Amplitude.getActiveSongMetadata().id == $('#current-track').val()) {
  239.         updateWaves = true;
  240.         } else {
  241.         $('body').removeClass('player_running');
  242.         }
  243.         } else {
  244.         updateWaves = true;
  245.         }
  246.         if (updateWaves == true) {
  247.         var getCurrentPlaying = Number($('.amplitude-song-played-progress').attr('value')) * 100;
  248.         $('#light-wave, #light-waves').width(getCurrentPlaying + '%');
  249.         updateWaveForm();
  250.         }
  251.         }, 100);
  252.                            if( data.page_name == 'blogs' ){
  253.                                window.search_url = 'https://kleimun.com/blogs/tag/';
  254.                            }
  255.        }
  256.        if (Amplitude.getActiveSongMetadata().id && $('#page').attr('data-page') == 'track') {
  257.         if (Amplitude.getActiveSongMetadata().id == $('#current-track').val()) {
  258.         $('body').addClass('player_running');
  259.         }
  260.        }
  261.        if (Amplitude.getActiveSongMetadata().u_id && $('#page').attr('data-page') != 'track') {
  262.         $('.playlist-list-song[data-id=' + Amplitude.getActiveSongMetadata().u_id + ']').addClass('playing');
  263.         $('.list-recommended[data-id=' + Amplitude.getActiveSongMetadata().u_id + ']').addClass('playlist-list-song playing');
  264.         if ($('.feed_post[data-id="' + Amplitude.getActiveSongMetadata().u_id + '"]').length > 0) {
  265.         $.get('https://kleimun.com/endpoints/get-song-info', {id: Amplitude.getActiveSongMetadata().id}, function(data) {
  266.         if (data.status == 200) {
  267.         $('body').attr('song-duration', data.duration);
  268.         if (data.songWaves.length > 0) {
  269. $('.feed_post[data-id="' + data.songID + '"]:first').find('.waveform-small').html(data.songWaves);
  270. $('#light-wave img').width($('#dark-wave').width() + 'px');
  271. $('#light-waves img').width($('#dark-wavez').width() + 'px');
  272. $('.feed_post[data-id="' + data.songID + '"]:first').find('.post-actions').removeClass('hidden');
  273. $('.feed_post[data-id="' + data.songID + '"]:first').find('.ssong_comments').removeClass('hidden');
  274. $('.feed_post[data-id="' + data.songID + '"]:first').find('.mus_feeds_bodycoms').removeClass('hidden');
  275. $('.feed_post[data-id="' + data.songID + '"]:first').find('.art-info').removeClass('hidden');
  276.     $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment_list').html(data.comments);
  277.     $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment-waves').html(data.waves);
  278.     var getCurrentPlaying = Number($('.amplitude-song-played-progress').attr('value')) * 100;
  279.                $('#light-wave, #light-waves').width(getCurrentPlaying + '%');
  280.     updateWaveForm();
  281. }
  282.         }
  283.         });
  284.         }
  285.        }
  286.                        $('#music-user-ads-table').find('[type="checkbox"]').each(function(index, el) {
  287.                            $(el).bootstrapToggle();
  288.                        });
  289.                        if( data.page_name === 'station'){
  290.                            setTimeout(function () {
  291.                                $('body').addClass('player_running');
  292.                            }, 100);
  293.                        }
  294.       }
  295.  
  296.      })
  297.      .fail(function() {
  298.         window.location.href = siteUrl()+'/404';
  299.      })
  300.      .always(function() {
  301.       if (typeof data !== 'undefined') {
  302.       if (data.page_name == 'user' && data.scroll == true) {
  303.         $('html,body').animate({
  304.        scrollTop: $('#myTab').offset().top - 350
  305.    });
  306.        } else {
  307.         $('html,body').animate({
  308.        scrollTop: $('body').offset().top
  309.    });
  310.        }
  311.                        window.init_emojioneArea();
  312.       }
  313.        $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
  314.           $(this).width("0");
  315.        });
  316.      });
  317.  });
  318. window.artist_sell = 'on';
  319. var video_player;
  320. </script>
  321.  
  322. <style>
  323. :root {
  324. --main-color: #a71df9;
  325. --second-color: #de48ea;
  326. }
  327.  
  328. .sidebar .sidebar_innr .sections li a:before {
  329.     background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15.866' viewBox='0 0 11 15.866'%3e%3cg id='Hover:_Sound_bar' data-name='Hover: Sound bar' transform='translate(-1502 -129.5)'%3e%3cline id='Line_8' data-name='Line 8' y2='15.866' transform='translate(1511.5 129.5)' fill='none' stroke='%23de48ea' stroke-width='3'/%3e%3cline id='Line_9' data-name='Line 9' y2='14.254' transform='translate(1503.5 130.306)' fill='none' stroke='%23de48ea' stroke-width='3'/%3e%3c/g%3e%3c/svg%3e");
  330. }
  331. header .head_search .search_dropdown .see_all a:before {
  332. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23a71df9' d='M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z' /%3e%3c/svg%3e");
  333. }
  334. .see_all a:before {
  335. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23a71df9' d='M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z' /%3e%3c/svg%3e");
  336. }
  337. .sq_music_tracks .track .track_info .play_btn {
  338. background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='42.505' height='42.5' viewBox='0 0 42.505 42.5'%3e%3cpath id='Path_7225' data-name='Path 7225' d='M8827,2861.251a21.252,21.252,0,1,1,21.251,21.249A21.276,21.276,0,0,1,8827,2861.251Zm14.1-17.34a18.2,18.2,0,0,0-6.086,4.009,18.976,18.976,0,0,0,0,26.66,18.218,18.218,0,0,0,6.086,4.013,19.327,19.327,0,0,0,14.311,0,18.159,18.159,0,0,0,6.084-4.013,18.968,18.968,0,0,0,0-26.66,18.18,18.18,0,0,0-6.084-4.009,19.327,19.327,0,0,0-14.311,0Zm2.277,24.14c-.106,0-.214-.178-.267-.178a2.321,2.321,0,0,1-.107-.358v-11.8a2.33,2.33,0,0,1,.107-.358c.053,0,.16-.178.267-.178.125,0,.252-.18.376-.18a.369.369,0,0,0,.356.18l8.726,5.9c.107,0,.178.176.231.176.054.18.089.18.089.358s-.035.176-.089.358c-.054,0-.124.178-.231.178l-8.726,5.9a.37.37,0,0,0-.356.178C8843.627,2868.229,8843.5,2868.051,8843.375,2868.051Z' transform='translate(-8827.001 -2840)' fill='%23a71df9'/%3e%3c/svg%3e");
  339.  
  340. }
  341.  
  342. </style>
  343.  
  344. <script src="https://kleimun.com/themes/mtdvision/js/header.js?2386"></script>
  345.  
  347. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/custom.style.css?2617" id="custom.style.css">
  349.  
  350. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/js/lib/sweetalert2/dist/sweetalert2.min.css?v=1.5.2">
  351. <link rel="stylesheet" type="text/css" href="https://kleimun.com/themes/mtdvision/css/dataTables.bootstrap4.min.css?v=1.5.2">
  352. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/bootstrap-select.min.css?v=1.5.2">
  353.  
  354. <script src="https://kleimun.com/themes/mtdvision/js/plyr.polyfilled.js?v=1.5.2"></script>
  355. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/plyr.css?v=1.5.2" />
  356. <script src="https://kleimun.com/themes/mtdvision/js/jquery-ui-timepicker-addon.min.js?v=1.5.2"></script>
  357. <script type="text/javascript" src="https://kleimun.com/themes/mtdvision/js/xzoom.min.js"></script>
  358. <script src="https://kleimun.com/themes/mtdvision/js/html2pdf.bundle.js?v=1.5.2"></script>
  359. <script src="https://kleimun.com/themes/mtdvision/js/qrcode.js?v=1.5.2"></script>
  360. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/lightbox.min.css?v=1.5.2">
  361. <script src="https://kleimun.com/themes/mtdvision/js/lightbox.min.js?v=1.5.2"></script>
  363. <link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/flatpickr.min.css?v=1.5.2">
  364. <script src="https://kleimun.com/themes/mtdvision/js/flatpickr.js?v=1.5.2"></script>
  365. </head>
  366.  
  367. <body class=" side_open" data-lang="ltr">
  368. <div class="music_app">
  369. <div class="ma_container" id="page" data-page="404">
  370. <!-- Start Sidebar  -->
  371. <div class="ma_sidebar">
  372. <div class="sidebar">
  373. <div class="sidebar_innr" data-simplebar>
  374. <ul class="sections">
  375. <h3>Browse Music</h3>
  376. <li class="" >
  377. <a href="https://kleimun.com/discover" data-load="discover">
  378. <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24.997" viewBox="0 0 25 24.997"> <path id="Subtraction_4" data-name="Subtraction 4" d="M8853.4,2866.4h-10.287v-10.285H8853.4V2866.4Zm-8.828-8.826v7.369h7.366v-7.369Zm-5.885,8.826H8828.4v-10.285h10.287V2866.4Zm-8.828-8.826v7.369h7.37v-7.369Zm23.541-5.884h-10.287V2841.4H8853.4v10.286Zm-8.828-8.828v7.369h7.366v-7.369Zm-5.885,8.828H8828.4V2841.4h10.287v10.286Zm-8.828-8.828v7.369h7.37v-7.369Z" transform="translate(-8828.399 -2841.4)" fill="currentColor"/> </svg> Discover
  379. </a>
  380. </li>
  382. <li class="  hidden">
  383. <a href="https://kleimun.com/feed" data-load="feed">
  384. <svg enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m20.5 24h-12c-1.378 0-2.5-1.121-2.5-2.5v-15c0-1.379 1.122-2.5 2.5-2.5h12c1.378 0 2.5 1.121 2.5 2.5v15c0 1.379-1.122 2.5-2.5 2.5zm-12-19c-.827 0-1.5.673-1.5 1.5v15c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-15c0-.827-.673-1.5-1.5-1.5z"/><path fill="currentColor" d="m4.5 21h-1c-1.378 0-2.5-1.121-2.5-2.5v-16c0-1.379 1.122-2.5 2.5-2.5h12c1.378 0 2.5 1.121 2.5 2.5 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-.827-.673-1.5-1.5-1.5h-12c-.827 0-1.5.673-1.5 1.5v16c0 .827.673 1.5 1.5 1.5h1c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 17h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 21h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 13h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path fill="currentColor" d="m18.5 9h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z"/></svg> Feed
  385. </a>
  386. </li>
  388. <li class="">
  389. <a href="https://kleimun.com/new_music" data-load="new_music">
  390. <svg xmlns="http://www.w3.org/2000/svg" width="17.533" height="25" viewBox="0 0 17.533 25"> <path id="Subtraction_5" data-name="Subtraction 5" d="M8833.326,2865.7a5.626,5.626,0,1,1,3.574-9.967l.59.484v-14.786a.732.732,0,0,1,1.464,0v.046a2.538,2.538,0,0,0,1.479,1.985,8.266,8.266,0,0,0,4.07.982.732.732,0,0,1,0,1.464,9.4,9.4,0,0,1-5-1.3l-.553-.354v15.764a.055.055,0,0,1,0,.013v.017a.017.017,0,0,0,0,.007v.006a.055.055,0,0,1,0,.012A5.636,5.636,0,0,1,8833.326,2865.7Zm0-9.789a4.164,4.164,0,1,0,4.164,4.164A4.168,4.168,0,0,0,8833.326,2855.911Z" transform="translate(-8827.701 -2840.7)" fill="currentColor"/> </svg> New Music
  391. </a>
  392. </li>
  393. <li class="">
  394. <a href="https://kleimun.com/top_music" data-load="top_music">
  395. <svg xmlns="http://www.w3.org/2000/svg" width="24.699" height="25" viewBox="0 0 24.699 25"> <path id="Path_7218" data-name="Path 7218" d="M8843.883,2857.355a3.644,3.644,0,0,1,5.96-2.812l.082.069v-8.76a.624.624,0,1,1,1.247,0v.029a1.414,1.414,0,0,0,.828,1.076,4.939,4.939,0,0,0,2.425.583.623.623,0,1,1,0,1.247,5.98,5.98,0,0,1-3.175-.83l-.078-.049v9.448a3.645,3.645,0,1,1-7.289,0Zm1.248,0a2.4,2.4,0,1,0,2.4-2.4A2.4,2.4,0,0,0,8845.131,2857.355Zm-14.779-3.431a5.2,5.2,0,0,1,8.511-4.017l.545.447v-13.677a.677.677,0,0,1,1.354,0v.042a2.347,2.347,0,0,0,1.367,1.835,7.667,7.667,0,0,0,3.768.908.677.677,0,0,1,0,1.354,8.718,8.718,0,0,1-4.623-1.2l-.512-.33v14.583a.023.023,0,0,1,0,.013v.027a.016.016,0,0,1,0,.011,5.205,5.205,0,1,1-10.41,0Zm1.351,0a3.853,3.853,0,1,0,3.853-3.853A3.855,3.855,0,0,0,8831.7,2853.924Z" transform="translate(-8830.352 -2836)" fill="currentColor"/> </svg> Top Music
  396. </a>
  397. </li>
  398. <li class="">
  399. <a href="https://kleimun.com/albums" data-load="albums">
  400. <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24.899" viewBox="0 0 25 24.899"> <path id="Subtraction_7" data-name="Subtraction 7" d="M8840.7,2866.271a12.482,12.482,0,0,1-9.5-20.6,12.858,12.858,0,0,1,7.555-4.3v1.47a10.64,10.64,0,0,0-6.635,3.837,11.324,11.324,0,0,0-2.529,7.79,11.224,11.224,0,0,0,11.106,10.437,11.009,11.009,0,0,0,7.088-2.511,11.145,11.145,0,0,0,3.851-6.535,10.987,10.987,0,0,0-1.144-7.384,11.373,11.373,0,0,0-5.617-5l-.868-.352v10.651a3.474,3.474,0,0,1-.633,1.981,3.556,3.556,0,0,1-1.678,1.228,2.367,2.367,0,0,1-.74.112,4.252,4.252,0,0,1-1.321-.243,3.423,3.423,0,0,1-1.646-1.22,3.183,3.183,0,0,1-.6-1.979,3.126,3.126,0,0,1,.67-1.853l0-.007a3.554,3.554,0,0,1,1.7-1.228,2.424,2.424,0,0,1,.739-.112,4.152,4.152,0,0,1,1.31.242l.829.275v-9.6a12.856,12.856,0,0,1,7.553,4.3,12.482,12.482,0,0,1-9.5,20.6Z" transform="translate(-8828.199 -2841.371)" fill="currentColor"/> </svg> Albums
  401. </a>
  402. </li>
  403. <li class="">
  404. <a href="https://kleimun.com/spotlight" data-load="spotlight">
  405. <svg xmlns="http://www.w3.org/2000/svg" width="20.631" height="24.9" viewBox="0 0 20.631 24.9"> <path id="Path_7233" data-name="Path 7233" d="M8838.615,2866.2h0l-7.295-7.285a10.323,10.323,0,1,1,14.594,0l-7.3,7.287Zm0-23.534a8.946,8.946,0,0,0-8.264,5.517,8.753,8.753,0,0,0-.508,5.178,8.9,8.9,0,0,0,2.445,4.579l6.326,6.34,6.326-6.34a8.911,8.911,0,0,0,2.445-4.576,8.946,8.946,0,0,0-3.8-9.191A8.886,8.886,0,0,0,8838.615,2842.665Z" transform="translate(-8828.301 -2841.3)" fill="currentColor"/> </svg> Spotlight
  406. </a>
  407. </li>
  408. <li class="">
  409. <a href="https://kleimun.com/genres" data-load="genres">
  410. <svg xmlns="http://www.w3.org/2000/svg" width="19.093" height="23.901" viewBox="0 0 19.093 23.901"> <path id="Subtraction_34" data-name="Subtraction 34" d="M8837.182,2863.9h-1.264v-4.6l-.45-.044a9.68,9.68,0,0,1-5.761-2.684,10.215,10.215,0,0,1-2.707-5.26h1.283a8.426,8.426,0,0,0,16.535,0h1.274a10.15,10.15,0,0,1-2.7,5.26,9.682,9.682,0,0,1-5.761,2.684l-.453.044v4.6Zm-.631-9.056a4.925,4.925,0,0,1-3.641-1.543l-.018-.016a5.1,5.1,0,0,1-1.5-3.6V2847.7h1.266v1.985a3.9,3.9,0,0,0,7.79,0V2847.7h1.264v1.985a5.109,5.109,0,0,1-1.5,3.6l-.02.016A4.934,4.934,0,0,1,8836.551,2854.846Zm-3.894-8.142h-1.266v-1.545a5.1,5.1,0,0,1,1.5-3.6l.018-.015a4.932,4.932,0,0,1,3.641-1.541,4.2,4.2,0,0,1,1.937.4l.033.016.037.011a3.967,3.967,0,0,1,1.635,1.112l.037.033a4.466,4.466,0,0,1,1.088,1.625,4.909,4.909,0,0,1,.394,1.958v1.544h-1.264v-1.545a3.9,3.9,0,0,0-7.79,0v1.545Z" transform="translate(-8827 -2840)" fill="currentColor"/> </svg> Genres
  411. </a>
  412. </li>
  413. <li class="">
  414. <a href="https://kleimun.com/playlists" data-load="playlists">
  415. <svg xmlns="http://www.w3.org/2000/svg" width="23.707" height="19.162" viewBox="0 0 23.707 19.162"> <g id="Group_9318" data-name="Group 9318" transform="translate(-2.51 -457.207)"> <path id="Path_6453" data-name="Path 6453" d="M3469,13930.909h11.364v2.272H3469Zm0-7.955h15.909v2.273H3469Zm0-7.954h22.727v2.272H3469Z" transform="translate(-3466 -13457.303)" fill="currentColor" class="icon_stroke" stroke-width="0.98"/> <path id="Path_7235" data-name="Path 7235" d="M82.656,1.8a3.89,3.89,0,0,1-1.892-.448c-.4-.234-.634-.527-.634-.8V.524a.531.531,0,0,0-1.063,0V7.255A2.865,2.865,0,1,0,80.13,9.472c0-.005,0-.01,0-.016s0-.005,0-.008V2.193a4.8,4.8,0,0,0,2.526.652.524.524,0,1,0,0-1.048Zm-5.44,9.5a1.826,1.826,0,1,1,1.851-1.826A1.84,1.84,0,0,1,77.217,11.3Z" transform="translate(-57.46 463.533)" fill="currentColor"/> </g> </svg> Playlists
  416. </a>
  417. </li>
  418. <li class="">
  419. <a href="https://kleimun.com/fame" data-load="fame">
  420. <svg xmlns="http://www.w3.org/2000/svg" width="26" height="23.728" viewBox="0 0 26 23.728"> <path id="Path_6305" data-name="Path 6305" d="M3584.546,13078.682h2.272v11.363h-2.272Zm-4.546,3.409h2.272v4.545H3580Zm9.091-9.091h2.273v20.454h-2.273Zm4.545,2.271h2.273v20.456h-2.273Zm4.546,3.41h2.272v11.363h-2.272Zm4.546,3.409H3605v4.545h-2.272Z" transform="translate(-3579.5 -13072.5)" fill="currentColor" class="icon_stroke" stroke-width="1"/> </svg>
  421. Hall of fame
  422. </a>
  423. </li>
  425. <li class="">
  426. <a href="https://kleimun.com/point-system" data-load="point-system">
  427. <svg xmlns="http://www.w3.org/2000/svg" width="24.659" height="22.655" viewBox="0 0 24.659 22.655"> <g id="Group_9322" data-name="Group 9322" transform="translate(-7.751 -625.474)"> <path id="Path_7236" data-name="Path 7236" d="M8820.372,2870.056a15.79,15.79,0,0,1-7.756-1.818l-.677-.375-.253.729a.493.493,0,0,1-.187.233l-.014.009a.422.422,0,0,1-.261.077h-3.432a.481.481,0,0,1-.492-.494v-10.291a.484.484,0,0,1,.492-.494h3.432a.53.53,0,0,1,.35.142.535.535,0,0,1,.143.352v.65h.649a7.381,7.381,0,0,1,4.549,1.576l.177.14h2.707a4.485,4.485,0,0,1,3.346,1.5l.194.217h3.894a5.1,5.1,0,0,1,2.7.78,5.168,5.168,0,0,1,1.691,1.76,14.286,14.286,0,0,1-4.992,3.9A14.773,14.773,0,0,1,8820.372,2870.056Zm-8.654-10.291v6.759l.316.188.038.022a14.183,14.183,0,0,0,8.3,2.334,13.654,13.654,0,0,0,5.136-.993,13.157,13.157,0,0,0,4.264-2.764l.7-.645-.705-.59-.016-.011a4.084,4.084,0,0,0-2.246-.858l-.239-.013h-3.252l.173.789a4.665,4.665,0,0,1,.111,1v.494H8815.3v-.989h8.055l-.333-.878-.044-.124-.016-.029a3.6,3.6,0,0,0-1.2-1.379,3.471,3.471,0,0,0-1.737-.6l-3.308,0a6.347,6.347,0,0,0-4.352-1.714Zm-3.43-1.144v9.3h2.442v-9.3Z" transform="translate(-8799.4 -2222.076)" fill="currentColor" class="icon_stroke" stroke-width="0.3"/> <path id="Path_6605" data-name="Path 6605" d="M3366.446,7177.582l-3.682,2.248,1-4.2-3.276-2.806,4.3-.345,1.659-3.983,1.653,3.983,4.3.345-3.275,2.806,1,4.2Z" transform="translate(-3344.385 -6543.025)" fill="currentColor"/> </g> </svg> Earn Points
  428. </a>
  429. </li>
  430. </ul>
  431.  
  432. <ul class="sections">
  433. <h3>Store</h3>
  434. <li class="">
  435. <a href="https://kleimun.com/store/songs" data-load="store/songs">
  436. <svg xmlns="http://www.w3.org/2000/svg" width="28.05" height="28.05" viewBox="0 0 28.05 28.05"> <g id="Group_9324" data-name="Group 9324" transform="translate(-2.94 -712.3)"> <path id="Path_6772" data-name="Path 6772" d="M3772.806,8082.976l5.555,5.554-1.83,1.83-5.555-5.555a11.672,11.672,0,1,1,1.83-1.829Zm-2.609-.962a9.053,9.053,0,1,0-.182.183Z" transform="translate(-3748.36 -7351)" fill="currentColor" class="icon_stroke" stroke-width="1.4"/> <g id="Icon_feather-globe" data-name="Icon feather-globe" transform="translate(9.476 718.914)"> <path id="Path_7238" data-name="Path 7238" d="M14.747,8.873A5.873,5.873,0,1,1,8.873,3,5.873,5.873,0,0,1,14.747,8.873Z" transform="translate(-3 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> <path id="Path_7239" data-name="Path 7239" d="M3,18H14.747" transform="translate(-3 -12.127)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> <path id="Path_7240" data-name="Path 7240" d="M14.349,3A8.986,8.986,0,0,1,16.7,8.873a8.986,8.986,0,0,1-2.349,5.873A8.986,8.986,0,0,1,12,8.873,8.986,8.986,0,0,1,14.349,3Z" transform="translate(-8.476 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.9"/> </g> </g> </svg> Browse
  437. </a>
  438. </li>
  439. <li class="">
  440. <a href="https://kleimun.com/purchased" data-load="purchased">
  441. <svg xmlns="http://www.w3.org/2000/svg" width="24.999" height="25.196" viewBox="0 0 24.999 25.196"> <path id="Union_6" data-name="Union 6" d="M8827.667,2865.2a.66.66,0,0,1-.667-.667v-.083l1.126-14.553a.634.634,0,0,1,.206-.425l.015-.01a.641.641,0,0,1,.446-.178h2.082v-.659a8.666,8.666,0,0,1,2.524-6.1,8.63,8.63,0,0,1,12.2,0,8.659,8.659,0,0,1,2.528,6.1v.659h2.078a.646.646,0,0,1,.448.178l.015.01a.631.631,0,0,1,.207.422l1.127,14.581a.694.694,0,0,1-.163.493.7.7,0,0,1-.432.232Zm.719-1.332h22.225l-1.02-13.254H8829.4Zm6.067-20.509a7.208,7.208,0,0,0-2.234,4.941l-.043.982h14.611v-.659a7.274,7.274,0,0,0-6.967-7.277l-.292-.012-.028,0A7.267,7.267,0,0,0,8834.453,2843.356Zm2.395,13.218v-2.653h5.306v2.653Z" transform="translate(-8827 -2840)" fill="currentColor"/> </svg> Purchased
  442. </a>
  443. </li>
  444. </ul>
  446. <ul class="sections">
  447. <h3>Events</h3>
  448. <li  class="">
  449. <a href="https://kleimun.com/events" data-load="events">
  450. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><rect x="4" y="5" width="16" height="16" rx="2"></rect><line x1="16" y1="3" x2="16" y2="7"></line><line x1="8" y1="3" x2="8" y2="7"></line><line x1="4" y1="11" x2="20" y2="11"></line><rect x="8" y="15" width="2" height="2"></rect></svg> Events
  451. </a>
  452. </li>
  453. </ul>
  454. <ul class="sections">
  455. <h3>Your Music</h3>
  456. <li  class="">
  457. <a href="https://kleimun.com/recently_played" data-load="recently_played">
  458. <svg xmlns="http://www.w3.org/2000/svg" width="26.1" height="23.654" viewBox="0 0 26.1 23.654"> <g id="Group_9328" data-name="Group 9328" transform="translate(-37.95 -889.95)"> <path id="Path_6433" data-name="Path 6433" d="M3477.775,13807.426l6.1,4.123c.075,0,.125.125.162.125.038.125.063.125.063.25s-.025.123-.062.25c-.037,0-.087.123-.162.123l-6.1,4.125a.259.259,0,0,0-.25.125c-.087,0-.175-.125-.262-.125s-.15-.125-.187-.125a1.658,1.658,0,0,1-.075-.25v-8.246a1.646,1.646,0,0,1,.075-.252c.038,0,.112-.123.188-.123s.175-.127.262-.127A.257.257,0,0,0,3477.775,13807.426Z" transform="translate(-3429.128 -12910.147)" fill="currentColor"/> <path id="Path_7243" data-name="Path 7243" d="M3468.993,13802h24.914l.086,21.242v1.309l-24.992-.176v-1.133Zm2.508,2.5v17.494h19.993V13804.5Z" transform="translate(-3430.493 -12911.5)" fill="currentColor" class="icon_stroke" stroke-width="1.1"/> </g> </svg> Recently Played
  459. </a>
  460. </li>
  461. <li  class="">
  462. <a href="https://kleimun.com/my_playlists" data-load="my_playlists">
  463. <svg xmlns="http://www.w3.org/2000/svg" width="23.707" height="19.162" viewBox="0 0 23.707 19.162"> <g id="Group_9318" data-name="Group 9318" transform="translate(-2.51 -457.207)"> <path id="Path_6453" data-name="Path 6453" d="M3469,13930.909h11.364v2.272H3469Zm0-7.955h15.909v2.273H3469Zm0-7.954h22.727v2.272H3469Z" transform="translate(-3466 -13457.303)" fill="currentColor" class="icon_stroke" stroke-width="0.98"/> <path id="Path_7235" data-name="Path 7235" d="M82.656,1.8a3.89,3.89,0,0,1-1.892-.448c-.4-.234-.634-.527-.634-.8V.524a.531.531,0,0,0-1.063,0V7.255A2.865,2.865,0,1,0,80.13,9.472c0-.005,0-.01,0-.016s0-.005,0-.008V2.193a4.8,4.8,0,0,0,2.526.652.524.524,0,1,0,0-1.048Zm-5.44,9.5a1.826,1.826,0,1,1,1.851-1.826A1.84,1.84,0,0,1,77.217,11.3Z" transform="translate(-57.46 463.533)" fill="currentColor"/> </g> </svg> My Playlists
  464. </a>
  465. </li>
  466. <li class="">
  467. <a href="https://kleimun.com/favourites" data-load="favourites">
  468. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path></svg> Favourites
  469. </a>
  470. </li>
  471. </ul>
  472. </div>
  473. </div>
  474. </div>
  475. <script>
  476. function OpenStoreMenu(self) {
  477. $(self).find('span').find('svg').remove();
  478. if ($(".mystore_menu").is(":visible")) {
  479. $(".mystore_menu").slideUp();
  480. $(self).find('span').append('<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
  481. }
  482. else{
  483. $(".mystore_menu").slideDown();
  484. $(self).find('span').append('<svg style="float: right;width: 15px !important;height: 15px !important;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="15" height="15" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024"><path d="M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" fill="currentColor"/></svg>');
  485. }
  486. }
  487.  
  488. current_width = $(window).width();
  489.  
  490. if(current_width < 1190) {
  491. $(document).on('click', '.sidebar .sidebar_innr a', function() {
  492. $('body').removeClass('side_open');
  493. });
  494. }
  495. </script>
  496.  
  497. <!-- End Sidebar  -->
  498.  
  499. <!-- Header  -->
  500. <div id="main-header">
  501. <header class="vlc_no_usr_hdr">
  502. <div class="head_menu" id="open_slide" onclick="SlideSetCookie('open_slide')">
  503. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.25" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="18" x2="20" y2="18"></line></svg>
  504. </div>
  506. <div class="head_logo loggd_hd_logo">
  507. <a class="brans" href="https://kleimun.com/">
  508. <img src="https://kleimun.com/themes/mtdvision/img/logo.png?cache=123" alt="">
  509. </a>
  510. </div>
  512. <div class="mu_left_hdr_part">
  513. <div class="head_search">
  514. <form onSubmit="event.preventDefault(); goToAjaxLink('search/songs/' + $('#search_keyword').val());"><!--action="https://kleimun.com/search/songs" method="POST" >-->
  515. <div class="head_search_cont">
  516. <input name="search_keyword" id="search_keyword" value="" type="text" class="form-control" placeholder="Search for songs, artists, playlists and more.." onfocus="Ma_OpenTrending();" autocomplete="off"/>
  517. <svg xmlns="http://www.w3.org/2000/svg" width="24.6" height="24.599" viewBox="0 0 24.6 24.599"><g id="Group_9414" data-name="Group 9414" transform="translate(0.6 0.6)"><path id="Path_6571" data-name="Path 6571" d="M3706.635,6944A10.635,10.635,0,1,1,3696,6954.635,10.636,10.636,0,0,1,3706.635,6944Zm0,18.906a8.271,8.271,0,1,0-8.271-8.271A8.265,8.265,0,0,0,3706.635,6962.907Z" transform="translate(-3696 -6944)" fill="currentColor" class="icon_stroke" stroke-width="1.2"/><path id="Path_215773" data-name="Path 215773" d="M3716.667,6962.989l3.333,3.345-1.667,1.666-3.344-3.332Z" transform="translate(-3696 -6944)" fill="currentColor"/>  </g></svg>
  518. <div class="head_search_mobi_close" id="close_search">
  519. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>
  520. </div>
  521. <div class="search_dropdown hidden">
  522. <div class="trend_head"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z" /></svg> Trending Now</div>
  523. <div class="serach_trend"><a href="https://kleimun.com/search/songs/PHARAØH" data-load="search/songs/PHARAØH"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;PHARAØH</a></div>
  524. <div class="serach_trend"><a href="https://kleimun.com/search/songs/Mary’s" data-load="search/songs/Mary’s"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Mary’s</a></div>
  525. <div class="serach_trend"><a href="https://kleimun.com/search/songs/mar5" data-load="search/songs/mar5"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;mar5</a></div>
  526. <div class="serach_trend"><a href="https://kleimun.com/search/songs/Muffin" data-load="search/songs/Muffin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Muffin</a></div>
  527. <div class="serach_trend"><a href="https://kleimun.com/search/songs/Marys" data-load="search/songs/Marys"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Marys</a></div>
  528. <div class="serach_trend"><a href="https://kleimun.com/search/songs/rema" data-load="search/songs/rema"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;rema</a></div>
  529. <div class="serach_trend"><a href="https://kleimun.com/search/songs/dharkreh" data-load="search/songs/dharkreh"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;dharkreh</a></div>
  530. <div class="serach_trend"><a href="https://kleimun.com/search/songs/Robbe" data-load="search/songs/Robbe"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;Robbe</a></div>
  531. <div class="serach_trend"><a href="https://kleimun.com/search/songs/rridah" data-load="search/songs/rridah"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;rridah</a></div>
  532. <div class="serach_trend"><a href="https://kleimun.com/search/songs/JOZUA" data-load="search/songs/JOZUA"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>&nbsp;&nbsp;JOZUA</a></div>
  533. <div class="text-center see_all">
  534. <a href="https://kleimun.com/search/songs" data-load="search/songs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"></path></svg> Advanced Search</a>
  535. </div>
  536. </div>
  537. </div>
  538. </form>
  539. </div>
  540. </div>
  541.  
  542. <div class="mu_right_hdr_part head_user not_loggd_hdrr">
  543. <!--<a href="#" data-toggle="modal" data-target="#login_box" class="btn login hide_hd_btn">Login</a>
  544. <a href="#" data-toggle="modal" data-target="#signup_box" class="btn btn-primary btn-mat hide_hd_btn">Register</a>
  545. -->
  546. <span class="opts_account opts_head_acc dropdown">
  547. <div class="ds_hdr_top_btns" data-display="static" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  548. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"></path></svg>
  549. </div>
  551. <div class="dropdown-menu dropdown-menu-right mat-dropdown acct">
  552. <ul class="list-unstyled mb-0">
  553. <li><a href="#" data-toggle="modal" data-target="#login_box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 11V8l5 4-5 4v-3H1v-2h9zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12 8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7z"/></svg>&nbsp;&nbsp;Login</a></li>
  554. <li><a href="#" data-toggle="modal" data-target="#signup_box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3z"/></svg>&nbsp;&nbsp;Register</a></li>
  555. <li class="divider"></li>
  556. <li class="toggle-mode top-header">
  557. <label class="switch">
  558. <span class="txt">Night mode</span>
  559. <input type="checkbox" id="night_mode_toggle" data-mode='day'>
  560. <span class="slider nigh_day_ico">
  561. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path></svg>
  562. </span>
  563. </label>
  564. </li>
  565. </ul>
  566. </div>
  567. </span>
  568. </div>
  569. </header>
  570. </div>
  571. <div id="bar_loading"></div>
  572. <!-- End Header  -->
  573.  
  574. <!-- Content  -->
  575. <div id="container_content">
  576. <div class="ma_page_content">
  577. <div class="ma_pc_inner">
  578. <div class="reset_page">
  579. <div class="text-center ma_404">
  580. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><g id="freepik--background-complete--inject-6"><rect y="382.4" width="500" height="0.25" style="fill:#474747"></rect><rect x="428.22" y="398.49" width="21.68" height="0.25" style="fill:#474747"></rect><rect x="310.56" y="393.31" width="34.11" height="0.25" style="fill:#474747"></rect><rect x="396.59" y="389.21" width="44.53" height="0.25" style="fill:#474747"></rect><rect x="161.88" y="394.25" width="11.14" height="0.25" style="fill:#474747"></rect><rect x="114.58" y="394.25" width="38.39" height="0.25" style="fill:#474747"></rect><rect x="66.31" y="390.03" width="27.7" height="0.25" style="fill:#474747"></rect><path d="M216.07,200.88l.45-13.14-8.06-2.64a79.2,79.2,0,0,0-2.16-13.2l6.84-5-4.64-12.34-8.46.68a78.17,78.17,0,0,0-7-11.35l4.38-7.31-9-9.61-7.56,3.87A81.78,81.78,0,0,0,170,123l1.22-8.4-12-5.44-5.5,6.44a80.66,80.66,0,0,0-13-3l-2-8.23-13.18-.45-2.6,8.07a80.48,80.48,0,0,0-13.19,2.15l-5.08-6.8-12.34,4.61.68,8.46a80.13,80.13,0,0,0-11.35,7.07L74.3,123l-9.65,9,3.87,7.6a77.61,77.61,0,0,0-7.8,10.84l-8.39-1.26-5.48,12,6.48,5.49a78.54,78.54,0,0,0-3,13L42,181.76l-.45,13.14,8.1,2.64a77.4,77.4,0,0,0,2.15,13.19l-6.84,5,4.65,12.35,8.46-.68a77,77,0,0,0,7,11.35l-4.39,7.31,9,9.61,7.56-3.87a80.74,80.74,0,0,0,10.84,7.83l-1.26,8.39,12,5.45,5.53-6.44a81.73,81.73,0,0,0,13,3.05l2,8.23,13.18.45,2.6-8.07a81.5,81.5,0,0,0,13.2-2.15l5,6.8,12.34-4.61-.64-8.46a83.44,83.44,0,0,0,11.35-7.07l7.27,4.38,9.65-9-3.87-7.6a77.38,77.38,0,0,0,7.8-10.84l8.39,1.26,5.48-12-6.48-5.5a77.26,77.26,0,0,0,3.05-13Zm-88.79,42.57a52.16,52.16,0,1,1,53.89-50.33A52.15,52.15,0,0,1,127.28,243.45Z" style="fill:#474747"></path><path d="M441,157.42l3.31-3.09L443,151.72a27.6,27.6,0,0,0,2.69-3.74l2.9.43,1.87-4.14-2.22-1.89a26.84,26.84,0,0,0,1.05-4.49l2.85-.71.14-4.54-2.78-.9a28.32,28.32,0,0,0-.74-4.56l2.35-1.75-1.6-4.25-2.91.23a28.25,28.25,0,0,0-2.43-3.92l1.51-2.5-3.11-3.32-2.6,1.33a28.24,28.24,0,0,0-3.74-2.69l.42-2.9-4.13-1.89-1.9,2.23a27.83,27.83,0,0,0-4.49-1l-.71-2.84-4.54-.17-.91,2.8a27,27,0,0,0-4.54.74l-1.74-2.35-4.26,1.59.24,2.92a26.58,26.58,0,0,0-3.92,2.43l-2.52-1.51-3.32,3.09L401.2,116a26.6,26.6,0,0,0-2.7,3.74l-2.89-.43-1.88,4.14,2.23,1.9a26.5,26.5,0,0,0-1,4.48l-2.86.71-.14,4.54,2.79.9a27.24,27.24,0,0,0,.73,4.56l-2.36,1.74,1.6,4.25,2.92-.22a28.25,28.25,0,0,0,2.43,3.92l-1.51,2.5,3.11,3.32,2.6-1.33a27.35,27.35,0,0,0,3.74,2.69l-.43,2.89,4.14,1.89,1.9-2.22a28.94,28.94,0,0,0,4.49,1l.71,2.84,4.54.17.91-2.8a26.86,26.86,0,0,0,4.54-.74l1.74,2.35,4.26-1.59-.23-2.92a26.69,26.69,0,0,0,3.91-2.43Zm-23.62-19.13a6.47,6.47,0,1,1,9.14.32A6.46,6.46,0,0,1,417.34,138.29Z" style="fill:#474747"></path><path d="M320,292.34l-10.34-7.15v0a56.25,56.25,0,0,0-4.16-10.77l2.65-10.4-15-16.06-10.56,1.93A56.3,56.3,0,0,0,272.12,245h0l-6.42-10.81-22-.75-7.14,10.34h0a56.53,56.53,0,0,0-10.76,4.15l-10.4-2.65-16.06,15,1.93,10.54h0a56.23,56.23,0,0,0-4.88,10.49l-10.81,6.42-.75,22,10.35,7.14a54.75,54.75,0,0,0,4.15,10.82h0L196.65,338l15,16.06,10.49-1.92a57.19,57.19,0,0,0,10.54,4.9h0l6.41,10.79,22,.76,7.13-10.34a57.08,57.08,0,0,0,10.86-4.16h0l10.34,2.64,16.07-15-1.93-10.54a55.4,55.4,0,0,0,4.88-10.5h0l10.81-6.42Zm-68.45,33.39a24.71,24.71,0,1,1,25.54-23.86A24.74,24.74,0,0,1,251.54,325.73Z" style="fill:#474747"></path><path d="M343.55,230h-.07l-17.32-.59a2.08,2.08,0,0,1-1.74-1l-4.67-7.85a47.84,47.84,0,0,1-7.28-3.38L305,218.47a2.1,2.1,0,0,1-1.92-.64l-11.83-12.66a2.1,2.1,0,0,1-.5-2l1.89-7.41a45.45,45.45,0,0,1-2.86-7.47l-7.53-5.2a2.1,2.1,0,0,1-.91-1.81l.59-17.32a2.14,2.14,0,0,1,1-1.74l7.87-4.67a45.32,45.32,0,0,1,3.37-7.25l-1.38-7.53a2.11,2.11,0,0,1,.64-1.93l12.66-11.82a2.11,2.11,0,0,1,2-.51l7.44,1.9a45.83,45.83,0,0,1,7.45-2.87l5.2-7.53a2,2,0,0,1,1.81-.91l17.31.6a2.11,2.11,0,0,1,1.75,1l4.67,7.86a46.41,46.41,0,0,1,7.22,3.38l7.56-1.39a2.09,2.09,0,0,1,1.92.64l11.83,12.66a2.12,2.12,0,0,1,.5,2l-1.9,7.43a46.59,46.59,0,0,1,2.88,7.45l7.52,5.2a2.1,2.1,0,0,1,.91,1.81l-.59,17.31a2.16,2.16,0,0,1-1,1.75l-7.87,4.67a46.51,46.51,0,0,1-3.37,7.24l1.38,7.54a2.09,2.09,0,0,1-.64,1.92L367.33,220a2.1,2.1,0,0,1-2,.5l-7.4-1.89a47.49,47.49,0,0,1-7.49,2.87L345.29,229A2.13,2.13,0,0,1,343.55,230Zm-16.09-4.77,15,.51,5-7.19a2,2,0,0,1,1.19-.84,43.84,43.84,0,0,0,8.15-3.13h0a2.16,2.16,0,0,1,1.46-.15l7,1.79,11-10.25L375,198.74a2.09,2.09,0,0,1,.26-1.47,41.58,41.58,0,0,0,3.65-7.83,2.13,2.13,0,0,1,.94-1.18l7.53-4.46.51-15-7.2-5a2.11,2.11,0,0,1-.81-1.07c0-.05,0-.11,0-.17a43,43,0,0,0-3.12-8,2.11,2.11,0,0,1-.16-1.48l1.8-7.08-10.25-11-7.19,1.32a2.13,2.13,0,0,1-1.46-.26,42.3,42.3,0,0,0-7.84-3.67,2.28,2.28,0,0,1-.45-.2,2.1,2.1,0,0,1-.7-.72L346,123.92l-15-.52-5,7.21a2.16,2.16,0,0,1-1.24.85,42.63,42.63,0,0,0-8.06,3.11,2.08,2.08,0,0,1-1.47.16l-7.08-1.8-11,10.25,1.32,7.17a2.18,2.18,0,0,1-.19,1.33l-.1.17a41.56,41.56,0,0,0-3.65,7.86,2.12,2.12,0,0,1-.92,1.12l-7.53,4.47-.51,15,7.21,5a2.1,2.1,0,0,1,.84,1.18,41.52,41.52,0,0,0,3.11,8.12,2.54,2.54,0,0,1,.17.46,2.24,2.24,0,0,1,0,1l-1.8,7,10.25,11,7.14-1.31a2.1,2.1,0,0,1,1.45.26,43.26,43.26,0,0,0,7.89,3.67,2,2,0,0,1,1.17.93Zm24.78-94.81h0Zm-15.51,75.84c-.37,0-.74,0-1.11,0a31.53,31.53,0,1,1,1.11,0Zm0-59.09a27.55,27.55,0,1,0,.95,0Z" style="fill:#474747"></path><polygon points="383.44 105.32 376.26 103.4 374.34 96.22 377.15 93.42 380.11 99.55 386.25 102.52 383.44 105.32" style="fill:#e0e0e0"></polygon><path d="M383.88,100.52a3.34,3.34,0,1,0-4.73-4.73l3.57-5.36,4.78,2.42,1.05,5Z" style="fill:#e0e0e0"></path><path d="M376.58,94l5.26-5.26L389,90.65l1.93,7.17-5.26,5.26-7.17-1.93Zm9.55,4.3a3.35,3.35,0,1,0-4.74,0A3.37,3.37,0,0,0,386.13,98.28Z" style="fill:#f0f0f0"></path><polygon points="90.22 296.71 94.07 295.67 95.1 291.82 93.6 290.32 92.01 293.61 88.71 295.2 90.22 296.71" style="fill:#e0e0e0"></polygon><path d="M90,294.13a1.8,1.8,0,0,1,2.54-2.54l-1.91-2.87L88,290l-.56,2.7Z" style="fill:#e0e0e0"></path><path d="M93.9,290.62l-2.82-2.82-3.85,1-1,3.85L89,295.5l3.85-1Zm-5.12,2.31a1.8,1.8,0,1,1,2.54-2.54,1.8,1.8,0,0,1-2.54,2.54Z" style="fill:#f0f0f0"></path><path d="M76.36,85.66l3.2,3.2a2.14,2.14,0,0,0,3,0h0a2.15,2.15,0,0,0,0-3l-3.19-3.19a2.15,2.15,0,0,0-3,0h0A2.14,2.14,0,0,0,76.36,85.66Z" style="fill:#f0f0f0"></path><path d="M74.11,77.71a4.45,4.45,0,1,1-3,5.78A4.59,4.59,0,0,1,74.11,77.71Z" style="fill:#e0e0e0"></path><rect x="74.93" y="76.84" width="1.37" height="10.1" transform="translate(24.11 180.74) rotate(-109.76)" style="fill:#f0f0f0"></rect></g><g id="freepik--Shadow--inject-6"><ellipse id="freepik--path--inject-6" cx="250" cy="416.24" rx="193.89" ry="11.32" style="fill:#161616"></ellipse></g><g id="freepik--error-404--inject-6"><path d="M128.68,171.58l-.18,0c-4.5-1.75-7.19-3.45-8.59-5.5a5.14,5.14,0,0,1-3.23-.44,6.5,6.5,0,0,1-2.79-2.62,2.54,2.54,0,0,1-2.42.37,6.14,6.14,0,0,1-3-2.41,2.23,2.23,0,0,1-1.56.43c-3-.24-7-6.16-7.29-12.46a.52.52,0,0,1,.48-.53.5.5,0,0,1,.52.48c.28,6,4.11,11.33,6.38,11.51a1.26,1.26,0,0,0,.93-.27,12.28,12.28,0,0,1-1-9.42c.86-3,1.62-4.18,2.54-4,1.72.43,1.49,7,.58,11.29a6.14,6.14,0,0,1-.84,2.18,5.4,5.4,0,0,0,2.54,2.21,1.58,1.58,0,0,0,1.67-.35c-.78-1.93-1-4.57.12-7.93,1.4-4.43,2-4.55,2.31-4.63a.66.66,0,0,1,.64.22c.93,1.05-.18,7.93-1.34,11.33a5,5,0,0,1-.56,1.16,5.56,5.56,0,0,0,2.49,2.5,4.41,4.41,0,0,0,2.28.43c-.09-.19-.17-.38-.25-.58-.79-2.15-.4-4.62,1.19-7.58,1.05-1.95,1.91-2.87,2.71-2.87h0a1.11,1.11,0,0,1,1,.66c.87,1.61.24,6.92-1.48,9.56a4,4,0,0,1-1.62,1.4c1.34,1.76,3.89,3.31,8,4.89a.49.49,0,0,1,.29.64A.51.51,0,0,1,128.68,171.58ZM123,155.11s-.57,0-1.83,2.35c-1.45,2.68-1.82,4.89-1.13,6.75a5.06,5.06,0,0,0,.3.67,2.88,2.88,0,0,0,1.32-1.1c1.4-2.14,2.07-6.54,1.55-8.26C123.14,155.17,123,155.11,123,155.11Zm-7.18-4.21a23.33,23.33,0,0,0-1.34,3.53,11.38,11.38,0,0,0-.38,6.55l.09-.26A32.79,32.79,0,0,0,115.85,150.9Zm-6.58-3.15c-.17.15-.66.78-1.35,3.22a11.24,11.24,0,0,0,.72,8.24,6.18,6.18,0,0,0,.45-1.4C110.13,152.9,109.83,148.46,109.27,147.75Z" style="fill:#263238"></path><path d="M166.7,224a9,9,0,0,1-4.56-1.19.51.51,0,0,1-.18-.69.49.49,0,0,1,.68-.17c3.57,2.09,8.18.63,9.13-.9a.88.88,0,0,0,.15-.67,8.12,8.12,0,0,1-5.13-1.46c-2.55-1.59-2.75-2.07-2.73-2.45a.61.61,0,0,1,.34-.52c1-.5,5.51,1.57,7.39,2.81a3.63,3.63,0,0,1,.62.52,3.55,3.55,0,0,0,1.9-1.14,2.87,2.87,0,0,0,.59-1.13l-.2,0c-1.6.16-3.2-.53-4.91-2.11-1.18-1.08-1.63-1.83-1.48-2.42a.9.9,0,0,1,.72-.65c1.38-.35,4.8,1.11,6.19,2.64a2.68,2.68,0,0,1,.64,1.18c1.31-.61,2.69-2,4.32-4.27a.5.5,0,0,1,.7-.12.51.51,0,0,1,.12.7c-1.89,2.64-3.47,4.14-5.05,4.75a3.69,3.69,0,0,1-.87,2,4.6,4.6,0,0,1-2.18,1.41,1.84,1.84,0,0,1-.28,1.39C171.78,222.94,169.36,224,166.7,224Zm-.89-6.94c.34.25.82.58,1.51,1a8,8,0,0,0,3.6,1.32A24.67,24.67,0,0,0,165.81,217.06Zm3.49-4.25a4.33,4.33,0,0,0,1.17,1.39c1.48,1.37,2.83,2,4.13,1.84l.32,0a1.81,1.81,0,0,0-.44-.83C173.08,213.63,170,212.65,169.3,212.81Z" style="fill:#263238"></path><path d="M179.94,222.63l-15.58,2.83-14.15-77.22-30.06,5.46-49,87,5.26,28.71L139.26,258l4.3,23.48L173.62,276l-4.3-23.48,15.58-2.83ZM101.09,237l26-45.57,7.25,39.54Z" style="fill:var(--main-color)"></path><path d="M305.43,143a58.84,58.84,0,0,0-3.2-14.22,46.31,46.31,0,0,0-7-12.19,40.37,40.37,0,0,0-12.7-10.36q-8-4.39-21.22-6.11-27.45-3.58-42.78,9.74t-20.2,51a139.33,139.33,0,0,0-1,28.34q1,13,4.78,20.93a43.74,43.74,0,0,0,14.65,17.78q9.47,6.65,26,8.79,29.38,3.83,43.57-11.29t18.8-51.1A129.48,129.48,0,0,0,305.43,143Z" style="fill:var(--main-color)"></path><path d="M251.77,226.43c-2.41-.08-5-.3-7.61-.64-9.16-1.19-16.24-3.51-21.06-6.89a32.66,32.66,0,0,1-11-13.4l-.05-.11c-1.92-4-3.18-9.75-3.73-17a128.2,128.2,0,0,1,.92-26.1c3.57-27.72,10.94-39.29,16.49-44.11,6.48-5.62,15.23-8.16,26.73-7.76,2.36.08,4.86.29,7.43.62,7.38,1,13.23,2.6,17.37,4.86a29.79,29.79,0,0,1,9.31,7.49,35.25,35.25,0,0,1,5.35,9.27,47.78,47.78,0,0,1,2.56,11.55,118.67,118.67,0,0,1-.29,28.72c-2.77,21.54-8.13,36.68-15.92,45-5.78,6.16-14.45,9-26.51,8.54Z" style="fill:#263238"></path><path d="M271.34,143.29l.13-3.79-2.33-.76a22.82,22.82,0,0,0-.62-3.8l2-1.46-1.34-3.56-2.44.2a22.82,22.82,0,0,0-2-3.27l1.26-2.11-2.6-2.77-2.18,1.12a23.17,23.17,0,0,0-3.12-2.26l.35-2.42-3.46-1.57-1.58,1.86a23.26,23.26,0,0,0-3.75-.88l-.59-2.37-3.8-.13-.75,2.32a23.54,23.54,0,0,0-3.8.62l-1.47-2-3.56,1.33.2,2.44a22.94,22.94,0,0,0-3.27,2l-2.1-1.27-2.78,2.59,1.12,2.19a21.78,21.78,0,0,0-2.25,3.13l-2.42-.37-1.58,3.46,1.87,1.58a21.43,21.43,0,0,0-.88,3.76l-2.38.6-.13,3.78,2.33.76a22.6,22.6,0,0,0,.62,3.81l-2,1.45,1.34,3.56,2.44-.2a21.51,21.51,0,0,0,2,3.27l-1.27,2.11,2.6,2.77,2.18-1.11a23.1,23.1,0,0,0,3.12,2.25l-.36,2.42,3.46,1.57,1.59-1.85a23.12,23.12,0,0,0,3.76.87l.59,2.38,3.79.13.75-2.33a22.6,22.6,0,0,0,3.81-.62l1.45,2,3.56-1.33-.19-2.43a24.89,24.89,0,0,0,3.27-2l2.1,1.26,2.78-2.59-1.11-2.19a21.62,21.62,0,0,0,2.24-3.12l2.42.36,1.58-3.46-1.86-1.58a22.23,22.23,0,0,0,.87-3.75Zm-25.6,12.27a15,15,0,1,1,15.54-14.51A15,15,0,0,1,245.74,155.56Z" style="fill:var(--main-color)"></path><path d="M287.12,212.87l.28-2.56-1.54-.62a16,16,0,0,0-.22-2.6l1.39-.89-.71-2.47-1.66,0a14.82,14.82,0,0,0-1.19-2.31l.94-1.36-1.6-2-1.53.64a16.07,16.07,0,0,0-2-1.68l.37-1.62-2.25-1.24-1.18,1.19a15.87,15.87,0,0,0-2.48-.79l-.28-1.63-2.55-.29-.63,1.54a14.85,14.85,0,0,0-2.59.24l-.89-1.42-2.47.73v1.66a14.9,14.9,0,0,0-2.31,1.2l-1.36-1-2,1.6.64,1.53a16.13,16.13,0,0,0-1.67,2l-1.62-.36-1.23,2.25,1.18,1.17a15,15,0,0,0-.79,2.49l-1.64.27-.27,2.55,1.53.64a14.73,14.73,0,0,0,.23,2.58l-1.41.89.72,2.47H256a15.22,15.22,0,0,0,1.2,2.3l-1,1.36,1.6,2,1.55-.65a14.55,14.55,0,0,0,2,1.67L261,224l2.25,1.23,1.17-1.17a16.12,16.12,0,0,0,2.48.77l.29,1.64,2.55.28.62-1.53A16.22,16.22,0,0,0,273,225l.89,1.41,2.46-.72v-1.66a16.45,16.45,0,0,0,2.32-1.2l1.34,1,2-1.61-.65-1.53a16.28,16.28,0,0,0,1.69-2l1.61.36,1.24-2.25-1.18-1.16a16.47,16.47,0,0,0,.77-2.48Zm-12.87-1a4.46,4.46,0,1,1-1.77-6.05A4.47,4.47,0,0,1,274.25,211.87Z" style="fill:var(--main-color);opacity:0.30000000000000004"></path><path d="M301.29,169.65l-3-2.06h0a16.59,16.59,0,0,0-1.2-3.1l.76-3-4.32-4.63-3,.56a17,17,0,0,0-3-1.41h0l-1.85-3.12-6.33-.21-2.06,3h0a15.92,15.92,0,0,0-3.1,1.2l-3-.77-4.63,4.33.56,3h0a15.68,15.68,0,0,0-1.41,3l-3.11,1.85-.22,6.33,3,2.06a16.11,16.11,0,0,0,1.2,3.12h0l-.76,3,4.32,4.63,3-.55a17.16,17.16,0,0,0,3,1.41h0l1.84,3.11,6.34.22,2.05-3a16.61,16.61,0,0,0,3.13-1.2h0l3,.76,4.63-4.32-.55-3a16.7,16.7,0,0,0,1.41-3h0l3.11-1.85Zm-19.73,9.62a7.12,7.12,0,1,1,7.36-6.87A7.13,7.13,0,0,1,281.56,179.27Z" style="fill:#fff"></path><path d="M323,119.12l.52-1.25h0a6.7,6.7,0,0,0,1-.69l1.16,0,1.36-2-.44-1.07A6.18,6.18,0,0,0,327,113h0l1-.92-.42-2.35-1.26-.52h0a6.35,6.35,0,0,0-.69-1l0-1.16-1.95-1.36-1.08.45h0a5.55,5.55,0,0,0-1.22-.28l-.92-1-2.34.42-.53,1.26a6.5,6.5,0,0,0-1.05.68h0l-1.15,0-1.36,2,.44,1.07a6.18,6.18,0,0,0-.28,1.22h0l-1,.93.42,2.34,1.26.52a5.73,5.73,0,0,0,.68,1h0l0,1.15,2,1.36,1.07-.44a6.43,6.43,0,0,0,1.23.27h0l.92,1ZM318,112.64a2.68,2.68,0,1,1,3.11,2.16A2.69,2.69,0,0,1,318,112.64Z" style="fill:var(--main-color)"></path><path d="M295.61,112.49l-.77-.65a19.9,19.9,0,0,1,6-5l.47.88A18.87,18.87,0,0,0,295.61,112.49Z" style="fill:var(--main-color)"></path><path d="M303.59,106.8l-.39-.92A23.92,23.92,0,0,1,314.94,104l-.1,1A22.79,22.79,0,0,0,303.59,106.8Z" style="fill:var(--main-color)"></path><path d="M301.7,113.72l-.82-.56a16.74,16.74,0,0,1,9.87-6.39l.19,1A15.72,15.72,0,0,0,301.7,113.72Z" style="fill:var(--main-color)"></path><path d="M235.34,210a.52.52,0,0,1-.36-.16l-2.09-2.16a17.49,17.49,0,0,1-3.15-.58l-3.27,1.44a.49.49,0,0,1-.47,0l-5.48-3.63a.49.49,0,0,1-.22-.43l0-3.56a17.2,17.2,0,0,1-1.76-2.68l-2.81-1.08a.5.5,0,0,1-.31-.37l-1.3-6.44a.5.5,0,0,1,.14-.46l2.16-2.09a18.78,18.78,0,0,1,.58-3.15l-1.44-3.27a.49.49,0,0,1,0-.47l3.63-5.48a.47.47,0,0,1,.43-.22l3.56.05a16.52,16.52,0,0,1,2.68-1.76l1.09-2.81a.49.49,0,0,1,.36-.31l6.44-1.3a.49.49,0,0,1,.46.14l2.09,2.16a17.76,17.76,0,0,1,3.16.58l3.26-1.44a.51.51,0,0,1,.48,0l5.47,3.63a.54.54,0,0,1,.23.43l-.06,3.56a17.26,17.26,0,0,1,1.77,2.68l2.8,1.09a.49.49,0,0,1,.31.36l1.31,6.44a.52.52,0,0,1-.14.46l-2.17,2.1a18,18,0,0,1-.58,3.14l1.44,3.27a.51.51,0,0,1,0,.48L250,203.59a.51.51,0,0,1-.42.22l-3.57-.05a18.38,18.38,0,0,1-2.67,1.76l-1.09,2.81a.49.49,0,0,1-.37.31L235.44,210ZM229.71,206a.36.36,0,0,1,.14,0,16.66,16.66,0,0,0,3.31.61.56.56,0,0,1,.32.15l2,2.1,5.9-1.19,1.06-2.74a.55.55,0,0,1,.24-.26,16.05,16.05,0,0,0,2.81-1.85.47.47,0,0,1,.33-.11l3.47.05,3.32-5-1.4-3.18a.5.5,0,0,1,0-.34,17.49,17.49,0,0,0,.61-3.31.51.51,0,0,1,.15-.32l2.1-2-1.19-5.9-2.73-1.06a.49.49,0,0,1-.27-.24,16.43,16.43,0,0,0-1.85-2.81.52.52,0,0,1-.11-.32l0-3.48-5-3.32-3.17,1.4a.52.52,0,0,1-.35,0,17,17,0,0,0-3.32-.61.56.56,0,0,1-.32-.15l-2-2.1-5.9,1.2L226.81,174a.51.51,0,0,1-.23.27,15.94,15.94,0,0,0-2.82,1.85.43.43,0,0,1-.32.11l-3.47-.05-3.33,5,1.4,3.18a.5.5,0,0,1,0,.43,17.13,17.13,0,0,0-.58,3.23.5.5,0,0,1-.15.32l-2.1,2,1.2,5.9,2.72,1.06a.55.55,0,0,1,.28.26,16.22,16.22,0,0,0,1.84,2.79.48.48,0,0,1,.11.32l0,3.48,5,3.32,3.18-1.4A.52.52,0,0,1,229.71,206Zm4.91-3.24a13.32,13.32,0,0,1-11.09-20.68h0a13.33,13.33,0,1,1,11.09,20.68Zm-10.25-20.13a12.32,12.32,0,1,0,17.08-3.46,12.27,12.27,0,0,0-17.08,3.46Z" style="fill:#fff"></path><path d="M425.83,231.65l-15.7-2.12,10.38-77.81-30.28-4.08-73.45,67.62-3.86,28.93,63.29,8.54-3.16,23.67,30.28,4.08,3.16-23.66,15.7,2.12Zm-79.42-10.72,38.76-35.33-5.32,39.84Z" style="fill:var(--main-color)"></path><path d="M394.13,279.74H394a.5.5,0,0,1-.4-.58L417,151.22a.51.51,0,0,1,.58-.4.5.5,0,0,1,.4.58L394.63,279.33A.51.51,0,0,1,394.13,279.74Z" style="fill:#263238"></path><path d="M414.83,153.37a.82.82,0,0,1-1.64-.06.82.82,0,0,1,1.64.06Z" style="fill:#263238"></path><path d="M411.5,170.67a.82.82,0,1,1-.79-.85A.82.82,0,0,1,411.5,170.67Z" style="fill:#263238"></path><path d="M408.17,188a.82.82,0,0,1-.85.79.81.81,0,0,1-.79-.84.82.82,0,0,1,.85-.8A.83.83,0,0,1,408.17,188Z" style="fill:#263238"></path><path d="M401.61,206a.82.82,0,0,1-1.63,0,.82.82,0,1,1,1.63,0Z" style="fill:#263238"></path><path d="M401.5,222.57a.81.81,0,0,1-.85.79.82.82,0,1,1,.85-.79Z" style="fill:#263238"></path><path d="M398.17,239.87a.82.82,0,1,1-.79-.84A.82.82,0,0,1,398.17,239.87Z" style="fill:#263238"></path><path d="M394.84,257.17a.83.83,0,0,1-.85.8.82.82,0,0,1-.79-.85.82.82,0,0,1,1.64.05Z" style="fill:#263238"></path><path d="M391.5,274.48a.82.82,0,1,1-.79-.85A.81.81,0,0,1,391.5,274.48Z" style="fill:#263238"></path><path d="M400.79,206.45a.49.49,0,0,1-.48-.39.5.5,0,0,1,.38-.6l2.48-.53a.5.5,0,0,1,.6.39.5.5,0,0,1-.39.59l-2.48.53Z" style="fill:#263238"></path><path d="M409.08,197.24a85.06,85.06,0,0,0-3,9.36c-.75,3.53-.79,11.43-.79,11.43" style="fill:#263238"></path><path d="M405.29,218.53h0a.52.52,0,0,1-.5-.51c0-.32.06-8,.81-11.52a84.22,84.22,0,0,1,3-9.44.5.5,0,1,1,.93.36,84.37,84.37,0,0,0-3,9.29c-.73,3.44-.78,11.24-.79,11.32A.5.5,0,0,1,405.29,218.53Z" style="fill:#263238"></path></g><g id="freepik--Character--inject-6"><path d="M222.45,304.84c1.39-22.4-1.16-63.13,40.95-57.73,45.13,5.77,32.22,58.55,32.22,58.55Z" style="fill:#263238"></path><circle cx="251.51" cy="273" r="18.38" style="fill:#fff"></circle><path d="M253.93,254.65c-8.71-1.48-18,4.93-18.93,11.43l34.51,3.18C268.29,261.85,260.83,255.83,253.93,254.65Z" style="fill:#263238"></path><path d="M265.58,272.54c-.25,4.81-2.87,8.58-5.85,8.42s-5.2-4.17-5-9,2.87-8.58,5.85-8.42S265.82,267.74,265.58,272.54Z" style="fill:#263238"></path><path d="M251.51,292.38A19.38,19.38,0,1,1,270.89,273,19.4,19.4,0,0,1,251.51,292.38Zm0-36.75A17.38,17.38,0,1,0,268.89,273,17.39,17.39,0,0,0,251.51,255.63Z" style="fill:var(--main-color)"></path><path d="M290.49,304.28l-.12,0a.49.49,0,0,1-.37-.6c0-.13,3.22-13.69-.09-27.4a.5.5,0,1,1,1-.24c3.37,14,.12,27.74.09,27.87A.5.5,0,0,1,290.49,304.28Z" style="fill:#fff;opacity:0.30000000000000004"></path><path d="M287.7,268.76a.52.52,0,0,1-.46-.29,34.93,34.93,0,0,0-4.74-7.66.5.5,0,0,1,.07-.7.5.5,0,0,1,.71.07,36.47,36.47,0,0,1,4.87,7.87.49.49,0,0,1-.24.66A.54.54,0,0,1,287.7,268.76Z" style="fill:#fff;opacity:0.30000000000000004"></path><path d="M128.73,409.92h-.37a5,5,0,1,1,.28-10h.09c2.89,0,9.84-3.51,24.38-26.43a5,5,0,0,1,7.51-1.09,207.46,207.46,0,0,0,37.14,25.48,5,5,0,1,1-4.52,8.91,212.75,212.75,0,0,1-34.8-23.14C146.25,402,137.21,409.92,128.73,409.92Z" style="fill:#263238"></path><path d="M159.67,371.5l-.43,0a3,3,0,0,1-2.54-3.39c.71-5-.17-23.63-6.48-38.13a3,3,0,0,1,1.06-3.68c13.7-9.33,42.88-10.45,44.12-10.49a3,3,0,1,1,.2,6c-.27,0-25.78,1-38.88,8.2,5.58,14.44,6.85,32.43,5.92,38.94A3,3,0,0,1,159.67,371.5Z" style="fill:#263238"></path><path d="M164.71,367.62c-2-4.71-11-4.18-16.27-.14-2.82,2.15-6.64,8.64-7,11a3.54,3.54,0,0,0,4,4.24c3.45-.3,8.18-5.31,8.18-5.31-3.15,3.09.92,5.27,7,.8C163.94,375.72,166.94,372.89,164.71,367.62Z" style="fill:var(--main-color)"></path><path d="M336.71,306.16a.32.32,0,0,1-.14,0,.49.49,0,0,1-.34-.62c1.33-4.64,2.78-7.47,4.69-9a5.18,5.18,0,0,1,.16-3.26,6.45,6.45,0,0,1,2.36-3,2.54,2.54,0,0,1-.59-2.38,6.18,6.18,0,0,1,2.14-3.16,2.24,2.24,0,0,1-.57-1.51c0-3,5.51-7.52,11.76-8.38a.5.5,0,0,1,.14,1c-5.94.81-10.92,5.11-10.9,7.38a1.31,1.31,0,0,0,.36.91,12.24,12.24,0,0,1,9.28-1.87c3.07.59,4.32,1.24,4.18,2.17-.28,1.75-6.81,2.12-11.19,1.6a6.18,6.18,0,0,1-2.25-.65,5.38,5.38,0,0,0-2,2.73,1.57,1.57,0,0,0,.49,1.64c1.86-1,4.47-1.36,7.92-.6,4.53,1,4.7,1.55,4.81,1.88a.67.67,0,0,1-.17.67c-.95,1-7.9.53-11.39-.33a4.91,4.91,0,0,1-1.21-.45,5.45,5.45,0,0,0-2.26,2.71,4.23,4.23,0,0,0-.23,2.3,5.77,5.77,0,0,1,.55-.29c2.07-1,4.57-.82,7.66.5,2,.87,3,1.65,3.1,2.44a1.12,1.12,0,0,1-.57,1c-1.53,1-6.87.86-9.65-.62a4,4,0,0,1-1.54-1.49c-1.63,1.5-2.95,4.17-4.15,8.36A.51.51,0,0,1,336.71,306.16Zm5.42-9.33a3,3,0,0,0,1.22,1.22c2.26,1.2,6.7,1.47,8.36.8.34-.14.39-.25.39-.25s-.05-.56-2.5-1.61c-2.8-1.2-5-1.37-6.83-.52A5.79,5.79,0,0,0,342.13,296.83Zm3.34-6.57.25.07a33.09,33.09,0,0,0,9.94.75,21.7,21.7,0,0,0-3.64-1A11.38,11.38,0,0,0,345.47,290.26Zm1.26-5.62a5.92,5.92,0,0,0,1.43.32c5,.59,9.39-.1,10-.73-.17-.15-.84-.58-3.32-1.05A11.25,11.25,0,0,0,346.73,284.64Z" style="fill:#263238"></path><path d="M206.53,408.25c.66-.21.44-.85-.3-.85H192.69c-25.78-2.73-43.79.93-32.44,1.79s-.8.68-9.09,3.82,61.65,3.93,68,0C225,409.39,197.39,411.18,206.53,408.25Z" style="fill:#263238"></path><polygon points="303.47 412.24 185.67 408.33 180.78 294.11 319.89 297.22 303.47 412.24" style="fill:var(--main-color)"></polygon><path d="M222.45,410.05a.5.5,0,0,1-.5-.46l-9.44-114.72a.51.51,0,0,1,.46-.54.52.52,0,0,1,.54.46L223,409.51a.5.5,0,0,1-.46.54Z" style="fill:#263238"></path><polygon points="303.47 412.24 335.13 407.42 345.1 301.21 319.89 297.22 303.47 412.24" style="fill:var(--main-color)"></polygon><polygon points="303.47 412.24 335.13 407.42 345.1 301.21 319.89 297.22 303.47 412.24" style="opacity:0.2"></polygon><path d="M195.73,386.32l-2.9-67.87a12.27,12.27,0,0,1,12.53-12.79l88.06,2a12.27,12.27,0,0,1,11.87,14L295.53,390A12.27,12.27,0,0,1,283,400.55l-75.39-2.5A12.27,12.27,0,0,1,195.73,386.32Z" style="fill:#263238"></path><path d="M205.25,326.49l13.62.43-.11,3.51-8.53-.27-.08,2.62,7.91.25-.11,3.36-7.91-.26-.1,3.25,8.77.28-.12,3.72-13.87-.44Z" style="fill:#fff"></path><path d="M221.4,343.47l.52-16.45,8.48.27a12.22,12.22,0,0,1,3.59.52,3.81,3.81,0,0,1,2,1.56,4.64,4.64,0,0,1-1.64,6.59,6.16,6.16,0,0,1-1.81.6,5.12,5.12,0,0,1,1.31.64,5.51,5.51,0,0,1,.78.9,6.43,6.43,0,0,1,.68,1l2.31,4.85-5.74-.19-2.56-5.11a3.94,3.94,0,0,0-.88-1.3,2.22,2.22,0,0,0-1.23-.42h-.45l-.21,6.67Zm5.42-9.62,2.14.07a8.63,8.63,0,0,0,1.35-.19,1.35,1.35,0,0,0,.85-.49,1.57,1.57,0,0,0,.35-.94,1.54,1.54,0,0,0-.47-1.24,3.1,3.1,0,0,0-1.88-.49l-2.24-.07Z" style="fill:#fff"></path><path d="M239.28,344l.52-16.45,8.47.27a12.16,12.16,0,0,1,3.59.52,3.77,3.77,0,0,1,2,1.56,4.45,4.45,0,0,1,.68,2.69,4.42,4.42,0,0,1-2.31,3.9,6.27,6.27,0,0,1-1.81.6,5,5,0,0,1,1.3.64,4.84,4.84,0,0,1,.79.89,6.87,6.87,0,0,1,.68,1l2.31,4.84-5.74-.18-2.56-5.11a4,4,0,0,0-.88-1.3,2.08,2.08,0,0,0-1.24-.42l-.44,0-.22,6.68Zm5.41-9.62,2.15.06a7.21,7.21,0,0,0,1.35-.18,1.31,1.31,0,0,0,.84-.49,1.46,1.46,0,0,0,.35-.94,1.52,1.52,0,0,0-.46-1.24,3,3,0,0,0-1.89-.49l-2.23-.07Z" style="fill:#fff"></path><path d="M256.32,336.36a7.79,7.79,0,0,1,8.76-8.25,8.6,8.6,0,0,1,6.26,2.41,8.32,8.32,0,0,1,2,6.25,10.21,10.21,0,0,1-1.12,4.7,7,7,0,0,1-2.9,2.78,9.22,9.22,0,0,1-4.61.88,10.58,10.58,0,0,1-4.58-1,7,7,0,0,1-2.86-2.9A9.21,9.21,0,0,1,256.32,336.36Zm5.08.18a5.56,5.56,0,0,0,.81,3.61,3.52,3.52,0,0,0,5.06.19,6.13,6.13,0,0,0,1-3.8,5.17,5.17,0,0,0-.83-3.43A3.22,3.22,0,0,0,265,332a3.1,3.1,0,0,0-2.51,1A5.56,5.56,0,0,0,261.4,336.54Z" style="fill:#fff"></path><path d="M275.91,345.21l.52-16.46,8.47.27a12.51,12.51,0,0,1,3.59.52,3.87,3.87,0,0,1,2,1.56,4.49,4.49,0,0,1,.68,2.69,4.42,4.42,0,0,1-2.31,3.91,6.61,6.61,0,0,1-1.81.59,5,5,0,0,1,1.3.65,4.84,4.84,0,0,1,.79.89,6.43,6.43,0,0,1,.68,1l2.31,4.85-5.74-.18-2.56-5.12a3.91,3.91,0,0,0-.88-1.29,2.16,2.16,0,0,0-1.24-.43h-.44l-.22,6.68Zm5.41-9.63,2.15.07a7.21,7.21,0,0,0,1.35-.18,1.35,1.35,0,0,0,.84-.49,1.48,1.48,0,0,0,.35-1,1.5,1.5,0,0,0-.46-1.23,3,3,0,0,0-1.89-.49l-2.23-.07Z" style="fill:#fff"></path><path d="M284,373.16a1.32,1.32,0,0,1-1-.43l-8.56-9.37-9.24,8.44a1.31,1.31,0,0,1-1.85-.08l-8.56-9.37-9.24,8.44a1.31,1.31,0,0,1-1.85-.08l-8.57-9.37-9.23,8.44a1.33,1.33,0,0,1-1,.34,1.35,1.35,0,0,1-.91-.43l-8.56-9.36-9.23,8.43a1.32,1.32,0,0,1-1.86-.08,1.3,1.3,0,0,1,.09-1.85l10.2-9.33a1.32,1.32,0,0,1,1.86.08l8.56,9.37,9.23-8.44a1.37,1.37,0,0,1,.95-.34,1.33,1.33,0,0,1,.91.43l8.56,9.37,9.24-8.44a1.3,1.3,0,0,1,1.85.08l8.56,9.37,9.24-8.44a1.31,1.31,0,0,1,1.85.08L285,371a1.32,1.32,0,0,1-1,2.2Z" style="fill:#fff"></path><polygon points="125.75 414.67 119.49 411.68 113.91 384.51 116.94 381.18 125.75 414.67" style="fill:var(--main-color)"></polygon><polygon points="125.75 414.67 134.06 409.81 126.94 387.43 116.94 381.18 125.75 414.67" style="fill:var(--main-color)"></polygon><polygon points="125.75 414.67 134.06 409.81 126.94 387.43 116.94 381.18 125.75 414.67" style="opacity:0.2"></polygon><path d="M262,419.61h-.69a5,5,0,0,1,.27-10c7.7.25,24-4.48,33.32-13.52a5,5,0,0,1,2-1.2c15.79-4.74,21.66,4.83,21.9,5.24l-8.6,5.09a1,1,0,0,0,.11.18c-.09-.13-2.33-3-9.45-1.24C289.17,414.82,271.23,419.61,262,419.61Z" style="fill:#263238"></path><polygon points="261.39 426.25 243.18 425.11 241.75 391.53 266.22 392.44 261.39 426.25" style="fill:var(--main-color)"></polygon><polygon points="261.39 426.25 265.65 422.01 268.29 401.08 266.22 392.44 261.39 426.25" style="fill:var(--main-color)"></polygon><polygon points="261.39 426.25 265.65 422.01 268.29 401.08 266.22 392.44 261.39 426.25" style="opacity:0.2"></polygon><path d="M366.91,413.54a3,3,0,0,1-1.81-.61c-10.4-7.9-24.45-21.93-29.84-35.46a2.64,2.64,0,0,1-.17-.61c-2.63-15.64-5.14-48.55-5.25-49.94a3,3,0,1,1,6-.45c0,.33,2.57,33.56,5.13,49.07,5.38,13.16,20,26.67,27.78,32.61a3,3,0,0,1-1.82,5.39Z" style="fill:#263238"></path><path d="M380.78,415.05c-2.32,0-4.95-1.05-7.82-3.12a3,3,0,0,1,3.52-4.86c2.48,1.79,3.83,2,4.3,2a3,3,0,0,1,0,6Z" style="fill:#263238"></path><path d="M373.8,411.84c3.21-9.53,16.37-7.65,20.91-6.23a47.77,47.77,0,0,1,11.07,4.8c2.45,1.6,2.49,4.29-.78,5.82-4,1.88-14.16.21-14.16.21,5.24,2.29,0,6-9.21,2.36C378.64,417.62,372.67,415.34,373.8,411.84Z" style="fill:var(--main-color)"></path><path d="M341.86,331c-1.19,8.1-7.9,14.07-13.36,13.27s-5.68-8-4.49-16.14,3.35-14,8.81-13.2S343.05,322.93,341.86,331Z" style="fill:#263238"></path><circle cx="209.88" cy="297.88" r="0.82" style="fill:#263238"></circle><path d="M218.21,303.78a.82.82,0,1,1-.82-.82A.82.82,0,0,1,218.21,303.78Z" style="fill:#263238"></path><path d="M219.13,400.68a.82.82,0,1,1-.82-.82A.82.82,0,0,1,219.13,400.68Z" style="fill:#263238"></path><path d="M226.64,406.59a.82.82,0,1,1-.82-.82A.82.82,0,0,1,226.64,406.59Z" style="fill:#263238"></path></g></svg>
  581. <h3 class="light">Sorry, page not found!</h3>
  582. <p>The page you are looking for could not be found. Please check the link you followed to get here and try again.</p>
  583. <div class="mat_sett_btn">
  584. <a href="https://kleimun.com/discover" class="btn btn-primary btn-mat">Home</a>
  585. </div>
  586. <!-- Ouput additional HTML code to 404  page, you can use PHP, JS, CSS and HTML. -->
  587. </div>
  588. </div>
  589. </div>
  590. </div>
  591. </div>
  592. <!-- End Content  -->
  593.  
  594. <!-- Footer -->
  595. <div class="ma_footer">
  597. <div class="ma_footer_cright">
  598. <div class="ma_footer_links">
  599. <div class="lang_select dropup">
  600. <button type="button" class="btn dropdown-toggle" data-toggle="modal" data-target="#select-language"><svg xmlns="http://www.w3.org/2000/svg" width="16.66" height="16.66" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> English</button>
  601. </div>
  602. </div>
  603. <div class="ma_footer_links">
  604. <a href="https://kleimun.com/blogs" data-load="blogs">Blogs</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  605. <a href="https://kleimun.com/terms/dmca" data-load="terms/dmca">DMCA</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  606. <a href="https://kleimun.com/terms/about" data-load="terms/about">About Us</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  607. <a href="https://kleimun.com/terms/terms" data-load="terms/terms">Terms</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  608. <a href="https://kleimun.com/contact" data-load="contact">Contact</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  609. <a href="https://kleimun.com/terms/privacy" data-load="terms/privacy">Privacy Policy</a>&nbsp;&nbsp;•&nbsp;&nbsp;
  610. <a href="https://kleimun.com/terms/faqs" data-load="terms/faqs">Faqs</a>
  612.  
  613. </div>
  614. <div class="ma_footer_links">
  615. <a href="https://facebook.com/kleimun" target="_blank" class="bold">
  616. <svg height="512" viewBox="0 0 152 152" width="512" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><g><g><path d="m76 0a76 76 0 1 0 76 76 76 76 0 0 0 -76-76zm19.26 68.8-1.26 10.59a2 2 0 0 1 -2 1.78h-11v31.4a1.42 1.42 0 0 1 -1.4 1.43h-11.2a1.42 1.42 0 0 1 -1.4-1.44l.06-31.39h-8.33a2 2 0 0 1 -2-2v-10.58a2 2 0 0 1 2-2h8.27v-10.26c0-11.87 7.07-18.33 17.4-18.33h8.47a2 2 0 0 1 2 2v8.91a2 2 0 0 1 -2 2h-5.19c-5.62.09-6.68 2.78-6.68 6.8v8.85h12.32a2 2 0 0 1 1.94 2.24z"/></g></g></svg>&nbsp;
  617. </a>
  618. © 2025 Klei Mmuñ </div>
  619. </div> </div>
  620. <!-- End Footer -->
  621. </div>
  622. <!-- Player  -->
  623. <div class="ma_player closed">
  624. <div class="player">
  625. <div class="player-video-preview" id="my_video_player_container">
  626. <div class="y_player_cover"></div>
  627. <div class="plyr__video-embed" id="my_video_player_">
  628.  <iframe
  629.    src="https://www.youtube.com/watch?v=rMHx_iUAGd0?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1"
  630.    allowfullscreen
  631.    allowtransparency
  632.    allow="autoplay"
  633.  ></iframe>
  634. </div>
  635. </div>
  636. <div class="song_details">
  637. <div class="song_details_inner player-song-url" data-load="">
  638. <div class="song_art">
  639. <a href="#" class="player-song-url" data-load=""><img amplitude-song-info="cover_art_url" amplitude-main-song-info="true"/></a>
  640. </div>
  641. <div class="song_title">
  642. <a href="#" class="player-song-url" data-load="">
  643. <h3 amplitude-song-info="name" amplitude-main-song-info="true" class="song_name"></h3>
  644. </a>
  645. <div class="song_fav" title="Favorite" id="song-fav-button"></div>
  646. <div class="song_time_sec">
  647. <span class="current_time">
  648. <span class="amplitude-current-hours" amplitude-main-current-hours="true"></span>:<span class="amplitude-current-minutes" amplitude-main-current-minutes="true"></span>:<span class="amplitude-current-seconds" amplitude-main-current-seconds="true"></span>
  649. </span>
  650. <span class="duration_seperate">/</span>
  651. <span class="duration_time">
  652. <span class="amplitude-duration-hours" amplitude-main-duration-hours="true"></span>:<span class="amplitude-duration-minutes" amplitude-main-duration-minutes="true"></span>:<span class="amplitude-duration-seconds" amplitude-main-duration-seconds="true"></span>
  653. </span>
  654. </div>
  655. </div>
  656. </div>
  657. </div>
  658. <div class="song_progress">
  659. <div class="song_time">
  660. <span class="current_time">
  661. <span class="amplitude-current-hours" amplitude-main-current-hours="true"></span>:<span class="amplitude-current-minutes" amplitude-main-current-minutes="true"></span>:<span class="amplitude-current-seconds" amplitude-main-current-seconds="true"></span>
  662. </span>
  663. <div class="song_prog_mobi">
  664. <div class="progress_container">
  665. <input type="range" class="amplitude-song-slider" amplitude-main-song-slider="true"/>
  666. <progress id="song-played-progress" class="amplitude-song-played-progress" amplitude-main-song-played-progress="true"></progress>
  667. <progress id="song-buffered-progress" class="amplitude-buffered-progress" value="0"></progress>
  668. </div>
  669. </div>
  670. <span class="duration_seperate">/</span>
  671. <span class="duration_time">
  672. <span class="amplitude-duration-hours" amplitude-main-duration-hours="true"></span>:<span class="amplitude-duration-minutes" amplitude-main-duration-minutes="true"></span>:<span class="amplitude-duration-seconds" amplitude-main-duration-seconds="true"></span>
  673. </span>
  674. </div>
  675. <div class="song_controls">
  676. <div class="amplitude-shuffle amplitude-shuffle-off" id="shuffle" title="Shuffle">
  677. <svg xmlns="http://www.w3.org/2000/svg" width="23.062" height="23.601" viewBox="0 0 23.062 23.601"> <g id="music-suffle" transform="translate(-4.723 -4.567)"> <path id="Path_215762" data-name="Path 215762" d="M27.548,5.354l-1.039,7.023-2.5-2.5L6,27.885l-1-1L23.015,8.88l-2.5-2.5ZM20.135,18.863,24.07,22.8l2.439-2.439L27.54,27.39l-7.023-1.037,2.558-2.558L19.136,19.86l1-1ZM6.008,4.85l8.157,8.159-1,1L5.009,5.849Z" transform="translate(0 0)" fill="currentColor" class="icon_stroke" stroke-width="0.4" fill-rule="evenodd"/> </g> </svg>
  678. </div>
  679. <div class="amplitude-prev" id="previous">
  680. <svg xmlns="http://www.w3.org/2000/svg" width="14.182" height="23.035" viewBox="0 0 14.182 23.035"> <path id="Subtraction_40" data-name="Subtraction 40" d="M8828.667,2864.033a.622.622,0,0,1-.461-.189.648.648,0,0,1-.207-.479v-21.7a.647.647,0,0,1,.207-.477.653.653,0,0,1,.923,0,.637.637,0,0,1,.206.477v21.7a.638.638,0,0,1-.206.479A.624.624,0,0,1,8828.667,2864.033Zm13.407-3.185h0a.7.7,0,0,0-.1-.042l-11.855-7.888-.6-.4,12.459-8.289a.814.814,0,0,0,.1-.044.658.658,0,0,0,.08.036c.006.013.012.024.018.034l0,.007h0l.006.01v16.494a.237.237,0,0,1-.015.03l-.01.019a.832.832,0,0,0-.082.035Zm-1.228-14.291h0l-8.859,5.957,8.859,5.961v-11.918Z" transform="translate(-8827.999 -2840.999)" fill="currentColor"/> </svg>
  681. </div>
  682. <div class="amplitude-play-pause" amplitude-main-play-pause="true" id="play-pause"></div>
  683. <div class="amplitude-next" id="next">
  684. <svg xmlns="http://www.w3.org/2000/svg" width="14.182" height="23.035" viewBox="0 0 14.182 23.035"> <path id="Subtraction_42" data-name="Subtraction 42" d="M.668,0A.622.622,0,0,0,.207.189.648.648,0,0,0,0,.668v21.7a.647.647,0,0,0,.207.477.618.618,0,0,0,.461.191.62.62,0,0,0,.462-.191.637.637,0,0,0,.206-.477V.668A.638.638,0,0,0,1.13.189.624.624,0,0,0,.668,0ZM14.075,3.185h0a.7.7,0,0,1-.1.042L2.115,11.115l-.6.4,12.459,8.289a.814.814,0,0,1,.1.044.658.658,0,0,1,.08-.036c.006-.013.012-.024.018-.034l0-.007h0l.006-.01V3.269a.237.237,0,0,0-.015-.03l-.01-.019a.832.832,0,0,1-.082-.035ZM12.848,17.475h0L3.988,11.518l8.859-5.961V17.475Z" transform="translate(14.182 23.035) rotate(180)" fill="currentColor"/> </svg>
  685. </div>
  686. <div class="amplitude-repeat amplitude-repeat-on" id="repeat" title="Repeat">
  687. <svg xmlns="http://www.w3.org/2000/svg" width="26.435" height="26.914" viewBox="0 0 26.435 26.914"> <path id="Path_6414" data-name="Path 6414" d="M3529.644,13691.386h16.932a1.081,1.081,0,0,1,.8.339,1.1,1.1,0,0,1,.327.79v7.9h-2.258v-6.771h-15.8v3.386l-5.644-4.516,5.644-4.516Zm13.546,18.062h-16.932a1.083,1.083,0,0,1-.8-.339,1.1,1.1,0,0,1-.327-.79v-7.9h2.258v6.773h15.8v-3.387l5.644,4.516-5.644,4.515Z" transform="translate(-3523.2 -13686.959)" fill="currentColor" class="icon_stroke" stroke-width="1"/> </svg>
  688. </div>
  689. </div>
  691. </div>
  692. <div class="song_progress_right">
  693. <div class="song_volume">
  694. <div class="volume_controls">
  695. <div class="amplitude-mute amplitude-not-muted"></div>
  696. <div class="plyr_vol_mobi">
  697. <input type="range" class="amplitude-volume-slider"/>
  698. <div class="ms-range-fix"></div>
  699. </div>
  700. </div>
  701. </div>
  702. <div class="song_rs_controls">
  703. <div class="repeat_container">
  704. <div class="amplitude-playback-speed amplitude-playback-speed-10"></div>
  705. </div>
  706. </div>
  707. <div class="song_queue song_queued" onclick="Ma_ShowQueue();">
  708. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 5v8.333c-.455-.216-.957-.346-1.493-.346-1.934 0-3.507 1.573-3.507 3.507S14.573 20 16.507 20s3.507-1.573 3.507-3.507c0-.177-.027-.347-.053-.517H20V6h2V4h-3C18.447 4 18 4.448 18 5zM2 5H16V7H2z"/><path fill="currentColor" d="M2 9H16V11H2zM2 13H11V15H2zM2 17H11V19H2z"/></svg>
  709. </div>
  710. <div class="song_queue" onclick="clearQueues();">
  711. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/></svg>
  712. </div>
  713. </div>
  714. <div class="ma_player_playlist" data-simplebar>
  715. <div class="queue_head">
  716. <h4>Queue</h4>
  717. <span onclick="clearQueues();" title="Clear"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"/></svg></span>
  718. </div>
  719. <div id="queue-list">
  720. </div>
  721. </div>
  722. </div>
  723. </div>
  724. <!-- End Player  -->
  725. </div>
  726.  
  727. <!-- Login Modal  -->
  728. <!-- Modal -->
  729. <div class="modal fade auth_box_prnt" id="login_box" tabindex="-1" role="dialog" aria-labelledby="login_box" aria-hidden="true">
  730. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
  731. <div class="modal-dialog auth_box" role="document">
  732. <div class="modal-content">
  733. <div class="right_combo">
  734. <div class="navbar-brand">
  735. <img src="https://kleimun.com/themes/mtdvision/img/logo.png?cache=123" alt="">
  736. </div>
  737. <h2>Login</h2>
  738. <p>Get access to your music, playlists and account</p>
  740. <div class="alert alert-danger alert-empty" id="output-errors"></div>
  741. <form method="post" action="" method="POST" id="login-form">
  742. <div class="form-group mat_input">
  743. <input type="text" class="form-control" placeholder="Username" autofocus name="username">
  744. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
  745. </div>
  746. <div class="form-group mat_input">
  747. <input type="password" class="form-control" placeholder="Password" name="password">
  748. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
  749. </div>
  750. <div class="forgot_password">
  751. <div class="check_box remember_me">
  752. <input type="checkbox" name="remember_device" id="remember_device" checked>
  753. <label for="remember_device">
  754. Remember this device
  755. </label>
  756. <div class="clear"></div>
  757. </div>
  758. <a href="https://kleimun.com/forgot-password">Forgot your password?</a>
  759. </div>
  760. <input type="hidden" name="last_url" class="login_last_url">
  761. <button type="submit" class="btn btn-primary btn-mat" id="btn-submit">Login</button>
  762. </form>
  763. <div class="signup_">
  764. <span>Don&#039;t have an account?</span>
  765. <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#signup_box">Sign Up</a>
  766. </div>
  767. <div class="text-center">
  768. <span class="u_divider">OR</span>
  769. </div>
  770. <div class="ma_social_login">
  771. <div id="buttonDiv"></div>
  772. </div>
  773. </div>
  774. <div class="left_combo" style="background-image: url(https://kleimun.com/themes/mtdvision/img/auth/singing.jpg);">
  775. <h2>Live your Day with <span>Music</span> <img src="https://kleimun.com/themes/mtdvision/img/icon.png" /></h2>
  776. </div>
  777. </div>
  778. </div>
  779. </div>
  780.  
  781. <script>
  782. $(document).ready(function() {
  783. function handleCredentialResponse(response) {
  784.   var id_token = response.credential;
  785.   $.post("https://kleimun.com/endpoints/auth/google_login?hash_id=" + getHashID(), {id_token: id_token}, function(data, textStatus, xhr) {
  786.    if (data.status == 200) {
  787.            setTimeout(function () {
  788.             window.location.href = data.location;
  789.            }, 1000);
  790.    }
  791.    else{
  792.     $('#output-errors').html(data.message);
  793.    }
  794.   });
  795. }
  796. window.onload = function () {
  797.  google.accounts.id.initialize({
  798.    client_id: "294994884398-5jn6caig313s2vkuosi470ldabi2d9e7.apps.googleusercontent.com",
  799.    callback: handleCredentialResponse
  800.  });
  801.  google.accounts.id.renderButton(
  802.    document.getElementById("buttonDiv"),
  803.    { theme: "outline", size: "large" }  // customization attributes
  804.  );
  805.  google.accounts.id.prompt(); // also display the One Tap dialog
  806. }
  808.    var options = {
  809.     url: "https://kleimun.com/endpoints/auth/login?hash_id=" + getHashID(),
  810.        beforeSubmit:  function () {
  811.         $('#output-errors').empty();
  812.         $("#btn-submit").text("Please wait..");
  813.        },
  814.        success: function (data) {
  815.         $("#btn-submit").text("Login");
  816.         if (data.status == 200) {
  817.         if (data.last_url) {
  818.         window.location.href = data.last_url;
  819.         return false;
  820.         }
  821.         if ($('#page').attr('data-page') != 'home' && $('#page').attr('data-page') != 'forgot' && $('#page').attr('data-page') != 'reset') {
  822.         $('#main-header').html(data.header);
  823.         $('#login_box').modal('hide');
  824.         if (Amplitude.getActiveSongMetadata().price > 0) {
  825.         location.href = window.location.href;
  826.         } else {
  827.         location.href = window.location.href;
  828.         }
  829. $("[data-load='feed']").parent().removeClass("hidden");
  830.         } else {
  831.         location.href = window.location.href;
  832.         }
  833.         } else if (data.status == 400) {
  834.         var errros = data.errors.join("<br>");
  835.         $('#output-errors').html(errros);
  836.         } else if (data.status == 600) {
  837.                location.href = data.location;
  838.            }
  839.        }
  840.    };
  841.  
  842.    $('#login-form').ajaxForm(options);
  843. });
  844. </script>
  845. <!-- End Login Modal  -->
  846.  
  847. <!-- Signup Modal  -->
  848. <!-- Modal -->
  849. <div class="modal fade auth_box_prnt" id="signup_box" tabindex="-1" role="dialog" aria-labelledby="signup_box" aria-hidden="true">
  850. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg></button>
  851. <div class="modal-dialog auth_box" role="document">
  852. <div class="modal-content">
  853. <div class="right_combo">
  854. <div class="navbar-brand">
  855. <img src="https://kleimun.com/themes/mtdvision/img/logo.png?cache=123" alt="">
  856. </div>
  857. <h2>Signup</h2>
  858. <p>Get access to your music, playlists and account</p>
  860. <div class="alert alert-danger alert-empty" id="output-singup-errors"></div>
  861. <form method="post" action="POST" id="signup-form">
  862. <div class="form-group mat_input">
  863. <input type="text" name="name" class="form-control" placeholder="Full Name" autofocus>
  864. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
  865. </div>
  866. <div class="form-group mat_input">
  867. <input type="text" name="username" class="form-control" placeholder="Username">
  868. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"/></svg>
  869. </div>
  870. <div class="form-group mat_input">
  871. <input type="email" name="email" class="form-control" placeholder="Email address">
  872. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm17 4.238l-7.928 7.1L4 7.216V19h16V7.238zM4.511 5l7.55 6.662L19.502 5H4.511z"/></svg>
  873. </div>
  874. <div class="form-group mat_input">
  875. <input type="password" name="password" class="form-control" placeholder="Password" id="password">
  876. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
  877. <ul class="register-helper-text">
  878. <li class="length">Must be at least 6 characters long.</li>
  879. <li class="lowercase">Must contain a lowercase letter.</li>
  880. <li class="uppercase">Must contain an uppercase letter.</li>
  881. <li class="special">Must contain a number or special character.</li>
  882. </ul>
  883. </div>
  884. <div class="form-group mat_input">
  885. <input type="password" name="c_password" class="form-control" placeholder="Confirm Password">
  886. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zM5 10v10h14V10H5zm6 4h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm1-6V7a4 4 0 1 0-8 0v1h8z"/></svg>
  887. </div>
  888. <div class="recaptcha">
  889. <div class="g-recaptcha" data-sitekey="6Lcja64qAAAAAPPq8H1JDGkKZu1-GTdHlJUg3Inv"></div><br>
  890. </div>
  891. <div class="terms_check">
  892. <span>By signing up, you agree to our</span>
  893. <a href="https://kleimun.com/terms/terms">Terms</a>
  894. <span>and</span>
  895. <a href="https://kleimun.com/terms/privacy">Privacy Policy</a>
  896. </div>
  897. <button type="submit" class="btn btn-primary btn-mat" id="btn-singup-submit">Signup</button>
  898. </form>
  899. <div class="signup_">
  900. <span>Already have an account?</span>
  901. <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#login_box">Login</a>
  902. </div>
  903. </div>
  904. <div class="left_combo register" style="background-image: url(https://kleimun.com/themes/mtdvision/img/auth/register.png);">
  905. <h3>Over 30 million songs to suit every mood & occasion</h3>
  906. <div class="row">
  907. <div class="col-3">
  908. <svg class="top" xmlns="http://www.w3.org/2000/svg" width="51.633" height="51.682" viewBox="0 0 51.633 51.682"> <g id="Group_9888" data-name="Group 9888" transform="translate(-1109 -695.318)"> <g transform="translate(10.051 -42.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <g id="Group_9318" data-name="Group 9318" transform="translate(1108.972 761.968)"> <path id="Subtraction_45" data-name="Subtraction 45" d="M9.464,15.535H0V14.164H9.464v1.37Zm4.048-7.082H0V7.082H13.512v1.37Zm6.069-7.082H0V0H19.581V1.37Z" transform="translate(0 0)" fill="#fff"/> <path id="Path_7235" data-name="Path 7235" d="M81.74,1.6a3.463,3.463,0,0,1-1.685-.4C79.7.993,79.491.732,79.491.486V.467a.473.473,0,0,0-.946,0V6.459a2.551,2.551,0,1,0,.946,1.974s0-.009,0-.014,0,0,0-.007V1.953a4.27,4.27,0,0,0,2.249.58.467.467,0,1,0,0-.933ZM76.9,10.059a1.625,1.625,0,1,1,1.648-1.625A1.639,1.639,0,0,1,76.9,10.059Z" transform="translate(-62.306 4.869)" fill="#fff"/> </g> </g> <path id="Subtraction_46" data-name="Subtraction 46" d="M10856.77,1580.2h0a13.591,13.591,0,0,0-4.876-5.964l.494-1.774a15.166,15.166,0,0,1,6.233,7.628l-1.851.111Zm6.592-.363h0a19.572,19.572,0,0,0-3.637-6.947,19.283,19.283,0,0,0-6.1-4.976l.473-1.752a21.064,21.064,0,0,1,7.01,5.622,21.318,21.318,0,0,1,4.082,7.959l-1.824.1Z" transform="translate(-9704.555 -870.846)" fill="#fff"/> </g> </svg>
  909. <p>Create your own playlist</p>
  910. </div>
  911. <div class="col-5">
  912. <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g transform="translate(-1098.949 -749.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <path id="Subtraction_47" data-name="Subtraction 47" d="M10709.106,1626.985a3.671,3.671,0,0,1-1.342-.249,3.749,3.749,0,0,1-2.247-4.4l.085-.342-4.99-2.734-.238.257a3.647,3.647,0,0,1-1.892,1.091l0,0a3.753,3.753,0,0,1-.823.093,3.619,3.619,0,0,1-1.358-.264,3.659,3.659,0,0,1-1.708-1.372,3.765,3.765,0,0,1,0-4.2,3.646,3.646,0,0,1,1.708-1.372,3.75,3.75,0,0,1,1.373-.262,3.576,3.576,0,0,1,.808.091l.007,0a3.614,3.614,0,0,1,1.89,1.091l.238.257,4.99-2.734-.085-.342a3.745,3.745,0,0,1,2.247-4.4,3.679,3.679,0,0,1,1.342-.252,3.734,3.734,0,0,1,.01,7.468,3.353,3.353,0,0,1-.35-.017,3.72,3.72,0,0,1-2.359-1.169l-.238-.254-4.987,2.734.083.342a3.774,3.774,0,0,1,0,1.832l-.083.342,4.99,2.734.238-.257a3.651,3.651,0,0,1,2.356-1.166c.113-.011.229-.016.343-.016a3.749,3.749,0,0,1,2.184.706,3.73,3.73,0,0,1-2.187,6.759Zm.013-6.282a2.557,2.557,0,0,0-2.534,2.548,2.543,2.543,0,0,0,.747,1.8,2.512,2.512,0,0,0,3.577,0,2.541,2.541,0,0,0,0-3.6A2.513,2.513,0,0,0,10709.119,1620.7Zm-11.457-6.284a2.509,2.509,0,0,0-1.787.751,2.541,2.541,0,0,0,0,3.6,2.506,2.506,0,0,0,3.577,0,2.538,2.538,0,0,0,0-3.6A2.511,2.511,0,0,0,10697.662,1614.419Zm11.457-6.284a2.507,2.507,0,0,0-1.787.751,2.538,2.538,0,0,0,0,3.6,2.506,2.506,0,0,0,3.577,0,2.549,2.549,0,0,0-1.79-4.348Z" transform="translate(-9584.443 -847.019)" fill="#fff"/> </g> </svg>
  913. <p>Share music with friends & family</p>
  914. </div>
  915. <div class="col-4">
  916. <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g transform="translate(-1098.949 -749.949)"> <g id="Rectangle_3432" data-name="Rectangle 3432" transform="translate(1098.949 749.949)" fill="none" stroke="#fff" stroke-width="1"> <rect width="40" height="40" rx="6" stroke="none"/> <rect x="0.5" y="0.5" width="39" height="39" rx="5.5" fill="none"/> </g> <path id="Path_6728" data-name="Path 6728" d="M3535.636,7856.374l-7.81-7.811.029-.059a5.6,5.6,0,0,1,4.3-8.935c.069,0,.138,0,.207,0a5.607,5.607,0,0,0,6.54,0c.069,0,.138,0,.207,0a5.6,5.6,0,0,1,4.312,8.924l.031.059Zm-6.5-8.184,6.5,6.5,6.5-6.5.132-.153a4.417,4.417,0,0,0-6.24-6.217l-.388.335-.388-.335a4.412,4.412,0,0,0-2.882-1.07c-.054,0-.109,0-.163,0a4.414,4.414,0,0,0-3.2,7.284Z" transform="translate(-2417.124 -7077.917)" fill="#fff"/> </g> </svg>
  917. <p>Save your favourites</p>
  918. </div>
  919. </div>
  920. </div>
  921. </div>
  922. </div>
  923. </div>
  924.  
  925. <style>
  926. .auth_box .modal-content {
  927. min-height: 560px;
  928. }
  929. </style>
  930. <script>
  931.  
  932. (function(){
  933. var helperText = {
  934. charLength: document.querySelector('.register-helper-text .length'),
  935. lowercase: document.querySelector('.register-helper-text .lowercase'),
  936. uppercase: document.querySelector('.register-helper-text .uppercase'),
  937. special: document.querySelector('.register-helper-text .special')
  938. };
  939. var password = document.querySelector('#password');
  943. var pattern = {
  944. charLength: function() {
  945. if( password.value.length >= 6 ) {
  946. return true;
  947. }
  948. },
  949. lowercase: function() {
  950. var regex = /^(?=.*[a-z]).+$/; // Lowercase character pattern
  951.  
  952. if( regex.test(password.value) ) {
  953. return true;
  954. }
  955. },
  956. uppercase: function() {
  957. var regex = /^(?=.*[A-Z]).+$/; // Uppercase character pattern
  958.  
  959. if( regex.test(password.value) ) {
  960. return true;
  961. }
  962. },
  963. special: function() {
  964. var regex = /^(?=.*[0-9_\W]).+$/; // Special character or number pattern
  965.  
  966. if( regex.test(password.value) ) {
  967. return true;
  968. }
  969. }  
  970. };
  972. // Listen for keyup action on password field
  973. function CheckCPassword() {
  974. $('.register-helper-text').slideDown('slow', function() {
  975.      
  976.      });
  977. // Check that password is a minimum of 8 characters
  978. patternTest( pattern.charLength(), helperText.charLength );
  980. // Check that password contains a lowercase letter
  981. patternTest( pattern.lowercase(), helperText.lowercase );
  983. // Check that password contains an uppercase letter
  984. patternTest( pattern.uppercase(), helperText.uppercase );
  986. // Check that password contains a number or special character
  987. patternTest( pattern.special(), helperText.special );
  988.    
  989.    // Check that all requirements are fulfilled
  990.    if( hasClass(helperText.charLength, 'valid') &&
  991.  hasClass(helperText.lowercase, 'valid') &&
  992. hasClass(helperText.uppercase, 'valid') &&
  993.  hasClass(helperText.special, 'valid')
  994. ) {
  995. addClass(password.parentElement, 'valid');
  996.    }
  997.    else {
  998.      removeClass(password.parentElement, 'valid');
  999.    }
  1000. }
  1001.  password.addEventListener('keyup', CheckCPassword);
  1002.  password.addEventListener('input', CheckCPassword);
  1004. function patternTest(pattern, response) {
  1005. if(pattern) {
  1006.      addClass(response, 'valid');
  1007.    }
  1008.    else {
  1009.      removeClass(response, 'valid');
  1010.    }
  1011. }
  1013. function addClass(el, className) {
  1014. if (el.classList) {
  1015. el.classList.add(className);
  1016. }
  1017. else {
  1018. el.className += ' ' + className;
  1019. }
  1020. }
  1022. function removeClass(el, className) {
  1023. if (el.classList)
  1024. el.classList.remove(className);
  1025. else
  1026. el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
  1027. }
  1029. function hasClass(el, className) {
  1030. if (el.classList) {
  1031. // console.log(el.classList);
  1032. return el.classList.contains(className);
  1033. }
  1034. else {
  1035. new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
  1036. }
  1037. }
  1039. })();
  1040. $(document).ready(function() {
  1041.    var options = {
  1042.     url: "https://kleimun.com/endpoints/auth/signup?hash_id=" + getHashID() + '',
  1043.        beforeSubmit:  function () {
  1044.             if ($('.register-helper-text .length').hasClass('valid') && $('.register-helper-text .lowercase').hasClass('valid') && $('.register-helper-text .uppercase').hasClass('valid') && $('.register-helper-text .special').hasClass('valid')) {
  1045.     $('#output-singup-errors').removeClass("alert-success").addClass('alert-danger');
  1046.         $('#output-singup-errors').empty();
  1047.         $("#btn-singup-submit").text("Please wait..");
  1048.     }
  1049.     else{
  1050.     $('#output-singup-errors').html("The password supplied does not meet the minimum complexity requirements");
  1051.     return false;
  1052.     }
  1053.              },
  1054.        success: function (data) {
  1055.         $("#btn-singup-submit").text("Signup");
  1056.         if (data.status == 200) {
  1057.  
  1058.            if( typeof data.link !== "undefined" ){
  1059.                    location.href = 'https://kleimun.com';
  1060. }
  1061.  
  1062.         if ($('#page').attr('data-page') != 'home' && $('#page').attr('data-page') != 'forgot' && $('#page').attr('data-page') != 'reset') {
  1063.         $('#main-header').html(data.header);
  1064.         $('#signup_box').modal('hide');
  1065.  
  1066.         if (Amplitude.getActiveSongMetadata().price > 0) {
  1067.         location.href = 'https://kleimun.com/interest';//window.location.href;
  1068.         } else {
  1069.         ajaxRedirect('interest');
  1070.         }
  1071.         } else {
  1072.         location.href = 'https://kleimun.com/interest';//window.location.href;
  1073.         }
  1074.         } else if (data.status == 400) {
  1075.         var errros = data.errors.join("<br>");
  1076.         $('#output-singup-errors').html(errros);
  1077.         } else if (data.status == 403) {
  1078.         $('#output-singup-errors').removeClass("alert-danger").addClass('alert-success');
  1079.         $('#output-singup-errors').html(data.message);
  1080.            }
  1081.        }
  1082.    };
  1083.  
  1084.    $('#signup-form').ajaxForm(options);
  1085. });
  1086. </script>
  1087. <!-- End Signup Modal  -->
  1088.  
  1089. <!-- Modals -->
  1090. <div class="modal fade" id="delete-song" tabindex="-1" role="dialog" aria-labelledby="delete-song" aria-hidden="true" data-id="0">
  1091. <div class="modal-dialog mat_box" role="document">
  1092. <div class="modal-content">
  1093. <div class="modal-header">
  1094. <h5 class="modal-title">Delete your track</h5>
  1095. </div>
  1096. <div class="modal-body">
  1097. Are you sure you want to delete this track?
  1098. </div>
  1099. <div class="modal-footer">
  1100. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1101. <button type="button" class="btn btn-danger btn-mat" onclick="deleteSong();">Delete</button>
  1102. </div>
  1103. </div>
  1104. </div>
  1105. </div> <div class="modal fade" id="delete-comment" tabindex="-1" role="dialog" aria-labelledby="delete-comment" aria-hidden="true" data-id="0">
  1106. <div class="modal-dialog mat_box" role="document">
  1107. <div class="modal-content">
  1108. <div class="modal-header">
  1109. <h5 class="modal-title">Delete comment</h5>
  1110. </div>
  1111. <div class="modal-body">
  1112. Are you sure you want to delete this comment?
  1113. </div>
  1114. <div class="modal-footer">
  1115. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1116. <button type="button" class="btn btn-danger btn-mat" onclick="deleteComment();">Delete</button>
  1117. </div>
  1118. </div>
  1119. </div>
  1120. </div>
  1121.  
  1122.  
  1123. <div class="modal fade" id="delete-comment-replay" tabindex="-1" role="dialog" aria-labelledby="delete-comment-replay" aria-hidden="true" data-id="0">
  1124. <div class="modal-dialog mat_box" role="document">
  1125. <div class="modal-content">
  1126. <div class="modal-header">
  1127. <h5 class="modal-title">Delete comment</h5>
  1128. </div>
  1129. <div class="modal-body">
  1130. Are you sure you want to delete this comment?
  1131. </div>
  1132. <div class="modal-footer">
  1133. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1134. <button type="button" class="btn btn-danger btn-mat" onclick="deleteCommentReplay(this);">Delete</button>
  1135. </div>
  1136. </div>
  1137. </div>
  1138. </div> <div class="modal fade" id="delete-post" tabindex="-1" role="dialog" aria-labelledby="delete-post" aria-hidden="true" data-id="0">
  1139. <div class="modal-dialog mat_box" role="document">
  1140. <div class="modal-content">
  1141. <div class="modal-header">
  1142. <h5 class="modal-title">Delete your post</h5>
  1143. </div>
  1144. <div class="modal-body">
  1145. Are you sure you want to delete this post?
  1146. </div>
  1147.  
  1148. <div class="modal-footer">
  1149. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1150. <button type="button" class="btn btn-danger btn-mat" onclick="deletePost();">Delete</button>
  1151. </div>
  1152. </div>
  1153. </div>
  1154. </div> <div class="modal fade" id="reposted" tabindex="-1" role="dialog" aria-labelledby="reposted" aria-hidden="true" data-id="0">
  1155. <div class="modal-dialog mat_box" role="document">
  1156. <div class="modal-content">
  1157. <div class="modal-body">
  1158. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The song was successfully shared on your timeline.</div>
  1159. </div>
  1160. </div>
  1161. </div>
  1162. </div> <div class="modal fade" id="purchase-song" role="dialog" aria-labelledby="purchase-song" aria-hidden="true" data-id="0">
  1163. <div class="modal-dialog mat_box" role="document">
  1164. <div class="modal-content">
  1165. <div class="modal-header">
  1166. <h5 class="modal-title">Purchase Required</h5>
  1167. </div>
  1168. <div class="modal-body">
  1169. To continue listening to this track, you need to purchase the song.
  1170. </div>
  1171. <div class="modal-footer">
  1172. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1173. <button type="button" class="btn btn-primary btn-mat" onclick="purchaseTrack($(this));">Purchase $<span class="price"></span></button>
  1174. </div>
  1175. </div>
  1176. </div>
  1177. </div> <div class="modal fade" id="age-restricted" role="dialog" aria-labelledby="age-restricted" aria-hidden="true" data-id="0">
  1178. <div class="modal-dialog mat_box" role="document">
  1179. <div class="modal-content">
  1180. <div class="modal-header">
  1181. <h5 class="modal-title">Age restricted track</h5>
  1182. </div>
  1183. <div class="modal-body">
  1184. This track is age restricted for viewers under 18, Create an account or login to confirm your age. </div>
  1185. <div class="modal-footer">
  1186. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  1187. </div>
  1188. </div>
  1189. </div>
  1190. </div> <div class="modal fade" id="create_copyright_box" tabindex="-1" role="dialog" aria-labelledby="create_copyright_box" aria-hidden="true">
  1191. <div class="modal-dialog mat_box create_playlist" role="document">
  1192. <div class="modal-content">
  1193. <div class="modal-header">
  1194. <h5 class="modal-title">Create DMCA take down notice</h5>
  1195. </div>
  1196. <form method="post" action="" id="copyright-form">
  1197. <div class="alert alert-danger alert-empty" id="output-copyright-errors"></div>
  1198. <div class="create_playlist_innr">
  1199. <div class="play_info">
  1200. <div class="form-group mat_input" style="text-align: initial;">
  1201. <textarea name="description" id="description" rows="6" style="width: 100%;"></textarea><br>
  1202. <small>Please describe your request carefully and as much as you can, note that false DMCA requests can lead to account termination.</small>
  1203. </div>
  1204. <hr>
  1205. <div class="custom-control custom-radio">
  1206. <input type="checkbox" id="confirm_1" name="confirm_1" class="custom-control-input">
  1207. <label class="custom-control-label" for="confirm_1">I have a good faith belief that use of the copyrighted work described above is not authorized by the copyright owner, its agent or the law</label>
  1208. </div>
  1209. <div class="custom-control custom-radio">
  1210. <input type="checkbox" id="confirm_2" name="confirm_2" class="custom-control-input">
  1211. <label class="custom-control-label" for="confirm_2">I confirm that I am the copyright owner or am authorised to act on behalf of the owner of an exclusive right that is allegedly infringed.</label>
  1212. </div>
  1213. </div>
  1214. </div>
  1215. <input type="hidden" id="song-copyright-id" name="id">
  1216. <div class="modal-footer">
  1217. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1218. <button type="submit" class="btn btn-primary btn-mat" id="btn-copyright-submit">Submit</button>
  1219. </div>
  1220. </form>
  1221. </div>
  1222. </div>
  1223. </div>
  1224. <script>
  1225. $(document).ready(function() {
  1226.    var options = {
  1227.     url: "https://kleimun.com/endpoints/copyright-create?hash_id=" + getHashID(),
  1228.        beforeSubmit:  function () {
  1229.         $('#output-copyright-errors').removeClass('alert-success').addClass('alert-danger');
  1230.         $('#output-copyright-errors').empty();
  1231.         $("#btn-copyright-submit").text("Please wait..");
  1232.        },
  1233.        success: function (data) {
  1234.         $("#btn-copyright-submit").text("Submit");
  1235.         if (data.status == 200) {
  1236.         $('#output-copyright-errors').addClass('alert-success').removeClass('alert-danger');
  1237.         $('#output-copyright-errors').text("Thanks for your submission, we will review your request shortly.");
  1238.         setTimeout(function () {
  1239.         $('#copyright-form')[0].reset();
  1240.         $('#create_copyright_box').modal('hide');
  1241.         closeModal();
  1242.         $('#output-copyright-errors').empty();
  1243.         }, 3000);
  1244.         } else if (data.status == 400) {
  1245.         var errros = data.errors.join("<br>");
  1246.         $('#output-copyright-errors').html(errros);
  1247.         }
  1248.        }
  1249.    };
  1250.  
  1251.    $('#copyright-form').ajaxForm(options);
  1252. });
  1253. </script> <div class="modal fade" id="comment_unreported" tabindex="-1" role="dialog" aria-labelledby="comment_unreported" aria-hidden="true" data-id="0">
  1254.    <div class="modal-dialog mat_box" role="document">
  1255.        <div class="modal-content">
  1256. <div class="modal-body">
  1257. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The comment report was successfully deleted.</div>
  1258.            </div>
  1259.        </div>
  1260.    </div>
  1261. </div>
  1262. <div class="modal fade" id="report_comment" tabindex="-1" role="dialog" aria-labelledby="report_comment" aria-hidden="true">
  1263.    <div class="modal-dialog mat_box create_playlist" role="document">
  1264.        <div class="modal-content">
  1265.            <div class="modal-header">
  1266.                <h5 class="modal-title">Report comment.</h5>
  1267.            </div>
  1268.            <form method="post" action="" id="comment-report-form">
  1269.                <div class="alert alert-danger alert-empty" id="output-report-comment-errors"></div>
  1270.                <div class="create_playlist_innr">
  1271.                    <div class="play_info">
  1272.                        <div class="form-group mat_input" style="text-align: initial;">
  1273.                            <textarea name="comment_description" id="comment_description" rows="5" style="width: 100%;"></textarea><br>
  1274.                            <small>Please describe whey you want to report this comment.</small>
  1275.                        </div>
  1276.                    </div>
  1277.                </div>
  1278.                <input type="hidden" id="comment_id" name="id">
  1279.                <div class="modal-footer">
  1280.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1281.                    <button type="submit" class="btn btn-primary btn-mat" id="btn-report-comment-submit">Submit</button>
  1282.                </div>
  1283.            </form>
  1284.        </div>
  1285.    </div>
  1286. </div>
  1287. <script>
  1288.    $(document).ready(function() {
  1289.        var options = {
  1290.            url: "https://kleimun.com/endpoints/report-comment?hash_id=" + getHashID(),
  1291.            beforeSubmit:  function () {
  1292.                $('#output-report-comment-errors').removeClass('alert-success').addClass('alert-danger');
  1293.                $('#output-report-comment-errors').empty();
  1294.                $("#btn-report-comment-submit").text("Please wait..");
  1295.            },
  1296.            success: function (data) {
  1297.                $("#bbtn-report-comment-submit").text("Submit");
  1298.                if (data.status == 200) {
  1299.                    $('#output-report-comment-errors').addClass('alert-success').removeClass('alert-danger');
  1300.                    $('#output-report-comment-errors').text("Thanks for your submission, we will review your request shortly.");
  1301.                    setTimeout(function () {
  1302.                        $('#comment-report-form')[0].reset();
  1303.                        $('#report_comment').modal('hide');
  1304.                        closeModal();
  1305.                        var comment_id = $('#comment_id').val();
  1306.                        $('.comment_report[data-comment-id="'+comment_id+'"]').hide();
  1307.                        $('.comment_unreport[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  1308.                        $('.comment_unreport[data-comment-id="'+comment_id+'"]').show();
  1309.  
  1310.                        $('#output-report-comment-errors').empty();
  1311.                    }, 3000);
  1312.                } else if (data.status == 400) {
  1313.                    var errros = data.errors.join("<br>");
  1314.                    $('#output-report-comment-errors').html(errros);
  1315.                }
  1316.            }
  1317.        };
  1318.  
  1319.        $('#comment-report-form').ajaxForm(options);
  1320.    });
  1321. </script> <div class="modal fade" id="blog_comment_unreported" tabindex="-1" role="dialog" aria-labelledby="comment_unreported" aria-hidden="true" data-id="0">
  1322.    <div class="modal-dialog mat_box" role="document">
  1323.        <div class="modal-content">
  1324. <div class="modal-body">
  1325. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The comment report was successfully deleted.</div>
  1326.            </div>
  1327.        </div>
  1328.    </div>
  1329. </div>
  1330. <div class="modal fade" id="blog_report_comment" tabindex="-1" role="dialog" aria-labelledby="blog_report_comment" aria-hidden="true">
  1331.    <div class="modal-dialog mat_box create_playlist" role="document">
  1332.        <div class="modal-content">
  1333.            <div class="modal-header">
  1334.                <h5 class="modal-title">Report comment.</h5>
  1335.            </div>
  1336.            <form method="post" action="" id="blog-comment-report-form">
  1337.                <div class="alert alert-danger alert-empty" id="output-blog-report-comment-errors"></div>
  1338.                <div class="create_playlist_innr">
  1339.                    <div class="play_info">
  1340.                        <div class="form-group mat_input" style="text-align: initial;">
  1341.                            <textarea name="comment_description" id="blog_comment_description" rows="5" style="width: 100%;"></textarea><br>
  1342.                            <small>Please describe whey you want to report this comment.</small>
  1343.                        </div>
  1344.                    </div>
  1345.                </div>
  1346.                <input type="hidden" id="blog_comment_id" name="id">
  1347.                <div class="modal-footer">
  1348.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1349.                    <button type="submit" class="btn btn-primary btn-mat" id="btn-blog-report-comment-submit">Submit</button>
  1350.                </div>
  1351.            </form>
  1352.        </div>
  1353.    </div>
  1354. </div>
  1355. <script>
  1356.    $(document).ready(function() {
  1357.        var options = {
  1358.            url: "https://kleimun.com/endpoints/blog-report-comment?hash_id=" + getHashID(),
  1359.            beforeSubmit:  function () {
  1360.                $('#output-blog-report-comment-errors').removeClass('alert-success').addClass('alert-danger');
  1361.                $('#output-blog-report-comment-errors').empty();
  1362.                $("#btn-blog-report-comment-submit").text("Please wait..");
  1363.            },
  1364.            success: function (data) {
  1365.                $("#btn-blog-report-comment-submit").text("Submit");
  1366.                if (data.status == 200) {
  1367.                    $('#output-blog-report-comment-errors').addClass('alert-success').removeClass('alert-danger');
  1368.                    $('#output-blog-report-comment-errors').text("Thanks for your submission, we will review your request shortly.");
  1369.                    setTimeout(function () {
  1370.                        $('#blog-comment-report-form')[0].reset();
  1371.                        $('#blog_report_comment').modal('hide');
  1372.                        closeModal();
  1373.                        var comment_id = $('#blog_comment_id').val();
  1374.                        $('.blog_comment_report[data-comment-id="'+comment_id+'"]').hide();
  1375.                        $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  1376.                        $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').show();
  1377.  
  1378.                        $('#output-blog-report-comment-errors').empty();
  1379.                    }, 3000);
  1380.                } else if (data.status == 400) {
  1381.                    var errros = data.errors.join("<br>");
  1382.                    $('#output-blog-report-comment-errors').html(errros);
  1383.                }
  1384.            }
  1385.        };
  1386.  
  1387.        $('#blog-comment-report-form').ajaxForm(options);
  1388.    });
  1389. </script> <div class="modal fade" id="track_unreported" tabindex="-1" role="dialog" aria-labelledby="track_unreported" aria-hidden="true" data-id="0">
  1390.    <div class="modal-dialog mat_box" role="document">
  1391.        <div class="modal-content">
  1392.            <div class="modal-body">
  1393. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The track report was successfully deleted.</div>
  1394.            </div>
  1395.        </div>
  1396.    </div>
  1397. </div>
  1398. <div class="modal fade" id="report_track" tabindex="-1" role="dialog" aria-labelledby="report_track" aria-hidden="true">
  1399.    <div class="modal-dialog mat_box create_playlist" role="document">
  1400.        <div class="modal-content">
  1401.            <div class="modal-header">
  1402.                <h5 class="modal-title">Report track.</h5>
  1403.            </div>
  1404.            <form method="post" action="" id="track-report-form">
  1405.                <div class="alert alert-danger alert-empty" id="output-report-track-errors"></div>
  1406.                <div class="create_playlist_innr">
  1407.                    <div class="play_info">
  1408.                        <div class="form-group mat_input" style="text-align: initial;">
  1409.                            <textarea name="track_description" id="track_description" rows="5" style="width: 100%;"></textarea>
  1410.                            <small>Please describe whey you want to report this track.</small>
  1411.                        </div>
  1412.                    </div>
  1413.                </div>
  1414.                <input type="hidden" id="report_track_id" name="id">
  1415.                <div class="modal-footer">
  1416.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1417.                    <button type="submit" class="btn btn-primary btn-mat" id="btn-report-track-submit">Submit</button>
  1418.                </div>
  1419.            </form>
  1420.        </div>
  1421.    </div>
  1422. </div>
  1423. <script>
  1424.    $(document).ready(function() {
  1425.        var options = {
  1426.            url: "https://kleimun.com/endpoints/report-track?hash_id=" + getHashID(),
  1427.            beforeSubmit:  function () {
  1428.                $('#output-report-track-errors').removeClass('alert-success').addClass('alert-danger');
  1429.                $('#output-report-track-errors').empty();
  1430.                $("#btn-report-track-submit").text("Please wait..");
  1431.            },
  1432.            success: function (data) {
  1433.                $("#btn-report-track-submit").text("Submit");
  1434.                if (data.status == 200) {
  1435.                    $('#output-report-track-errors').addClass('alert-success').removeClass('alert-danger');
  1436.                    $('#output-report-track-errors').text("Thanks for your submission, we will review your request shortly.");
  1437.                    setTimeout(function () {
  1438.                        $('#track-report-form')[0].reset();
  1439.                        $('#report_track').modal('hide');
  1440.                        closeModal();
  1441.                        var track_id = $('#report_track_id').val();
  1442.                        $('.track_report[data-track-id="'+track_id+'"]').hide();
  1443.                        $('.track_unreport[data-track-id="'+track_id+'"]').css({'visibility':'inherit'});
  1444.                        $('.track_unreport[data-track-id="'+track_id+'"]').show();
  1445.  
  1446.                        $('#output-report-track-errors').empty();
  1447.                    }, 3000);
  1448.                } else if (data.status == 400) {
  1449.                    var errros = data.errors.join("<br>");
  1450.                    $('#output-report-track-errors').html(errros);
  1451.                }
  1452.            }
  1453.        };
  1454.  
  1455.        $('#track-report-form').ajaxForm(options);
  1456.    });
  1457. </script> <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css'>
  1458.  
  1459. <style>
  1460.    .success-box {
  1461.        margin:50px 0;
  1462.        padding:10px 10px;
  1463.        border:1px solid #eee;
  1464.        background:#f9f9f9;
  1465.    }
  1466.    .success-box img {
  1467.        margin-right:10px;
  1468.        display:inline-block;
  1469.        vertical-align:top;
  1470.    }
  1471.    .success-box > div {
  1472.        vertical-align:top;
  1473.        display:inline-block;
  1474.        color:#888;
  1475.    }
  1476.    /* Rating Star Widgets Style */
  1477.    .rating-stars ul {
  1478.        list-style-type:none;
  1479.        padding:0;
  1480.  
  1481.        -moz-user-select:none;
  1482.        -webkit-user-select:none;
  1483.    }
  1484.    .rating-stars ul > li.star {
  1485.        display:inline-block;
  1486.  
  1487.    }
  1488.    /* Idle State of the stars */
  1489.    .rating-stars ul > li.star > i.fa {
  1490.        font-size:2.5em; /* Change the size of the stars */
  1491.        color:#ccc; /* Color on idle state */
  1492.    }
  1493.    /* Hover state of the stars */
  1494.    .rating-stars ul > li.star.hover > i.fa {
  1495.        color:#FFCC36;
  1496.    }
  1497.    /* Selected state of the stars */
  1498.    .rating-stars ul > li.star.selected > i.fa {
  1499.        color:#FF912C;
  1500.    }
  1501. </style>
  1502.  
  1503. <div class="modal fade" id="track_unreported" tabindex="-1" role="dialog" aria-labelledby="track_unreported" aria-hidden="true" data-id="0">
  1504.    <div class="modal-dialog mat_box" role="document">
  1505.        <div class="modal-content">
  1506.            <div class="modal-body">
  1507. <div class="no-track-found" style="padding: 30px 10px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> The track report was successfully deleted.</div>
  1508.            </div>
  1509.        </div>
  1510.    </div>
  1511. </div>
  1512. <div class="modal fade" id="review_track" tabindex="-1" role="dialog" aria-labelledby="report_track" aria-hidden="true">
  1513.    <div class="modal-dialog mat_box create_playlist" role="document">
  1514.        <div class="modal-content">
  1515.            <div class="modal-header">
  1516.                <h5 class="modal-title">Review track.</h5>
  1517.            </div>
  1518.            <form method="post" action="" id="track-review-form">
  1519.                <div class="alert alert-danger alert-empty" id="output-review-track-errors"></div>
  1520.                <div class="create_playlist_innr">
  1521.                    <div class="play_info">
  1522.                        <div class="form-group mat_input" style="text-align: initial;">
  1523.                            <textarea name="track_review_description" id="track_review_description" rows="5" style="width: 100%;" placeholder="Please enter your review."></textarea>
  1524.                            <br><br>
  1525.  
  1526.                            <section class='rating-widget'>
  1527.                                <!-- Rating Stars Box -->
  1528.                                <div class='rating-stars text-center'>
  1529.                                    <ul id='stars'>
  1530.                                        <li class='star' title='Poor' data-value='1'>
  1531.                                            <i class='fa fa-star fa-fw'></i>
  1532.                                        </li>
  1533.                                        <li class='star' title='Fair' data-value='2'>
  1534.                                            <i class='fa fa-star fa-fw'></i>
  1535.                                        </li>
  1536.                                        <li class='star' title='Good' data-value='3'>
  1537.                                            <i class='fa fa-star fa-fw'></i>
  1538.                                        </li>
  1539.                                        <li class='star' title='Excellent' data-value='4'>
  1540.                                            <i class='fa fa-star fa-fw'></i>
  1541.                                        </li>
  1542.                                        <li class='star' title='WOW!!!' data-value='5'>
  1543.                                            <i class='fa fa-star fa-fw'></i>
  1544.                                        </li>
  1545.                                    </ul>
  1546.                                </div>
  1547.                            </section>
  1548.  
  1549.  
  1550.                        </div>
  1551.                    </div>
  1552.                </div>
  1553.                <input type="hidden" id="review_track_id" name="id">
  1554.                <input type="hidden" id="review_track_oid">
  1555.                <input type="hidden" id="track_stars" name="track_stars" value="0">
  1556.                <div class="modal-footer">
  1557.                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1558.                    <button type="submit" class="btn btn-primary btn-mat" disabled="disabled" id="btn-review-track-submit">Submit</button>
  1559.                </div>
  1560.            </form>
  1561.        </div>
  1562.    </div>
  1563. </div>
  1564. <script>
  1565.    $(document).ready(function(){
  1566.  
  1567.        /* 1. Visualizing things on Hover - See next part for action on click */
  1568.        $('#stars li').on('mouseover', function(){
  1569.            var onStar = parseInt($(this).data('value'), 10); // The star currently mouse on
  1570.  
  1571.            // Now highlight all the stars that's not after the current hovered star
  1572.            $(this).parent().children('li.star').each(function(e){
  1573.                if (e < onStar) {
  1574.                    $(this).addClass('hover');
  1575.                }
  1576.                else {
  1577.                    $(this).removeClass('hover');
  1578.                }
  1579.            });
  1580.  
  1581.        }).on('mouseout', function(){
  1582.            $(this).parent().children('li.star').each(function(e){
  1583.                $(this).removeClass('hover');
  1584.            });
  1585.        });
  1586.  
  1587.        $('#track_review_description').bind('input propertychange', function() {
  1588.            if(this.value.length){
  1589.                var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
  1590.                if (ratingValue > 1) {
  1591.                    $('#btn-review-track-submit').removeAttr('disabled');
  1592.                }
  1593.            }
  1594.        });
  1595.  
  1596.        /* 2. Action to perform on click */
  1597.        $('#stars li').on('click', function(){
  1598.            var onStar = parseInt($(this).data('value'), 10); // The star currently selected
  1599.            var stars = $(this).parent().children('li.star');
  1600.  
  1601.            for (i = 0; i < stars.length; i++) {
  1602.                $(stars[i]).removeClass('selected');
  1603.            }
  1604.  
  1605.            for (i = 0; i < onStar; i++) {
  1606.                $(stars[i]).addClass('selected');
  1607.            }
  1608.  
  1609.            // JUST RESPONSE (Not needed)
  1610.            var ratingValue = parseInt($('#stars li.selected').last().data('value'), 10);
  1611.            var msg = "";
  1612.            if (ratingValue > 1) {
  1613.                $('#track_stars').val(ratingValue);
  1614.                if( $('#track_review_description').val() !== '' ) {
  1615.                    $('#btn-review-track-submit').removeAttr('disabled');
  1616.                }
  1617.                msg = "Thanks! You rated this " + ratingValue + " stars.";
  1618.            }
  1619.            else {
  1620.                msg = "We will improve ourselves. You rated this " + ratingValue + " stars.";
  1621.            }
  1622.  
  1623.        });
  1624.  
  1625.  
  1626.    });
  1627.  
  1628.    $(document).ready(function() {
  1629.        var options = {
  1630.            url: "https://kleimun.com/endpoints/review-track?hash_id=" + getHashID(),
  1631.            beforeSubmit:  function () {
  1632.                $('#output-review-track-errors').removeClass('alert-success').addClass('alert-danger');
  1633.                $('#output-review-track-errors').empty();
  1634.                $("#btn-review-track-submit").text("Please wait..");
  1635.            },
  1636.            success: function (data) {
  1637.                $("#btn-review-track-submit").text("Submit");
  1638.                if (data.status == 200) {
  1639.                    $('#output-review-track-errors').addClass('alert-success').removeClass('alert-danger');
  1640.                    $('#output-review-track-errors').text("Thanks for your submission.");
  1641.                    setTimeout(function () {
  1642.                        $('#track-review-form')[0].reset();
  1643.                        $('#review_track').modal('hide');
  1644.                        closeModal();
  1645.  
  1646.  
  1647.                        goToAjaxLink('track/'+$('#review_track_oid').val());
  1648.  
  1649.                        $('#output-review-track-errors').empty();
  1650.                    }, 3000);
  1651.                } else if (data.status == 400) {
  1652.                    var errros = data.errors.join("<br>");
  1653.                    $('#output-review-track-errors').html(errros);
  1654.                }
  1655.            }
  1656.        };
  1657.  
  1658.        $('#track-review-form').ajaxForm(options);
  1659.    });
  1660. </script> <div class="modal fade" id="bank_transfer_modal_response" tabindex="-1" role="dialog" aria-labelledby="bank_transfer_modal_response" aria-hidden="true" data-id="0">
  1661.    <div class="modal-dialog mat_box" role="document">
  1662.        <div class="modal-content">
  1663.            <div class="modal-body">
  1664.                <div class="no-track-found" style="padding: 30px 10px;">
  1665.                    <span id="bank_transfer_modal_response_txt"></span>
  1666.  
  1667.                </div>
  1668.            </div>
  1669.        </div>
  1670.    </div>
  1671. </div>
  1672.  
  1673.  
  1674. <div class="bank_transfer_modal modal fade modal-fixed-footer" tabindex="-1" role="dialog" aria-hidden="true" data-id="0">
  1675.    <div class="modal-dialog mat_box" role="document">
  1676.        <div class="modal-content dt_bank_trans_modal">
  1677.            <div class="modal-header">
  1678.                <h5 class="modal-title">Bank Transfer</h5>
  1679.            </div>
  1680.            <div class="modal-body">
  1681.                                <div class="bank_info"><div class="dt_settings_header bg_gradient">
  1682.    <div class="bank_info_innr">
  1683.        <h4 class="bank_name">Garanti Bank</h4>
  1684.        <div class="row">
  1685.            <div class="col-md-12">
  1686.                <div class="bank_account">
  1687.                    <p>4796824372433055</p>
  1688.                    <span class="help-block">Account number / IBAN</span>
  1689.                </div>
  1690.            </div>
  1691.            <div class="col-md-12">
  1692.                <div class="bank_account_holder">
  1693.                    <p>Antoian Kordiyal</p>
  1694.                    <span class="help-block">Account name</span>
  1695.                </div>
  1696.            </div>
  1697.            <div class="col-md-6">
  1698.                <div class="bank_account_code">
  1699.                    <p>TGBATRISXXX</p>
  1700.                    <span class="help-block">Routing code</span>
  1701.                </div>
  1702.            </div>
  1703.            <div class="col-md-6">
  1704.                <div class="bank_account_country">
  1705.                    <p>United States</p>
  1706.                    <span class="help-block">Country</span>
  1707.                </div>
  1708.            </div>
  1709.        </div>
  1710.    </div>
  1711. </div></div>
  1712.                                                <div class="dt_user_profile hide_alert_info_bank_trans">
  1713.                <span class="valign-wrapper">
  1714. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg> Note:
  1715.                </span>
  1716.                    <ul class="browser-default dt_prof_vrfy">
  1717.                        <li id="bank_note">In order to confirm the bank transfer, you will need to upload a receipt or take a screenshot of your transfer within 1 day from your payment date. If a bank transfer is made but no receipt is uploaded within this period, your order will be cancelled. We will verify and confirm your receipt within 3 working days from the date you upload it.</li>
  1718.                    </ul>
  1719.                </div>
  1720.                                <p class="dt_bank_trans_upl_rec">
  1721.                    <a href="javascript:void(0);" onclick="$('.bank_transfer_modal').addClass('up_rec_active'); return false">
  1722.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1723.                            <path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z"></path>
  1724.                        </svg> Upload Receipt
  1725.                    </a>
  1726.                </p>
  1727.                <div class="upload_bank_receipts">
  1728.                    <div onclick="document.getElementById('receipt_img').click(); return false">
  1729.                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z"></path></svg>
  1730.                        <p>Upload Receipt</p>
  1731.                        <img id="receipt_img_preview" src="">
  1732.                    </div>
  1733.                </div>
  1734.                <input type="file" id="receipt_img" class="hide" accept="image/x-png, image/gif, image/jpeg, image/webp" name="receipt_img">
  1735.            </div>
  1736.            <!--<span style="display: block;text-align: center;" id="receipt_img_path"></span>-->
  1737.            <div class="modal-footer">
  1738.                <div class="bank_transfr_progress hide" id="img_upload_progress">
  1739.                    <div class="progress">
  1740.                        <div id="img_upload_progress_bar" class="determinate progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
  1741.                    </div>
  1742.                </div>
  1743.                <button class="btn btn-default" data-dismiss="modal">Close</button>
  1744.                <button class="btn btn-primary btn-mat" disabled id="btn-upload-receipt" data-selected="" data-mode="" data-id="" data-title="" data-price="">Confirm</button>
  1745.            </div>
  1746.        </div>
  1747.    </div>
  1748. </div>
  1749.  
  1750. <script>
  1751.    document.getElementById('receipt_img').removeEventListener("change", handleReceiptImgChange, true);
  1752.    document.getElementById('receipt_img').addEventListener('change', handleReceiptImgChange, { passive: false });
  1753.    function handleReceiptImgChange(){
  1754.        let imgPath = $(this)[0].files[0].name;
  1755.        if (typeof(FileReader) != "undefined") {
  1756.            let reader = new FileReader();
  1757.            reader.onload = function(e) {
  1758.                $('#receipt_img_preview').attr('src', e.target.result);
  1759.            };
  1760.            reader.readAsDataURL(this.files[0]);
  1761.        }
  1762.        $('#receipt_img_path').html(imgPath);
  1763.        $('.bank_transfer_modal').addClass('up_rec_img_ready');
  1764.        $('#btn-upload-receipt').removeAttr('disabled');
  1765.        $('#btn-upload-receipt').removeClass('btn-flat').addClass('btn-success');
  1766.    }
  1767.    document.getElementById('btn-upload-receipt').addEventListener('click', function(e) {
  1768.        e.preventDefault();
  1769.        let bar = $('#img_upload_progress');
  1770.        let percent = $('#img_upload_progress_bar');
  1771.  
  1772.        let id = $(this).attr("data-id");
  1773.        if (!id) {
  1774.            return false;
  1775.        }
  1776.        let title = $(this).attr("data-title");
  1777.        let price = $(this).attr("data-price");
  1778.        let mode = $(this).attr("data-mode");
  1779.  
  1780.        let formData = new FormData();
  1781.        formData.append("hash_id",'77414e9365b4fa9ec8273893dd82c95a64dc4278');
  1782.        formData.append("description",title);
  1783.        formData.append("price", price);
  1784.        formData.append("mode", mode);
  1785.        formData.append("track_id", id);
  1786.        formData.append("receipt_img", $("#receipt_img")[0].files[0], $("#receipt_img")[0].files[0].value);
  1787.        bar.removeClass('hide');
  1788.        $.ajax({
  1789.            xhr: function() {
  1790.                let xhr = new window.XMLHttpRequest();
  1791.                xhr.upload.addEventListener("progress", function(evt){
  1792.                    if (evt.lengthComputable) {
  1793.                        let percentComplete = evt.loaded / evt.total;
  1794.                        percentComplete = parseInt(percentComplete * 100);
  1795.                        //status.html( percentComplete + "%");
  1796.                        percent.width(percentComplete + '%');
  1797.                        percent.html(percentComplete + '%');
  1798.                        if (percentComplete === 100) {
  1799.                            bar.addClass('hide');
  1800.                            percent.width('0%');
  1801.                            percent.html('0%');
  1802.                        }
  1803.                    }
  1804.                }, false);
  1805.                return xhr;
  1806.            },
  1807.            url: ajaxUrl() + '/upload-receipt',
  1808.            type: "POST",
  1809.            async: true,
  1810.            enctype: 'multipart/form-data',
  1811.            processData: false,
  1812.            contentType: false,
  1813.            cache: false,
  1814.            timeout: 60000,
  1815.            dataType: false,
  1816.            data: formData,
  1817.            success: function(result) {
  1818.                if( result.status == 200 ){
  1819.                    $('#payment_modal').modal('hide');
  1820.                    $('#paymentpro_modal').modal('hide');
  1821.                    $('.bank_transfer_modal').modal('hide');
  1822.  
  1823.                    $('#bank_transfer_modal_response_txt').html('Your receipt  has been uploaded successfully.');
  1824.                    $('#bank_transfer_modal_response').modal('show');
  1825.  
  1826.                    setTimeout(function () {
  1827.                        $('#bank_transfer_modal_response').modal('hide');
  1828.                    },2000);
  1829.                    return false;
  1830.                }
  1831.            }
  1832.        });
  1833.    });
  1834. </script> <div class="modal fade mat_box" id="logged-out-modal" role="dialog" data-backdrop="static" data-keyboard="false">
  1835.    <div class="modal-dialog">
  1836.        <div class="modal-content">
  1837.            <div class="modal-header">
  1838.                <h4 class="modal-title"><i class="fa fa-exclamation-circle"></i> Session Expired</h4>
  1839.            </div>
  1840.            <div class="modal-body">
  1841.                <p>Your Session has been expired, please login again.</p>
  1842.            </div>
  1843.  
  1844.            <div class="modal-footer">
  1845.                <a href="https://kleimun.com/discover" class="btn btn-default">Login</a>
  1846.            </div>
  1847.        </div>
  1848.    </div>
  1849. </div> <div class="modal fade mat_box" id="verify_code" role="dialog">
  1850.    <div class="modal-dialog">
  1851.        <div class="modal-content">
  1852.            <div class="modal-header">
  1853.                <h5 class="modal-title" id="two_factor_title">
  1854.                    A confirmation email has been sent.                </h5>
  1855.            </div>
  1856.            <form id="confirmation_code_form" class="confirmation_code_form" method="POST">
  1857.                <div class="modal-body">
  1858.                    <div id="confirmation_code_form_alert"></div>
  1859.                    <span class="verfy_sett_email_phone_ico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21,13.34C20.37,13.12 19.7,13 19,13A6,6 0 0,0 13,19C13,19.34 13.03,19.67 13.08,20H3A2,2 0 0,1 1,18V6C1,4.89 1.89,4 3,4H19A2,2 0 0,1 21,6V13.34M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M3,6V8L11,13L19,8V6L11,11L3,6Z" /></svg></span>
  1860.                    <p id="two_factor_desc">
  1861.                        We have sent an email that contains the confirmation code to enable Two-factor authentication.                    </p>
  1862.                    <div class="form-group mat_input float verfy_sett_email_phone mt-4">
  1863.                        <input type="text" class="form-control" name="code" placeholder=" ">
  1864. <label>Confirmation code</label>
  1865.                    </div>
  1866.                </div>
  1867.                <div class="modal-footer">
  1868.                    <button data-dismiss="modal" class="btn btn-default">Cancel</button>
  1869.                    <button id="confirmation_code_form_btn" type="submit" class="btn btn-primary btn-main">Send</button>
  1870.                </div>
  1871.                <input type="hidden" id="confirmation_code_form_user_id" name="user_id" value="">
  1872.            </form>
  1873.        </div>
  1874.    </div>
  1875. </div>
  1876.  
  1877. <div class="modal fade mat_box" id="verify_email_phone" role="dialog">
  1878.    <div class="modal-dialog">
  1879.        <div class="modal-content">
  1880.            <div class="modal-header">
  1881.                <h5 class="modal-title" id="verify_email_phone_title">
  1882.                                    </h5>
  1883.            </div>
  1884.            <form id="verify_email_phone_form" class="verify_email_phone_form" method="POST">
  1885.                <div class="modal-body">
  1886.                    <div id="verify_email_phone_form_alert"></div>
  1887.                    <span class="verfy_sett_email_phone_ico"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z" /></svg></span>
  1888.                    <p id="verify_email_phone_desc">
  1889.                                            </p>
  1890.                    <div class="form-group verfy_sett_email_phone">
  1891.                        <input type="text" class="form-control" name="code" placeholder="Confirmation code">
  1892.                    </div>
  1893.                </div>
  1894.                <div class="modal-footer">
  1895.                    <button data-dismiss="modal" class="btn btn-default">Cancel</button>
  1896.                    <button id="verify_email_phone_form_btn" type="submit" class="btn btn-main">Send</button>
  1897.                </div>
  1898.            </form>
  1899.        </div>
  1900.    </div>
  1901. </div> <div class="modal fade" id="refund_order" tabindex="-1" role="dialog" aria-labelledby="refund_order" aria-hidden="true" data-id="0">
  1902.  <div class="modal-dialog mat_box" role="document">
  1903.    <div class="modal-content">
  1904.      <div class="modal-header">
  1905.        <h5 class="modal-title">Request a Refund</h5>
  1906.      </div>
  1907.      <form class="refund_order_form" method="post">
  1908.        <div class="modal-body">
  1909.          <div class="modal_refund_order_modal_alert"></div>
  1910.          <div class="form-group mat_input">
  1911.        <div class="col-md-12">
  1912.          <textarea placeholder="Please explain the reason" name="message" id="refund_order_message"></textarea>
  1913.        </div>
  1914.      </div>
  1915.        </div>
  1916.        <div class="modal-footer">
  1917.          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1918.          <button type="submit" class="btn btn-primary btn-mat">Request</button>
  1919.        </div>
  1920.      </form>
  1921.    </div>
  1922.  </div>
  1923. </div>
  1924. <div class="modal fade" id="add_address_modal" tabindex="-1" role="dialog" aria-labelledby="add_address_modal" aria-hidden="true" data-id="0">
  1925. <div class="modal-dialog mat_box" role="document">
  1926. <div class="modal-content">
  1927. <div class="modal-header">
  1928. <h5 class="modal-title">Add New Address</h5>
  1929. </div>
  1930. <form class="address_form" method="post">
  1931. <div class="modal-body">
  1932. <div class="modal_add_address_modal_alert"></div>
  1933. <div class="form-group mat_input float">
  1934. <input type="text" name="name" id="name" class="form-control" autofocus placeholder=" ">
  1935. <label>Name</label>
  1936. </div>
  1937. <div class="form-group mat_input float">
  1938. <input type="text" name="phone" id="phone" class="form-control" autofocus placeholder=" ">
  1939. <label>Phone</label>
  1940. </div>
  1941. <div class="form-group mat_input float">
  1942. <input type="text" name="country" id="country" class="form-control" autofocus placeholder=" ">
  1943. <label>Country</label>
  1944. </div>
  1945. <div class="form-group mat_input float">
  1946. <input type="text" name="city" id="city" class="form-control" autofocus placeholder=" ">
  1947. <label>City</label>
  1948. </div>
  1949. <div class="form-group mat_input float">
  1950. <input type="text" name="zip" id="zip" class="form-control" autofocus placeholder=" ">
  1951. <label>Postcode / Zip</label>
  1952. </div>
  1953. <div class="form-group mat_input float mb-0">
  1954. <textarea placeholder=" " class="form-control" name="address"></textarea>
  1955. <label>Address</label>
  1956. </div>
  1957. </div>
  1958. <div class="modal-footer">
  1959. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1960. <button type="submit" class="btn btn-primary btn-mat">Add</button>
  1961. </div>
  1962. </form>
  1963. </div>
  1964. </div>
  1965. </div> <div class="modal fade" id="delete-address" tabindex="-1" role="dialog" aria-labelledby="delete-address" aria-hidden="true" data-id="0">
  1966.  <div class="modal-dialog mat_box" role="document">
  1967.    <div class="modal-content">
  1968.      <div class="modal-header">
  1969.        <h5 class="modal-title">Delete your address</h5>
  1970.      </div>
  1971.      <div class="modal-body">
  1972.        Are you sure you want to delete this address?
  1973.      </div>
  1974.      <div class="modal-footer">
  1975.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1976.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  1977.      </div>
  1978.    </div>
  1979.  </div>
  1980. </div>
  1981.  
  1982. <div class="modal fade" id="buy_product_modal" tabindex="-1" role="dialog" aria-labelledby="buy_product" aria-hidden="true" data-id="0">
  1983.  <div class="modal-dialog mat_box" role="document">
  1984.    <div class="modal-content">
  1985.      <div class="modal-header">
  1986.        <h5 class="modal-title">Payment Alert</h5>
  1987.      </div>
  1988.      <div class="modal-body">
  1989.        <div class="modal_product_pay_alert"></div>
  1990.        You are about to purchase the items, do you want to proceed?
  1991.      </div>
  1992.      <div class="modal-footer">
  1993.        <input type="hidden" id="product_id">
  1994.        <input type="hidden" id="product_price">
  1995.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1996.        <button type="button" class="btn btn-primary btn-mat">Pay</button>
  1997.      </div>
  1998.    </div>
  1999.  </div>
  2000. </div>
  2001. <div class="modal fade" id="delete-product" tabindex="-1" role="dialog" aria-labelledby="delete-product" aria-hidden="true" data-id="0">
  2002.  <div class="modal-dialog mat_box" role="document">
  2003.    <div class="modal-content">
  2004.      <div class="modal-header">
  2005.        <h5 class="modal-title">Delete your product</h5>
  2006.      </div>
  2007.      <div class="modal-body">
  2008.        Are you sure you want to delete this product?
  2009.      </div>
  2010.      <div class="modal-footer">
  2011.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2012.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  2013.      </div>
  2014.    </div>
  2015.  </div>
  2016. </div>
  2017. <div class="modal fade" id="story_pay" tabindex="-1" role="dialog" aria-labelledby="story_pay" aria-hidden="true" data-id="0">
  2018.  <div class="modal-dialog mat_box" role="document">
  2019.    <div class="modal-content">
  2020.      <div class="modal-header">
  2021.        <h5 class="modal-title">Pay for story</h5>
  2022.      </div>
  2023.      <div class="modal-body">
  2024.        <div class="modal_story_pay_alert"></div>
  2025.        Are you sure you want to pay for create story?
  2026.      </div>
  2027.      <div class="modal-footer">
  2028.        <input type="hidden" id="story_pay_id">
  2029.        <input type="hidden" id="story_pay_file">
  2030.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2031.        <button type="button" class="btn btn-primary btn-mat" onclick="PayForStory()">Pay $0</button>
  2032.      </div>
  2033.    </div>
  2034.  </div>
  2035. </div>
  2036.  
  2037. <div class="modal fade" id="wallet_to_pay" tabindex="-1" role="dialog" aria-labelledby="wallet_to_pay" aria-hidden="true" data-id="0">
  2038.  <div class="modal-dialog mat_box" role="document">
  2039.    <div class="modal-content">
  2040.      <div class="modal-header">
  2041.        <h5 class="modal-title">Pay from wallet</h5>
  2042.      </div>
  2043.      <div class="modal-body">
  2044.        <div class="modal_wallet_pay_alert"></div>
  2045.        <div id="wallet_to_pay_text"></div>
  2046.      </div>
  2047.      <div class="modal-footer">
  2048.        <input type="hidden" id="wallet_to_pay_price">
  2049.        <input type="hidden" id="wallet_to_pay_type">
  2050.        <input type="hidden" id="wallet_to_pay_id">
  2051.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2052.        <button type="button" class="btn btn-primary btn-mat" onclick="PayFromWallet()">Pay $0</button>
  2053.      </div>
  2054.    </div>
  2055.  </div>
  2056. </div>
  2057. <div class="modal fade buy_event_ticket" id="buy_ticket_modal" tabindex="-1" role="dialog" aria-labelledby="buy_ticket_modal" aria-hidden="true" data-id="0">
  2058.  <div class="modal-dialog mat_box" role="document">
  2059.    <div class="modal-content">
  2060.      <div class="buy_event_ticket_top">
  2061.        <h5 class="modal-title">Buy a ticket</h5>
  2062.        <p class="subtitle">Are you sure you want to buy a ticket?</p>
  2063.        <div class="ticket-img"></div>
  2064.        <div class="d-flex justify-content-between buy_event_ticket_top_mid">
  2065.          <div class="avail_ticket">
  2066.            <b>Available Tickets</b>
  2067.            <p></p>
  2068.          </div>
  2069.          <div class="avail_ticket_price text-right">
  2070.            <b>Price</b>
  2071.            <p></p>
  2072.          </div>
  2073.        </div>
  2074.      </div>
  2075.      <div class="buy_event_ticket_mid"></div>
  2076.      <div class="buy_event_ticket_bottom">
  2077.        <div class="modal-body-alert"></div>
  2078.        <div class="row mx-0">
  2079.          <div class="col-6 px-1">
  2080.            <button type="button" class="btn btn-default btn-mat btn-block" data-dismiss="modal">Cancel</button>
  2081.          </div>
  2082.          <div class="col-6 px-1">
  2083.            <button type="button" class="btn btn-primary btn-mat btn-block">Buy</button>
  2084.          </div>
  2085.        </div>
  2086.      </div>
  2087.    </div>
  2088.  </div>
  2089. </div>
  2090. <div class="modal fade" id="unjoin-event" tabindex="-1" role="dialog" aria-labelledby="unjoin-event" aria-hidden="true" data-id="0">
  2091.  <div class="modal-dialog mat_box" role="document">
  2092.    <div class="modal-content">
  2093.      <div class="modal-header">
  2094.        <h5 class="modal-title">Leave event</h5>
  2095.      </div>
  2096.      <div class="modal-body">
  2097.        Are you sure you want to leave this event?
  2098.      </div>
  2099.      <div class="modal-footer">
  2100.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2101.        <button type="button" class="btn btn-primary btn-mat" data-dismiss="modal">Leave</button>
  2102.      </div>
  2103.    </div>
  2104.  </div>
  2105. </div>
  2106.  
  2107. <div class="modal fade" id="delete-event" tabindex="-1" role="dialog" aria-labelledby="delete-event" aria-hidden="true" data-id="0">
  2108.  <div class="modal-dialog mat_box" role="document">
  2109.    <div class="modal-content">
  2110.      <div class="modal-header">
  2111.        <h5 class="modal-title">Delete your event</h5>
  2112.      </div>
  2113.      <div class="modal-body">
  2114.        Are you sure you want to delete this event?
  2115.      </div>
  2116.      <div class="modal-footer">
  2117.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2118.        <button type="button" class="btn btn-danger btn-mat" data-dismiss="modal">Delete</button>
  2119.      </div>
  2120.    </div>
  2121.  </div>
  2122. </div>
  2123. <div class="modal fade" id="albums_success" role="dialog" aria-labelledby="albums" aria-hidden="true" data-id="{{t_id}}">
  2124.  <div class="modal-dialog mat_box" role="document">
  2125.    <div class="modal-content add_to_plist">
  2126.      <div class="modal-body" style="background: #1b711e;">
  2127.        <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  2128.        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  2129. viewBox="0 0 512 512" xml:space="preserve" width="50" height="50">
  2130. <g>
  2131. <g>
  2132. <path fill="currentColor" d="M449.716,239.842c-0.543-7.535-7.082-13.191-14.628-12.661c-7.536,0.543-13.204,7.092-12.662,14.628
  2133.  c0.337,4.655,0.506,9.431,0.506,14.191c0,109.061-88.726,197.787-197.786,197.787C116.086,453.787,27.36,365.06,27.36,256
  2134.  S116.086,58.214,225.147,58.214c43.191,0,84.21,13.668,118.62,39.525c6.041,4.538,14.615,3.321,19.154-2.718
  2135.  c4.54-6.04,3.323-14.616-2.717-19.154c-39.189-29.447-85.891-45.012-135.058-45.012C101.001,30.854,0,131.855,0,256
  2136.  s101.001,225.145,225.147,225.145S450.292,380.146,450.292,256C450.292,250.586,450.097,245.15,449.716,239.842z"/>
  2137. </g>
  2138. </g>
  2139. <g>
  2140. <g>
  2141. <path fill="currentColor" d="M496.395,61.77c-20.808-20.807-54.666-20.807-75.474,0l-197.11,197.108l-69.874-69.875
  2142.  c-20.808-20.807-54.666-20.807-75.474,0c-20.808,20.808-20.808,54.666,0,75.474l120.341,120.341
  2143.  c6.895,6.895,15.951,10.342,25.007,10.342c9.057,0,18.113-3.447,25.008-10.342l247.576-247.576
  2144.  C517.201,116.435,517.201,82.579,496.395,61.77z M477.049,117.897L229.472,365.475c-3.12,3.12-8.2,3.12-11.32,0L97.811,245.133
  2145.  c-10.141-10.141-10.141-26.64,0-36.781c5.07-5.072,11.729-7.606,18.39-7.606s13.321,2.535,18.39,7.606l71.882,71.882
  2146.  c4.632,4.631,10.791,7.181,17.339,7.181c6.551,0,12.71-2.551,17.341-7.182L440.268,81.116c10.138-10.141,26.64-10.141,36.781,0
  2147.  C487.189,91.257,487.189,107.756,477.049,117.897z"/>
  2148. </g>
  2149. </g>
  2150. <g>
  2151. </g>
  2152. <g>
  2153. </g>
  2154. <g>
  2155. </g>
  2156. <g>
  2157. </g>
  2158. <g>
  2159. </g>
  2160. <g>
  2161. </g>
  2162. <g>
  2163. </g>
  2164. <g>
  2165. </g>
  2166. <g>
  2167. </g>
  2168. <g>
  2169. </g>
  2170. <g>
  2171. </g>
  2172. <g>
  2173. </g>
  2174. <g>
  2175. </g>
  2176. <g>
  2177. </g>
  2178. <g>
  2179. </g>
  2180. </svg>
  2181.        <br><br>
  2182.        <b>The track has been moved to following album.</b>
  2183.      </div>
  2184.    </div>
  2185.  </div>
  2186. </div>
  2187. <div class="modal fade" id="ShowAlert" tabindex="-1" role="dialog" aria-labelledby="ShowAlert" aria-hidden="true" data-id="0">
  2188.  <div class="modal-dialog mat_box" role="document">
  2189.    <div class="modal-content">
  2190.      <div class="modal-header">
  2191.        <h5 class="modal-title"></h5>
  2192.      </div>
  2193.      <div class="modal-body ShowAlertText">
  2194.  
  2195.      </div>
  2196.      <div class="modal-footer">
  2197.        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  2198.      </div>
  2199.    </div>
  2200.  </div>
  2201. </div>
  2203. <div class="modal fade" id="select-language" tabindex="-1" role="dialog" aria-hidden="true">
  2204. <div class="modal-dialog modal-lg mat_box lang_select_modal" role="document">
  2205. <div class="modal-content">
  2206. <div class="modal-body">
  2207. <div class="row">
  2208. <div class="col-md-12">
  2209. <div class="language_info">
  2210. <h3>Language</h3>
  2212. <ul class="lang_modal">
  2213. <li class="language_select"><a href="?lang=english">English</a></li>
  2214. <li class="language_select"><a href="?lang=rhade">Rhade</a></li>
  2215. <li class="language_select"><a href="?lang=swedish">Swedish</a></li>
  2216. <li class="language_select"><a href="?lang=vietnamese">Vietnamese</a></li>
  2217. </ul>
  2219. <svg enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m164.061 1.765c89.491 0 164.061 30.492 164.061 123.688 0 39.307-13.272 67.453-35.329 86.867-4.005 3.525-5.715 8.976-4.326 14.127 3.903 14.48 9.536 29.7 17.262 43.91 5.927 10.9-2.075 24.048-14.477 23.702-30.009-.836-62.771-14.812-87.325-41.505-2.922-3.177-7.103-4.882-11.405-4.53-9.262.757-18.773 1.118-28.462 1.118-89.49 0-164.06-30.493-164.06-123.689s74.57-123.688 164.061-123.688z" fill="#b0da87"/><g><g fill="#fff"><ellipse cx="55.409" cy="104.463" rx="29.792" ry="23.725"/><ellipse cx="216.893" cy="104.463" rx="29.792" ry="23.725"/></g><g fill="#4e5660"><path d="m86.952 86.146c-4.143 0-7.5-3.357-7.5-7.5 0-3.684-2.996-6.681-6.68-6.681s-6.681 2.997-6.681 6.681c0 4.143-3.357 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.681-21.681 11.954 0 21.68 9.726 21.68 21.681 0 4.143-3.357 7.5-7.5 7.5z"/><path d="m213.711 86.146c-4.143 0-7.5-3.357-7.5-7.5 0-3.684-2.997-6.681-6.681-6.681s-6.68 2.997-6.68 6.681c0 4.143-3.357 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.68-21.681 11.955 0 21.681 9.726 21.681 21.681 0 4.143-3.357 7.5-7.5 7.5z"/><path d="m136.151 109.573c-7.933 0-15.476-3.436-20.696-9.425-2.722-3.123-2.396-7.86.727-10.582 3.122-2.721 7.859-2.396 10.582.727 2.37 2.72 5.792 4.28 9.388 4.28s7.018-1.561 9.388-4.28c2.722-3.123 7.459-3.447 10.582-.727 3.123 2.722 3.448 7.459.727 10.582-5.222 5.99-12.765 9.425-20.698 9.425z"/></g></g><path d="m347.939 96.356c89.491 0 164.061 30.492 164.061 123.688 0 39.308-13.272 67.453-35.329 86.867-4.005 3.525-5.715 8.976-4.326 14.127 3.903 14.48 9.536 29.7 17.262 43.91 5.927 10.9-2.075 24.048-14.477 23.702-30.009-.836-62.771-14.812-87.325-41.505-2.922-3.177-7.103-4.882-11.405-4.53-9.262.757-18.773 1.118-28.462 1.118-89.491 0-164.061-30.492-164.061-123.688.002-93.197 74.572-123.689 164.062-123.689z" fill="#8daee1"/><path d="m296.422 218.871c-27.969-18.07-64.598-28.515-109.1-31.162-2.253 9.825-3.443 20.58-3.443 32.335 0 93.196 74.57 123.688 164.061 123.688 3.718 0 7.401-.071 11.062-.179.006-.645.024-1.283.024-1.931 0-53.841-21.648-96.288-62.604-122.751z" fill="#6a95d6"/><path d="m401.315 262.7-43.695-115.784c-.025-.068-.053-.137-.08-.204-1.573-3.826-5.262-6.297-9.398-6.297h-.009c-4.141.004-7.829 2.482-9.396 6.314-.023.057-.046.113-.067.171l-44.098 115.78c-1.475 3.87.469 8.203 4.34 9.678 3.866 1.474 8.203-.468 9.678-4.34l9.142-24.004h60.498l9.051 23.983c1.133 3.003 3.987 4.853 7.017 4.853.88 0 1.775-.156 2.647-.485 3.876-1.462 5.832-5.789 4.37-9.665zm-77.87-33.686 24.675-64.786 24.449 64.786z" fill="#fff"/><path d="m164.061 217.934c-89.491 0-164.061 30.493-164.061 123.689 0 39.307 13.272 67.453 35.329 86.867 4.005 3.525 5.715 8.976 4.326 14.127-3.903 14.48-9.536 29.7-17.262 43.909-5.927 10.9 2.075 24.048 14.477 23.702 30.009-.836 62.771-14.812 87.325-41.505 2.922-3.177 7.103-4.882 11.405-4.53 9.262.757 18.773 1.118 28.462 1.118 89.491 0 164.061-30.492 164.061-123.688-.002-93.196-74.572-123.689-164.062-123.689z" fill="#fbf1cf"/><path d="m98.158 224.732c-57.403 13.375-98.158 47.997-98.158 116.891 0 39.307 13.272 67.453 35.329 86.867 4.005 3.525 5.715 8.976 4.326 14.127-3.903 14.48-9.536 29.7-17.262 43.909-5.927 10.9 2.075 24.048 14.477 23.702 30.009-.836 62.771-14.812 87.325-41.505 2.922-3.177 7.103-4.882 11.405-4.53 9.262.757 18.773 1.118 28.461 1.118 9.979 0 19.771-.382 29.296-1.185-109.038-33.437-126.653-188.039-95.199-239.394z" fill="#fae0bd"/><path d="m215.939 289.092h-44.267v-19.954c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v19.954h-44.267c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h73.205c-1.638 18.399-10.545 38.587-23.975 56.243-7.491-6.699-13.58-14.368-17.432-21.597-1.947-3.654-6.487-5.039-10.146-3.092-3.655 1.948-5.039 6.49-3.092 10.146 4.554 8.546 11.825 17.845 20.986 25.993-8.01 8.521-17.087 16.084-26.839 22.069-3.53 2.167-4.636 6.785-2.47 10.315 1.416 2.307 3.878 3.578 6.399 3.578 1.338 0 2.692-.357 3.916-1.108 11.003-6.753 21.527-15.56 30.892-25.717 8.934 5.854 18.992 10.334 29.679 12.277.453.083.905.122 1.351.122 3.555 0 6.712-2.537 7.37-6.159.741-4.075-1.962-7.979-6.037-8.721-7.906-1.438-15.595-4.733-22.631-9.119 2.391-3.137 4.675-6.357 6.821-9.658 12.049-18.525 18.971-37.605 20.252-55.574h15.285c4.143 0 7.5-3.357 7.5-7.5s-3.358-7.498-7.5-7.498z" fill="#4e5660"/></g></svg>
  2220. </div>
  2221. </div>
  2222. </div>
  2223. </div>
  2224. </div>
  2225. </div>
  2226. </div>
  2227.  
  2228. <div class="queue_overlay" onclick="javascript:$('body').removeClass('data-queue-open');"></div>
  2229. <div class="sidenav_overlay" onclick="javascript:$('body').removeClass('side_open');"></div>
  2230.  
  2231.  
  2232. <script>
  2233. $(document).on('click', '#follow-user', function(event) {
  2234. $(this).toggleClass('btn-primary btn-success');
  2235. $(this).text("Following");
  2236. $(this).attr("id", "unfollow-user");
  2237. $.post('https://kleimun.com/endpoints/follow-user/add', {id: $(this).attr('data-user-id')});
  2238. });
  2239.  
  2240. $(function () {
  2241. setTimeout(function () {
  2242.    Fingerprint2.get(function (components) {
  2243.      $.post(ajaxUrl() + '/set-finger-print', {components: components});
  2244.    })
  2245. }, 500);
  2246. });
  2247.  
  2248. $(document).on('click', '.comment_input', function(event){
  2249.    $('#login_box').modal('show');
  2250. });
  2251.  
  2252. // unfollow user
  2253. $(document).on('click', '#unfollow-user', function(event) {
  2254. $(this).toggleClass('btn-success btn-primary');
  2255. $(this).text("Follow");
  2256. $(this).attr("id", "follow-user");
  2257. $.post('https://kleimun.com/endpoints/follow-user/remove', {id: $(this).attr('data-user-id')});
  2258. });
  2259. function addToAlbum(id) {
  2260.    getID = $('#albums').attr('data-id');
  2261.    if (!getID) {
  2262.        return false;
  2263.    }
  2264.    var playlists = "";
  2265.    $(".select-albums-list").each(function (index, item) {
  2266.        if ($(this).hasClass('active')) {
  2267.            var albums = $(this).attr('data-id');
  2268.  
  2269.            $('#playlists').find('.btn-mat').text("Please wait..");
  2270.            $.get(ajaxUrl() + "/album/add-to-album", {album: albums, id: getID}, function (data) {
  2271.                if (data.status == 200) {
  2272.                    $('#albums_success').modal('show');
  2273.                    $('#albums').modal('hide');
  2274.                    setTimeout(function () {
  2275.                        $('#albums').remove();
  2276.                    }, 200);
  2277.                    setTimeout(function () {
  2278.                        $('#albums_success').modal('hide');
  2279.                    }, 3000);
  2280.                } else if (data.status == 300) {
  2281.                    alert("Please select which album you want to add this song to.")
  2282.                } else {
  2283.                    $('#albums').modal('hide');
  2284.                    setTimeout(function () {
  2285.                        $('#albums').remove();
  2286.                    }, 200);
  2287.                }
  2288.            });
  2289.  
  2290.        }
  2291.    });
  2292.  
  2293. }
  2294.  
  2295. function loadEventsByDate(thisData) {
  2296. var getThisID = $(thisData).attr('id');
  2297. if (!getThisID) {
  2298. return false;
  2299. }
  2300. $("#events_search_result").html('<svg class="event_spinner" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle></svg>');
  2301.    // show the loadinfg icon code here,
  2302. $.post('https://kleimun.com/endpoints/event/filterByDate', {date: getThisID}, function (data) {
  2303.        if (data.status == 200) {
  2304.            $("#events_search_result").html(data.html);
  2305.        }
  2306.  
  2307.        // remove the icon here and show defaulr value.
  2308.    });
  2309. }
  2310.  
  2311. function checkForSongStatus(songID, form_id = false, local_id = false) {
  2312. $.post('https://kleimun.com/endpoints/check-track', {id: songID}, function(dataSecond, textStatus, xhr) {
  2313. if (dataSecond.status == 300) {
  2314. setTimeout(function() {
  2315. checkForSongStatus(songID, form_id, local_id);
  2316. }, 2000);
  2317. } else if (dataSecond.status == 200) {
  2318. if (local_id !== false && form_id)  {
  2319. $('#song-form-' + form_id + '-'+local_id).html('<div class="hidden submitted-song" data-id="' + songID + '"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z"></path></svg> ' + $('#title-' + form_id + '-'+local_id).val() + ' Successfully uploaded');
  2320. $('#song-form-' + form_id + '-'+local_id).addClass('no-padding-form submitted');
  2321. publish();
  2322. $('#song-form-' + form_id + '-'+local_id+' .btn-save-songs').addClass('submitted');
  2323. } else if (form_id && local_id === false) {
  2324. $('#song-form-' + form_id).html('<div class="hidden submitted-song" data-id="' + songID + '"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z"></path></svg> ' + $('#title-' + form_id + '').val() + ' Successfully uploaded');
  2325. $('#song-form-' + form_id).addClass('no-padding-form submitted');
  2326. publish();
  2327. $('#song-form-' + form_id + ' .btn-save-songs').addClass('submitted');
  2328. } else {
  2329. goToAjaxLink('track/' + songID);
  2330. }
  2331. }
  2332. });
  2333. }
  2334.  
  2335. function likeSong(id, type, element) {
  2336. if (!id || !type) {
  2337. return false;
  2338. }
  2339. if (type == 'track-page') {
  2340. if (element.attr('liked')) {
  2341. element.removeClass('track-liked').removeAttr('liked', 'true');
  2342. element.find('svg path').attr('fill', '#333');
  2343. element.find('span').html("Like");
  2344.  
  2345.            $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) - 1);
  2346.            $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
  2347.  
  2348.            if( $('#dislike-track').hasClass('track-disliked') ){
  2349.                $('#dislike-track-text').html("Disliked");
  2350.                $('#dislike-track').addClass('track-disliked');
  2351.            }
  2352.            // $('#like-track').removeAttr('liked');
  2353.            // $('#dislike-track').attr('disliked', 'true');
  2354.  
  2355. } else {
  2356. element.addClass('track-liked').attr('liked', 'true');
  2357.            $('#dislike-track').removeAttr('disliked');
  2358. element.find('svg path').attr('fill', '#fff');
  2359. element.find('span').html("Liked");
  2360.  
  2361.            $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) + 1);
  2362.            $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
  2363.  
  2364.            if( $('#dislike-track').hasClass('track-disliked') ){
  2365.                $('#dislike-track').removeClass('track-disliked');
  2366.                $('#dislike-track-text').html("Dislike");
  2367.  
  2368.                $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) - 1);
  2369.                $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
  2370.            }
  2371.  
  2372. }
  2373. }
  2374. $.get('https://kleimun.com/endpoints/like-track', {id: id, type: type});
  2375. }
  2376.  
  2377. function dislikeSong(id, type, element) {
  2378.    if (!id || !type) {
  2379.        return false;
  2380.    }
  2381.    if (type == 'track-page') {
  2382.        if (element.attr('disliked')) {
  2383.            element.removeClass('track-disliked').removeAttr('disliked', 'true');
  2384.            element.find('span').html("Dislike");
  2385.  
  2386.            $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) - 1);
  2387.            $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
  2388.  
  2389.            if( $('#like-track').hasClass('track-liked') ){
  2390.                $('#like-track-text').html("Liked");
  2391.                $('#like-track').addClass('track-liked');
  2392.            }
  2393.            // $('#like-track').attr('liked', 'true');
  2394.            // $('#dislike-track').removeAttr('disliked');
  2395.  
  2396.        } else {
  2397.            element.addClass('track-disliked').attr('disliked', 'true');
  2398.            $('#like-track').removeAttr('liked');
  2399.  
  2400.            element.find('span').html("Disliked");
  2401.  
  2402.            $('#track_dislikes_count').attr('data-count',parseInt($('#track_dislikes_count').attr('data-count')) + 1);
  2403.            $('#track_dislikes_count').html(parseInt($('#track_dislikes_count').attr('data-count')));
  2404.  
  2405.            if( $('#like-track').hasClass('track-liked') ){
  2406.                $('#like-track').removeClass('track-liked');
  2407.                $('#like-track-text').html("Like");
  2408.                $('#like-track svg path').attr('fill','currentColor');
  2409.  
  2410.                $('#track_likes_count').attr('data-count',parseInt($('#track_likes_count').attr('data-count')) - 1);
  2411.                $('#track_likes_count').html(parseInt($('#track_likes_count').attr('data-count')));
  2412.            }
  2413.  
  2414.        }
  2415.    }
  2416.    $.get('https://kleimun.com/endpoints/dislike-track', {id: id, type: type});
  2417. }
  2418.  
  2419. function loadMore(type, get_data) {
  2420. element = $("#load-more-button");
  2421. $default_text = element.html();
  2422. $track_id = 0;
  2423.    views = 0;
  2424.    product_id = 0;
  2425.    let v_ids = [];
  2426. if (type == 'songs') {
  2427.        $last_id = $('.feed_post:last-child').attr('data-id');
  2428. $append_div = '#user-feed-data';
  2429. } else if (type == 'recently_played') {
  2430. $last_id = $('.track_list:last').attr('data-time');
  2431. $append_div = '#recently_played';
  2432. } else if (type == 'comments') {
  2433. $last_id = $('.comment_item:last').attr('comment-id');
  2434. $append_div = '.comment_list';
  2435. $track_id = $('.comment_item:last').attr('comment-song-id')
  2436.    } else if (type == 'blog_comments') {
  2437. $last_id = $('.comment_item:last').attr('comment-id');
  2438. $append_div = '.comment_list';
  2439. $track_id = $('.comment_item:last').attr('comment-song-id')
  2440.    } else if (type == 'latest_music' || type == 'top_music') {
  2441. $last_id = $('#new-music .track_list:last').attr('data-id');
  2442. $append_div = '#new-music';
  2443. } else if (type == 'categories') {
  2444. $last_id = $('.list-recommended:last').attr('data-id');
  2445. $append_div = 'ul.s_list_songs';
  2446. } else if (type == 'followers') {
  2447.        $last_id = $('.follower_list:last-child').attr('data-id');
  2448.        $append_div = '#followers';
  2449.    } else if (type == 'followings') {
  2450.        $last_id = $('.following_list:last-child').attr('data-id');
  2451.        $append_div = '#followings';
  2452.    } else if (type == 'songs_search') {
  2453.        $last_id = $('.song_search_list:last-child').attr('data-id');
  2454.        $append_div = '#songs_search_result';
  2455.    } else if (type == 'artists_search') {
  2456.        $last_id = $('.artist_list:last-child').attr('data-id');
  2457.        $append_div = '#artists_search_result';
  2458.    } else if (type == 'albums_search') {
  2459.        $last_id = $('.track_list:last-child').attr('data-id');
  2460.        $append_div = '#albums_search_result';
  2461.    } else if (type == 'playlists_search') {
  2462.        $last_id = $('.playlist-p-list:last-child').attr('data-id');
  2463.        $append_div = '#playlists_search_result';
  2464.    } else if (type == 'store_albums') {
  2465.        $last_id = $('#store_result .track_list:last-child').attr('data-id');
  2466.        $append_div = '#store_result';
  2467.    } else if (type == 'store_songs') {
  2468.        $last_id = $('.song_list:last-child').attr('data-id');
  2469.        $append_div = '.store_songs';
  2470.    } else if (type == 'blogs') {
  2471.        $last_id = $('.blog_list').last().attr('data-id');
  2472.        $append_div = '.blog_articles';
  2473.    } else if (type == 'stations') {
  2474.        $last_id = $('#new-music .track_list:last').attr('data-id');
  2475.        $append_div = '#new-music';
  2476.    }
  2477.    else if(type == 'fame_page'){
  2478.        $last_id = $('#fame_page_result .artist_lists:last').attr('data-id');
  2479.        views   = $('#fame_page_result .artist_lists:last').attr('data_views');
  2480.        $append_div = '#fame_page_result';
  2481.        $('.artist_lists').each(function(i, obj) {
  2482.            v_ids.push($(obj).attr('data_v_id'));
  2483.        });
  2484.    }
  2485.    else if(type == 'products_search'){
  2486.        $last_id = $('.events-list-wrapper:last').attr('data-product');
  2487.        $append_div = '#products_search_result';
  2488.  
  2489.    }
  2490.    else if(type == 'events_search'){
  2491.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2492.        $append_div = '#events_search_result';
  2493.  
  2494.    }
  2495.    else if(type == 'events'){
  2496.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2497.        $append_div = '#events_search_result';
  2498.  
  2499.    }
  2500.    else if(type == 'manage_events'){
  2501.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2502.        $append_div = '#manage_events_result';
  2503.  
  2504.    }
  2505.    else if(type == 'joined_events'){
  2506.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2507.        $append_div = '#events_search_result';
  2508.  
  2509.    }
  2510.    else if(type == 'purchased_events'){
  2511.        $last_id = $('.events-list-wrapper:last').attr('data-event');
  2512.        $append_div = '#events_search_result';
  2513.  
  2514.    }
  2515.    else if(type == 'products'){
  2516.        $last_id = $('.events-list-wrapper:last').attr('data-product');
  2517.        $append_div = '#store_result';
  2518.  
  2519.    }
  2520.    else if(type == 'manage_products'){
  2521.        $last_id = $('.events-list-wrapper:last').attr('data-product');
  2522.        $append_div = '#products_result';
  2523.  
  2524.    }
  2525.    else if(type == 'reviews'){
  2526.        $last_id = $('.review_list:last').attr('id');
  2527.        $append_div = '.reviews_section';
  2528.        product_id = $('#product_page_id').val();
  2529.  
  2530.    }
  2531.    else if(type == 'orders'){
  2532.        $last_id = $('.song_list:last').attr('data-order');
  2533.        $append_div = '.store_songs';
  2534.    }
  2535.  
  2536.  
  2537. if (get_data == 'all' || get_data == 'liked' || get_data == 'spotlight' || get_data == 'events') {
  2538. $last_id = $('.feed_post:last-child').attr('data-a-id');
  2539. type = 'activities';
  2540. }
  2541. if (get_data == 'playlists') {
  2542. $last_id = $('.playlist-p-list:last-child').attr('data-id');
  2543. type = 'playlists';
  2544. }
  2545. if (get_data == 'albums') {
  2546. $last_id = $('.album-p-list:last-child').attr('data-id');
  2547. type = 'albums';
  2548. }
  2549.  
  2550.    if (get_data == 'stations') {
  2551.        $last_id = $('.track_list:last-child').attr('data-id');
  2552.        type = 'stations';
  2553.    }
  2554.    if (get_data == 'store') {
  2555.        $last_id = $('.feed_post:last-child').attr('a_id');
  2556.    }
  2557.  
  2558.    if (get_data == 'albums' && type == 'albums') {
  2559.        $last_id = $('.track_list:last').attr('data-id');
  2560.        type = 'albums';
  2561.    }
  2562.  
  2563. element.text("Please wait..");
  2564.  
  2565.    let geners = [];
  2566.    let price = [];
  2567.    let filter_type = null;
  2568.    let current_tag = null;
  2569.    if($('#current_tag').length > 0){
  2570.        current_tag = $('#current_tag').val();
  2571.    }
  2572.    if($('#filter_search_tag').length > 0){
  2573.        current_tag = $('#filter_search_tag').val();
  2574.    }
  2575.    if($('#filter_type').length > 0){
  2576.        filter_type = $('#filter_type').val();
  2577.    }
  2578.    if($('.song_category').length > 0){
  2579.        $('.song_category').each(function(i, obj) {
  2580.            if(this.checked){
  2581.                geners.push($(obj).attr('data-category'));
  2582.            }
  2583.        });
  2584.    }
  2585.    if($( "#slider-range" ).length > 0){
  2586.        price = $("#slider-range").slider("option").values;
  2587.    }
  2588.    let params = {'geners': geners, 'filter_type': filter_type,'current_tag': current_tag, 'price': price};
  2589.  
  2590. $.get(ajaxUrl() + '/load-more/' + type, {id: $last_id, userID: $('#user-id').val(), track_id: $track_id, get_data: get_data,params: params,views:views,v_ids:v_ids,product_id:product_id}, function(data) {
  2591. if (data.status == 200 && data.html.length > 0) {
  2592. $($append_div).append(data.html);
  2593. } else {
  2594. $default_text = "No more tracks found";
  2595. if (type == 'comments' || type == 'blog_comments') {
  2596. $default_text = "No more comments found";
  2597. }
  2598. if (type == 'all') {
  2599. $default_text = "No more activities found";
  2600. }
  2601. if (type == 'playlists' || type == 'playlists_search') {
  2602. $default_text = "No more playlists found";
  2603. }
  2604.            if (type == 'followers') {
  2605.                $default_text = "No more followers found";
  2606.            }
  2607.            if (type == 'followings') {
  2608.                $default_text = "No more following found";
  2609.            }
  2610.            if (type == 'artists_search' || type == 'fame_page') {
  2611.                $default_text = "No more artists found";
  2612.            }
  2613.            if (type == 'albums_search' || type == 'store_albums') {
  2614.                $default_text = "No more albums found";
  2615.            }
  2616.            if (type == 'blogs_search' || type == 'blogs') {
  2617.                $default_text = "No more articles found";
  2618.            }
  2619.            if (type == 'stations' ) {
  2620.                $default_text = "No more stations found";
  2621.            }
  2622.            if (type == 'events_search' || type == 'events' || type == 'joined_events' || type == 'manage_events') {
  2623.                $default_text = "No more events found";
  2624.            }
  2625.            if (type == 'purchased_events') {
  2626.                $default_text = "No more tickets found";
  2627.            }
  2628.            if (type == 'products' || type == 'manage_products' || type == 'products_search') {
  2629.                $default_text = "No more products found";
  2630.            }
  2631.            if (type == 'reviews') {
  2632.                $default_text = "No more reviews found";
  2633.            }
  2634.            if (type == 'orders') {
  2635.                $default_text = "No more orders found";
  2636.            }
  2637.        }
  2638. element.html($default_text);
  2639. });
  2640. }
  2641.  
  2642. $(document).on('click', '.amplitude-next', function(event) {
  2643. console.log($('#current-track').val());
  2644.  
  2645. });
  2646. var is_sent = 0;
  2647. var is_video_checked = 0;
  2648. var is_paused = 0;
  2649. $(function () {
  2650. var songsObject = [{
  2651.        "name": "",
  2652.        "artist": "",
  2653.        "album": "",
  2654.        "url": "",
  2655.        "cover_art_url": "",
  2656.        "youtube_url": "",
  2657. }];
  2658. Amplitude.init({
  2659. "songs": songsObject,
  2660.    "callbacks": {
  2661.        'after_next': function(){
  2662.            setTimeout(function () {
  2663.                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !Amplitude.audio().paused && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2664.                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2665.                        $('#my_video_player_container').slideDown();
  2666.                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2667.                        video_player.on('ready', event => {
  2668.                            video_player.play();
  2669.                        });
  2670.                }
  2671.            },500);
  2672.         },
  2673.         'after_prev': function(){
  2674.            setTimeout(function () {
  2675.                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !Amplitude.audio().paused && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2676.                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2677.                        $('#my_video_player_container').slideDown();
  2678.                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2679.                        video_player.on('ready', event => {
  2680.                            video_player.play();
  2681.                        });
  2682.                }
  2683.            },500);
  2684.         },
  2685.         'time_update': function(songPlayedInSeconds){
  2686.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))))) {
  2687.                if ((Amplitude.audio().duration - Amplitude.audio().currentTime) > 1) {
  2688.                    video_player.currentTime = Amplitude.audio().currentTime;
  2689.                    // if (video_player.paused && !Amplitude.audio().paused) {
  2690.                        video_player.play();
  2691.                    // }
  2692.                }
  2693.                if (Amplitude.audio().paused) {
  2694.                    is_paused = 1;
  2695.                    video_player.pause();
  2696.                }
  2697.            }
  2698.         },
  2699. 'after_play': function(){
  2700.            var song_seconds = Amplitude.getSongDuration();
  2701.            if (song_seconds) {
  2702.                $('body').attr('song-duration', song_seconds);
  2703.            }
  2704.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && !$('#my_video_player_container').is(":visible") && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2705.                $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2706.                $('#my_video_player_container').slideDown();
  2707.                video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2708.                video_player.on('ready', event => {
  2709.                    video_player.play();
  2710.                });
  2711.            }
  2712.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && $('#my_video_player_container').is(":visible") && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2713.                video_player.play();
  2714.            }
  2715. setTimeout(function () {
  2716. $('body').addClass('audio_playing');
  2717. $('body').addClass('player_running');
  2718. $('#play-pause').addClass('amplitude-playing');
  2719. }, 100);
  2720. },
  2721. 'after_pause': function(){
  2722.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2723.                is_paused = 1;
  2724.                video_player.pause();
  2725.            }
  2726. $('body').removeClass('audio_playing');
  2727. $('#play-pause').removeClass('amplitude-playing');
  2728. $('body').removeClass('player_running');
  2729. },
  2730. 'after_stop': function(){
  2731.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2732.                $('#my_video_player_container').slideUp();
  2733.                $('#my_video_player_container').html('');
  2734.            }
  2735. if (parseInt($('.ss_track_play_pause').attr('data_is_ad')) > 0 && is_sent == 0) {
  2736. is_sent = 1;
  2737. song_id = $('#current-track').attr('value');
  2738. onTimesUp(song_id);
  2739. return false;
  2740. }
  2741. $('body').removeClass('audio_playing');
  2742. $('#play-pause').removeClass('amplitude-playing');
  2743. $('body').removeClass('player_running');
  2744. $('#light-wave').width('0px');
  2745. }
  2746. }
  2747. });
  2748.  
  2749. });
  2750.  
  2751. const FULL_DASH_ARRAY = 283;
  2752. const WARNING_THRESHOLD = 10;
  2753. const ALERT_THRESHOLD = 5;
  2754.  
  2755. const TIME_LIMIT = 10;
  2756. let timePassed = 0;
  2757. let timeLeft = TIME_LIMIT;
  2758. let timerInterval = null;
  2759.  
  2760. function onTimesUp(song_id) {
  2761. if (typeof wavesurfer != "undefined") {
  2762. wavesurfer.pause();
  2763. }
  2764. if (typeof Amplitude != "undefined") {
  2765. Amplitude.pause();
  2766. Amplitude.removeSong(0);
  2767. }
  2768. $('#queue-' + song_id).remove();
  2769. $(".song_controls").css("pointer-events","auto");
  2770.    $(".song_progress").css("pointer-events","auto");
  2771.    $(".song_progress_right").css("pointer-events","auto");
  2772.    $(".ma_player_playlist").css("pointer-events","auto");
  2773.    $("#waveform").css("pointer-events","auto");
  2774. playSong(song_id,0,'yes');
  2775. $('body').removeClass('player_running');
  2776.    clearInterval(timerInterval);
  2777.    goToAjaxLink('track/' + song_id);
  2778. }
  2779.  
  2780. function startTimer(song_id) {
  2781.  $(".song_controls").css("pointer-events","none");
  2782.  $(".song_progress").css("pointer-events","none");
  2783.  $(".song_progress_right").css("pointer-events","none");
  2784.  $(".ma_player_playlist").css("pointer-events","none");
  2785.  $("#waveform").css("pointer-events","none");
  2786.  timerInterval = setInterval(() => {
  2787.    timePassed = timePassed += 1;
  2788.    timeLeft = TIME_LIMIT - timePassed;
  2789.    if (timeLeft >= 0) {
  2790.     document.getElementById("base-timer-label").innerHTML = formatTime(
  2791.      timeLeft
  2792.    );
  2793.    setCircleDasharray();
  2794.    }
  2795.  
  2796.    if (timeLeft === 0) {
  2797.     song_id = "'"+song_id+"'";
  2798.     $(".pause_btn").replaceWith('<div class="pause_btn" onclick="onTimesUp('+song_id+')"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="var(--main-color)" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8L13,12L8,16M14,8H16V16H14"/></svg></div>');
  2799.    }
  2800.  }, 1000);
  2801. }
  2802.  
  2803. function formatTime(time) {
  2804.  const minutes = Math.floor(time / 60);
  2805.  let seconds = time % 60;
  2806.  
  2807.  if (seconds < 10) {
  2808.    seconds = `0${seconds}`;
  2809.  }
  2810.  
  2811.  return `${minutes}:${seconds}`;
  2812. }
  2813.  
  2814. function calculateTimeFraction() {
  2815.  const rawTimeFraction = timeLeft / TIME_LIMIT;
  2816.  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
  2817. }
  2818.  
  2819. function setCircleDasharray() {
  2820.  const circleDasharray = `${(
  2821.    calculateTimeFraction() * FULL_DASH_ARRAY
  2822.  ).toFixed(0)} 283`;
  2823.  document
  2824.    .getElementById("base-timer-path-remaining")
  2825.    .setAttribute("stroke-dasharray", circleDasharray);
  2826. }
  2827.  
  2828. var songIndex = [];
  2829. function playSong(id,audio_ad_id = 0,skip = '') {
  2830. if (typeof setPlayerInterval != 'undefined') {
  2831. clearInterval(setPlayerInterval);
  2832. }
  2833. if (!$('body').attr('first-play')) {
  2834. //Amplitude.removeSong(0);
  2835. $('body').attr('first-play', "true");
  2837. }
  2838.  
  2839. if (Amplitude.getActiveSongMetadata().id && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2840. if (Amplitude.getActiveSongMetadata().id == id) {
  2841. Amplitude.play();
  2842. if ($('#page').attr('data-page') != 'track') {
  2843. goToAjaxLink('track/' + Amplitude.getActiveSongMetadata().id);
  2844. }
  2845. // $('#container_content').append('<a href="#" id="redirect-user" data-load="track/' + Amplitude.getActiveSongMetadata().id + '"></a>');
  2846. // $('#redirect-user').trigger('click');
  2847.            if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && ($('#audio_ad_id').length == 0 || ($('#audio_ad_id').length != 0 && parseInt($('#audio_ad_id').val()) == 0))) {
  2848.                console.log(Amplitude)
  2849.                video_player.play();
  2850.                if (!$('#my_video_player_container').is(":visible")) {
  2851.                    $('#my_video_player_container').slideDown();
  2852.  
  2853.                }
  2854.            }
  2855. if ($('body').attr('first-play')) {
  2856. if (skip != 'yes') {
  2857. return false;
  2858. }
  2859. }
  2860. }
  2861. }
  2862.  
  2863. $('#bar_loading').show().animate({width:20 + 80 * Math.random() + "%"}, 200);
  2864. $.get('https://kleimun.com/endpoints/get-song-info', {id: id,audio_ad_id: audio_ad_id}, function(data) {
  2865. if (data.age == true) {
  2866. $('#age-restricted').modal('show');
  2867. $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
  2868.           $(this).width("0");
  2869.        });
  2870. return false;
  2871. }
  2872. $("#light-wave").stop(true);
  2873. $('.waveform-small').html("");
  2874. $('.ssong_comments.small-waves').addClass('hidden');
  2875. $('.mus_feeds_bodycoms').addClass('hidden');
  2876. $('.post-actions').addClass('hidden');
  2877. if (data.status == 200) {
  2878. $('body').attr('song-duration', data.duration);
  2879. if ($('.feed_post[data-id="' + data.songID + '"]:first').length > 0) {
  2880. if (data.songWaves.length > 0) {
  2881. $('.feed_post[data-id="' + data.songID + '"]:first').find('.waveform-small').html(data.songWaves);
  2882. $('#light-wave img').width($('#dark-wave').width() + 'px');
  2883. }
  2884. $('.feed_post[data-id="' + data.songID + '"]:first').find('.art-info').removeClass('hidden');
  2885. $('.feed_post[data-id="' + data.songID + '"]:first').find('.post-actions').removeClass('hidden');
  2886. $('.feed_post[data-id="' + data.songID + '"]:first').find('.ssong_comments').removeClass('hidden');
  2887. $('.feed_post[data-id="' + data.songID + '"]:first').find('.mus_feeds_bodycoms').removeClass('hidden');
  2888.    $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment_list').html(data.comments);
  2889.    $('.feed_post[data-id="' + data.songID + '"]:first').find('.comment-waves').html(data.waves);
  2890. $('html,body').animate({
  2891.        scrollTop: $('.feed_post[data-id="' + data.songID + '"]:first').offset().top
  2892.    }, 'slow');
  2893. }
  2894.  
  2895. $('body').addClass('player_running');
  2896.            if ($('.amplitude-song-container').length == 0) {
  2897.                Amplitude.removeSong(0)
  2898.            }
  2899.    if ($('#queue-' + id).length == 0 || data.is_ad == 'yes') {
  2900. var songObject = {
  2901.        "name": data.songTitle,
  2902.        "artist": data.artistName,
  2903.        "album": data.albumName,
  2904.        "url": data.songURL,
  2905.        "cover_art_url": data.coverURL,
  2906.                    "youtube_url": data.youtube_url,
  2907.        "id": id,
  2908.        "u_id": data.songID,
  2909.        "data_load": 'track/' + id,
  2910.        "href": data.songPageURL,
  2911.        "duration": data.songDuration,
  2912.        "purchase": data.purchase,
  2913.        'price': data.price,
  2914.        "is_favoriated": data.is_favoriated,
  2915.        "showDemo": data.showDemo
  2916. };
  2917.     var songIndex = Amplitude.addSong(songObject);
  2918. data.qID = songIndex;
  2919. songObject.qID = songIndex;
  2920. Amplitude.playSongAtIndex(songIndex);
  2921.                if (data.is_ad != 'yes') {
  2922.                    addToQueue(data, songObject, false);
  2923.                    addView(data.songID);
  2924.  
  2925.                }
  2926. $('.amplitude-song-container').removeClass('amplitude-playing');
  2927. //$('.amplitude-song-container[amplitude-song-index="' + songIndex + '"]').addClass('amplitude-playing');
  2928.                $('#queue-list').find('.amplitude-song-container').last().addClass('amplitude-playing');
  2929.    } else {
  2930.     songIndex = $('#queue-' + id).attr('amplitude-song-index');
  2931.     Amplitude.playSongAtIndex(songIndex);
  2932.    }
  2933.            setTimeout(function () {
  2934.                if (Amplitude.getActiveSongMetadata().youtube_url != '' && typeof Amplitude.getActiveSongMetadata().youtube_url !== 'undefined' && data.is_ad != 'yes') {
  2935.                        $('#my_video_player_container').html('<div class="y_player_cover"></div><span class="player_exit" onclick="HidePlayer()"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span><div class="plyr__video-embed" id="my_video_player_"><iframe src="'+Amplitude.getActiveSongMetadata().youtube_url+'?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency ></iframe> </div>')
  2936.                        $('#my_video_player_container').slideDown();
  2937.                        video_player = new Plyr('#my_video_player_',{muted: true,controls: []});
  2938.                        video_player.on('ready', event => {
  2939.                            video_player.play();
  2940.                        });
  2941.                }
  2942.            },500);
  2943.    $('.player-song-url').attr('href', data.songPageURL);
  2944.  
  2945.    if (data.data_load != '') {
  2946.     Amplitude.getActiveSongMetadata().data_load = '';
  2947.     $('.player-song-url').attr('data-load', '');
  2948.    }
  2949.    else{
  2950.     $('.player-song-url').attr('data-load', 'track/' + id);
  2951.    }
  2952.  
  2953. $('#song-fav-button').html(data.favorite_button);
  2954. $('.ma_player').removeClass('closed');
  2955. if (data.is_ad == 'yes') {
  2956. document.querySelector(".pause_btn").innerHTML = `
  2957. <div class="base-timer">
  2958.  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g class="base-timer__circle"><circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle><path id="base-timer-path-remaining" stroke-dasharray="283" class="base-timer__path-remaining" d="M 50, 50 m -45, 0 a 45,45 0 1,0 90,0 a 45,45 0 1,0 -90,0"></path></g></svg>
  2959.  <span id="base-timer-label" class="base-timer__label">${formatTime(
  2960.    timeLeft
  2961.  )}</span><p>to Skip Ad</p>
  2962. </div>
  2963. `;
  2964. startTimer(id);
  2965. $('.ss_track_play_pause').attr('data_is_ad', 1);
  2966. }
  2967. } else {
  2968. alert("Can't load the song, please try again later.")
  2969. }
  2970. $('#bar_loading').animate({width:"100%"}, 200).fadeOut(300, function() {
  2971.           $(this).width("0");
  2972.        });
  2973. });
  2974. }
  2975.  
  2976. function addToQueue(data, object, fetch) {
  2977.    if (fetch == false) {
  2978.        html = '<div class="song amplitude-song-container amplitude-play-pause" id="queue-' + object.id + '" onclick="playSong(\'' + object.id + '\')" amplitude-song-index="' + object.qID + '"><div class="song_icon_container"><img class="now-playing" src="'+ object.cover_art_url+'"/></div><span class="song_duration">' + object.duration + '</span><div class="song_meta_data"><span class="song_title">' + object.name + '</span><span class="song_artist">' + object.artist + '</span></div></div>';
  2979.        $('#queue-list').append(html);
  2980.    }
  2981.    setTimeout(function () {
  2982.        $.post('https://kleimun.com/endpoints/add-queue', {qdata: object});
  2983.    }, 2000);
  2984. }
  2985.  
  2986. function registerCommentreplay(value, id, commentid, event, element) {
  2987.    if (!value || !id || !commentid) {
  2988.        return false;
  2989.    }
  2990.    if(event.which == 13) {
  2991.        element.attr('disabled', "true");
  2992.        $.post('https://kleimun.com/endpoints/register-comment-replay', {id: id, value: value, cid:commentid}, function(data) {
  2993.            if (data.status == 300) {
  2994.                $('#login_box').modal('show');
  2995.            }
  2996.            if (data.status == 200) {
  2997.                $('.no-comments-found').remove();
  2998.                $('.no-track-found').remove();
  2999.                element.val("");
  3000.                $('.comment-replay-list-' + commentid).append(data.html);
  3001.                //window.init_emojioneArea();
  3002.            }
  3003.            element.removeAttr('disabled');
  3004.        });
  3005.    }
  3006.  
  3007. }
  3008.  
  3009. function deleteCommentReplay(element) {
  3010.    mainElement = $('#delete-comment-replay');
  3011.    comment_id = mainElement.attr('data-id');
  3012.    mode = mainElement.attr('data-mode');
  3013.    if (!comment_id) {
  3014.        return false;
  3015.    }
  3016.    $('#delete-comment-replay').modal('hide');
  3017.    $('.comment-replay-' + comment_id).slideUp('200', function () {
  3018.        $(this).remove();
  3019.    });
  3020.    $.get('https://kleimun.com/endpoints/delete-comment-replay', {id: comment_id});
  3021. }
  3022.  
  3023. function registerComment(value, id, event, element) {
  3024. if (!value || !id) {
  3025. return false;
  3026. }
  3027.    //fix
  3028. if(event.which == 13) {
  3029. element.attr('disabled', "true");
  3030. time = "";
  3031. timeSeconds = "";
  3032. if (Amplitude.getActiveSongMetadata().id == id) {
  3033. time = Amplitude.audio().currentTime;
  3034.    timeSeconds = $('.amplitude-song-played-progress').val();
  3035. }
  3036. wave = 0;
  3037. if ($('#light-wave').val()) {
  3038. wave = $('#light-wave').val();
  3039. }
  3040.        $.post('https://kleimun.com/endpoints/register-comment', {id: id, value: value, timePercentage: timeSeconds, time: time, wave: wave}, function(data) {
  3041.         if (data.status == 300) {
  3042.                $('#login_box').modal('show');
  3043.            }
  3044.         if (data.status == 200) {
  3045.         $('.no-comments-found').remove();
  3046.         $('.no-track-found').remove();
  3047.         element.val("");
  3048.         $('.comment-waves').append(data.comment_wave);
  3049.         $('.comment-list-' + id).prepend(data.html);
  3050.                //window.init_emojioneArea();
  3051.         }
  3052.         element.removeAttr('disabled');
  3053.        });
  3054.    }
  3055.  
  3056. }
  3057.  
  3058. $(document).on('mouseover', '.comment-on-wave', function(event) {
  3059. $(this).find('.comment-on-wave-data').css({
  3060. display: 'block',
  3061. });
  3062. });
  3063. $(document).on('mouseleave', '.comment-on-wave', function(event) {
  3064. $(this).find('.comment-on-wave-data').css({
  3065. display: 'none',
  3066. });
  3067. });
  3068.  
  3069. $('.comment-on-wave-data').on('hover', function(event) {
  3070.  
  3071. });
  3072.  
  3073. function goToWave(secnods) {
  3074. setTimeout(function () {
  3075. Amplitude.skipTo(secnods, Amplitude.getActiveSongMetadata().qID);
  3076. }, 200);
  3077. }
  3078.  
  3079. function goTo(element) {
  3080. mainElement = element.parents('li');
  3081.  
  3082. if (Amplitude.getActiveSongMetadata().id != mainElement.attr('comment-song-id')) {
  3083. playSong(mainElement.attr('song-id'));
  3084. }
  3085.  
  3086. setTimeout(function () {
  3087. Amplitude.skipTo(mainElement.attr('comment-seconds'), Amplitude.getActiveSongMetadata().qID);
  3088. }, 200);
  3089. }
  3090. function BloglikeComment(comment_id) {
  3091.    if (!comment_id) {
  3092.        return false;
  3093.    }
  3094.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3095.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('likeComment', 'UnlikeComment') );
  3096.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','#e62117');
  3097.    $.get('https://kleimun.com/endpoints/like-blog-comment', {id: comment_id});
  3098.    let c = parseInt($('#comment_like_'+comment_id).html());
  3099.    $('#comment_like_'+comment_id).html( c + 1);
  3100. }
  3101. function BlogUnlikeComment(comment_id) {
  3102.    if (!comment_id) {
  3103.        return false;
  3104.    }
  3105.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3106.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('UnlikeComment', 'likeComment') );
  3107.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','currentColor');
  3108.    $.get('https://kleimun.com/endpoints/unlike-blog-comment', {id: comment_id});
  3109.    let c = parseInt($('#comment_like_'+comment_id).html());
  3110.    $('#comment_like_'+comment_id).html( c - 1);
  3111. }
  3112. function BlogUnReportComment(comment_id,user_id) {
  3113.    if (!comment_id) {
  3114.        return false;
  3115.    }
  3116.    $('.blog_comment_report[data-comment-id="'+comment_id+'"]').show();
  3117.    $('.blog_comment_report[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  3118.    $('.blog_comment_unreport[data-comment-id="'+comment_id+'"]').hide();
  3119.    $.get(ajaxUrl() + '/blog-unreport-comment', {id: comment_id,uid: user_id}, function (data) {
  3120.        if (data.status == 200) {
  3121.            $('#blog_comment_unreported').modal('show');
  3122.            setTimeout(function () {
  3123.                $('#blog_comment_unreported').modal('hide');
  3124.            }, 3000);
  3125.        }
  3126.    });
  3127. }
  3128. function deleteComment(element) {
  3129. mainElement = $('#delete-comment');
  3130.    comment_id = mainElement.attr('data-id');
  3131.    mode = mainElement.attr('data-mode');
  3132. if (!comment_id) {
  3133. return false;
  3134. }
  3135. $('#delete-comment').modal('hide');
  3136. $('.comment-' + comment_id).slideUp('200', function () {
  3137. $(this).remove();
  3138. });
  3139. if(mode == 'blog'){
  3140.        $.get('https://kleimun.com/endpoints/delete-blog-comment', {id: comment_id});
  3141.    }else{
  3142.        $.get('https://kleimun.com/endpoints/delete-comment', {id: comment_id});
  3143.    }
  3144. }
  3145.  
  3146. function likeComment(comment_id) {
  3147.    if (!comment_id) {
  3148.        return false;
  3149.    }
  3150.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3151.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('likeComment', 'UnlikeComment') );
  3152.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','#e62117');
  3153.    $.get('https://kleimun.com/endpoints/like-comment', {id: comment_id});
  3154.    let c = parseInt($('#comment_like_'+comment_id).html());
  3155.    $('#comment_like_'+comment_id).html( c + 1);
  3156. }
  3157.  
  3158. function UnlikeComment(comment_id) {
  3159.    if (!comment_id) {
  3160.        return false;
  3161.    }
  3162.    var clickval = $('.comment_like[data-comment-id="'+comment_id+'"]').attr("onclick");
  3163.    $('.comment_like[data-comment-id="'+comment_id+'"]').attr('onclick',clickval.replace('UnlikeComment', 'likeComment') );
  3164.    $('.comment_like[data-comment-id="'+comment_id+'"] path').attr('fill','currentColor');
  3165.    $.get('https://kleimun.com/endpoints/unlike-comment', {id: comment_id});
  3166.  
  3167.    let c = parseInt($('#comment_like_'+comment_id).html());
  3168.    $('#comment_like_'+comment_id).html( c - 1);
  3169.  
  3170. }
  3171.  
  3172. function UnReportComment(comment_id,user_id) {
  3173.    if (!comment_id) {
  3174.        return false;
  3175.    }
  3176.    $('.comment_report[data-comment-id="'+comment_id+'"]').show();
  3177.    $('.comment_report[data-comment-id="'+comment_id+'"]').css({'visibility':'inherit'});
  3178.    $('.comment_unreport[data-comment-id="'+comment_id+'"]').hide();
  3179.  
  3180.    $.get(ajaxUrl() + '/unreport-comment', {id: comment_id,uid: user_id}, function (data) {
  3181.        if (data.status == 200) {
  3182.            $('#comment_unreported').modal('show');
  3183.            setTimeout(function () {
  3184.                $('#comment_unreported').modal('hide');
  3185.            }, 3000);
  3186.        }
  3187.    });
  3188.  
  3189. }
  3190.  
  3191. function UnReportTrack(track_id,user_id) {
  3192.    if (!track_id) {
  3193.        return false;
  3194.    }
  3195.    $('.track_report[data-track-id="'+track_id+'"]').show();
  3196.    $('.track_report[data-track-id="'+track_id+'"]').css({'visibility':'inherit'});
  3197.    $('.track_unreport[data-track-id="'+track_id+'"]').hide();
  3198.  
  3199.    $.get(ajaxUrl() + '/unreport-track', {'id': track_id,'uid': user_id}, function (data) {
  3200.        if (data.status == 200) {
  3201.            $('#track_unreported').modal('show');
  3202.            setTimeout(function () {
  3203.                $('#track_unreported').modal('hide');
  3204.            }, 3000);
  3205.        }
  3206.    });
  3207.  
  3208. }
  3209.  
  3210.  
  3211. function SlideSetCookie(cname, cvalue, exdays) {
  3212.    $('#open_slide').attr('onclick', "SlideEraseCookie('open_slide')");
  3213.    var d = new Date();
  3214.    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  3215.    var expires = "expires="+d.toUTCString();
  3216.    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  3217. }
  3218. function SlideEraseCookie(name) {
  3219.    $('#open_slide').attr('onclick', "SlideSetCookie('open_slide','yes',1)");
  3220.    document.cookie = name + '=;path=/;Max-Age=0'
  3221. }
  3222.  
  3223.  
  3224. function PayFromWallet() {
  3225.    $('#wallet_to_pay').find('.btn-mat').attr('disabled', 'true');
  3226.    $(".modal_story_pay_alert").html('');
  3227.    price = $('#wallet_to_pay_price').val();
  3228.    type = $('#wallet_to_pay_type').val();
  3229.    id = $('#wallet_to_pay_id').val();
  3230.    $.post('https://kleimun.com/endpoints/wallet/pay', {price: price,type: type,id: id}, function(data, textStatus, xhr) {
  3231.        $('#wallet_to_pay').find('.btn-mat').removeAttr('disabled');
  3232.        if (data.status == 200) {
  3233.            clearQueues(false);
  3234.            $(".modal_wallet_pay_alert").html('<div class="alert alert-success"><i class="fa fa-check"></i> payment successfully done</div>');
  3235.            setTimeout(function () {
  3236.                location.href = data.url;
  3237.            },2000);
  3238.        }
  3239.        else{
  3240.            $(".modal_wallet_pay_alert").html('<div class="alert alert-danger"><i class="fa fa-info-circle"></i> '+data.error+'</div>');
  3241.        }
  3242.    });
  3243. }
  3244.  
  3245. function purchaseTrack(id, element,type,price) {
  3246.            $('#login_box').modal('show');
  3247.    }
  3248.  
  3249.  
  3250.  
  3251. function registerBlogComment(value, id, event, element) {
  3252. if (!value || !id) {
  3253. return false;
  3254. }
  3255. if(event.which == 13) {
  3256. element.attr('disabled', "true");
  3257.        $.post('https://kleimun.com/endpoints/register-blog-comment', {id: id, value: value}, function(data) {
  3258.         if (data.status == 300) {
  3259.                $('#login_box').modal('show');
  3260.            }
  3261.         if (data.status == 200) {
  3262.         $('.no-comments-found').remove();
  3263.         $('.no-track-found').remove();
  3264.         element.val("");
  3265.         $('.comment-list-' + id).prepend(data.html);
  3266.         }
  3267.         element.removeAttr('disabled');
  3268.        });
  3269.    }
  3270.  
  3271. }
  3272. function TrackReadMore() {
  3273.    var dots = document.getElementById("dots");
  3274.    var moreText = document.getElementById("more");
  3275.    var btnText = document.getElementById("btn-track-load-more");
  3276.  
  3277.    if (dots.style.display === "none") {
  3278.        dots.style.display = "inline";
  3279.        btnText.innerHTML = "Read more";
  3280.        moreText.style.display = "none";
  3281.    } else {
  3282.        dots.style.display = "none";
  3283.        btnText.innerHTML = "Read less";
  3284.        moreText.style.display = "inline";
  3285.    }
  3286. }
  3287.  
  3288.  
  3289.  
  3290.  
  3291.  
  3292.  
  3293.  
  3294.  
  3295.  
  3296.  
  3297.  
  3298.  
  3299.  
  3300.  
  3301.  
  3302.  
  3303. function getUrl() {
  3304. var url = window.location.href;
  3305. return url.replace("https://kleimun.com", "");
  3306. }
  3307.  
  3308. function ajaxRedirect(url) {
  3309. if (!url) {
  3310. url = getUrl();
  3311. }
  3312. goToAjaxLink(url);
  3313. }
  3314.  
  3315. function favorite(id, element) {
  3316. if (element.hasClass('is_favoriated')) {
  3317. element.html('<path fill="currentColor" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />');
  3318. element.removeClass("is_favoriated");
  3319. if (Amplitude.getActiveSongMetadata()) {
  3320. Amplitude.getActiveSongMetadata().is_favoriated = false;
  3321. }
  3322. } else {
  3323. element.addClass("is_favoriated");
  3324. element.html('<path fill="#ff9900" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" />');
  3325. if (Amplitude.getActiveSongMetadata()) {
  3326. Amplitude.getActiveSongMetadata().is_favoriated = true;
  3327. }
  3328. }
  3329.  
  3330. $.get('https://kleimun.com/endpoints/favorite-track', {id: id});
  3331. }
  3332.  
  3333. function addToLists(id) {
  3334. getID = $('#playlists').attr('data-id');
  3335. if (!getID) {
  3336. return false;
  3337. }
  3338. var playlists = "";
  3339. $(".select-playlist-list").each(function (index, item) {
  3340. if ($(this).hasClass('active')) {
  3341. playlists += $(this).attr('data-id') + ",";
  3342. }
  3343. });
  3344. if (playlists) {
  3345. $('#playlists').find('.btn-mat').text("Please wait..");
  3346. $.get(ajaxUrl() + "/playlist/add-to-playlist", {playlists: playlists, id: getID}, function (data) {
  3347. if (data.status == 200) {
  3348. $('#playlists').modal('hide');
  3349. setTimeout(function () {
  3350. $('#playlists').remove();
  3351. }, 200);
  3352. } else if (data.status == 300) {
  3353. alert("Please select which playlist you want to add this song to.")
  3354. } else {
  3355. $('#playlists').modal('hide');
  3356. setTimeout(function () {
  3357. $('#playlists').remove();
  3358. }, 200);
  3359. }
  3360. });
  3361. }
  3362. }
  3363.  
  3364. function blockUser(id, username, type) {
  3365. if (!id || !username) {
  3366. return false;
  3367. }
  3368. if (!confirm("Are you sure you want to block this user")) {
  3369. return false;
  3370. }
  3371. $.get('https://kleimun.com/endpoints/block-user/' + type, {id: id}, function (data) {
  3372. goToAjaxLink(username);
  3373. });
  3374. }
  3375.  
  3376. $(document).on('click', '#night_mode_toggle', function(event) {
  3377.    mode = $(this).attr('data-mode');
  3378.    $.post('https://kleimun.com/endpoints/?mode=' + mode, {}, function(data, textStatus, xhr) { /* pass */ });
  3379.    if (mode !== 'night') {
  3380.        $('body').append('<link rel="stylesheet" href="https://kleimun.com/themes/mtdvision/css/day.style.css" id="night-mode-css">');
  3381.        $('#night_mode_toggle').attr('data-mode', 'night');
  3382.        $('.switch .txt').text('Night mode');
  3383.        $('.head_logo img').attr('src', 'https://kleimun.com/themes/mtdvision/img/logo-white.png?cache=123');
  3384. $('.auth_box .right_combo > .navbar-brand img').attr('src', 'https://kleimun.com/themes/mtdvision/img/logo-white.png?cache=123');
  3385. $('.ma_home_nav nav .navbar-brand img').attr('src', 'https://kleimun.com/themes/mtdvision/img/logo-white.png?cache=123');
  3386. $('.nigh_day_ico').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M10 6a8 8 0 0 0 11.955 6.956C21.474 18.03 17.2 22 12 22 6.477 22 2 17.523 2 12c0-5.2 3.97-9.474 9.044-9.955A7.963 7.963 0 0 0 10 6zm-6 6a8 8 0 0 0 8 8 8.006 8.006 0 0 0 6.957-4.045c-.316.03-.636.045-.957.045-5.523 0-10-4.477-10-10 0-.321.015-.64.045-.957A8.006 8.006 0 0 0 4 12zm14.164-9.709L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455zm5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455z"></path></svg>');
  3387.                $('#dark-wave').attr('src',$('#dark-wave').attr('src').replace('_dark.png','_day.png'));
  3388.                $('#light-wave').css({'border-right':'1px solid rgb(191, 191, 191)'});
  3389.    } else {
  3390.        $('#night-mode-css').remove();
  3391.        $('#night_mode_toggle').attr('data-mode', 'day');
  3392.        $('.switch .txt').text('Day mode');
  3393.        $('.head_logo img').attr('src', 'https://kleimun.com/themes/mtdvision/img/logo.png?cache=123');
  3394. $('.auth_box .right_combo > .navbar-brand img').attr('src', 'https://kleimun.com/themes/mtdvision/img/logo.png?cache=123');
  3395. $('.ma_home_nav nav .navbar-brand img').attr('src', 'https://kleimun.com/themes/mtdvision/img/logo.png?cache=123');
  3396. $('.nigh_day_ico').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"></path><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"></path></svg>');
  3397.                $('#dark-wave').attr('src',$('#dark-wave').attr('src').replace('_day.png','_dark.png'));
  3398.                $('#light-wave').css({'border-right':'1px solid rgb(71, 71, 71)'});
  3399.    }
  3400.  
  3401.  
  3402. });
  3403.  
  3404. $(document).ready(function() {
  3405.    FastClick.attach(document.body);
  3406. });
  3407.  
  3408. function hide_announcement(id){
  3409.    if (!id) { return false; }
  3410.    $("#announcement-"+id).slideUp('fast',function(){
  3411.        $(this).remove();
  3412.        $.post('https://kleimun.com/endpoints/user/hide-announcement', {id: id}, function(data, textStatus, xhr) { /* pass */ });
  3413.    })
  3414. }
  3415. function AddEventInterested(id,self,type = 'interest') {
  3416.    if (type == 'interest') {
  3417.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"></path></svg> <span class="button-text"> Interested</span>')
  3418.        $(self).attr('onclick', "AddEventInterested('"+id+"',this,'uninterest')");
  3419.    }
  3420.    else{
  3421.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5,5C15,5 13.58,5.91 13,7.2V17.74C17.25,13.87 20,11.2 20,8.5C20,6.5 18.5,5 16.5,5M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3Z"></path></svg> <span class="button-text"> Interested</span>')
  3422.        $(self).attr('onclick', "AddEventInterested('"+id+"',this,'interest')");
  3423.    }
  3424.    $.post('https://kleimun.com/endpoints/event/interest', {id: id,type: type}, function(data, textStatus, xhr) {});
  3425. }
  3426. function JoinEvent(id,self,type = 'join') {
  3427.    if (type == 'join') {
  3428.        $('#going-'+id).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z"></path></svg> <span class="button-text"> Joined</span>')
  3429.        $('#going-'+id).find('button').attr('onclick', "JoinEvent('"+id+"',this,'unjoin')");
  3430.    }
  3431.    else{
  3432.        $('#going-'+id).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z"></path></svg> <span class="button-text"> Join</span>')
  3433.        $('#going-'+id).find('button').attr('onclick', "JoinEvent('"+id+"',this,'join')");
  3434.    }
  3435.    $.post('https://kleimun.com/endpoints/event/join', {id: id,type: type}, function(data, textStatus, xhr) {});
  3436. }
  3437. function BuyTicket(id,self,type = 'join',price = 0,show_type = 'show',available_tickets = 0, image = '') {
  3438. $('#buy_ticket_modal').find('.modal-body-alert').html('');
  3439. $('#buy_ticket_modal').find('.btn-primary').removeAttr('disabled');
  3440.    $('#buy_ticket_modal').find('.btn-primary').text("Buy");
  3441. if (parseInt(price) > parseInt("{{ME org_wallet}}")) {
  3442. $('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-info"><a href="https://kleimun.com/settings/{{ME username/wallet}}" data-load="settings/{{ME username}}/wallet">Please top up your wallet.</a></div>`);
  3443. $('#buy_ticket_modal').find('.btn-primary').attr('disabled', 'true');
  3444. $('#buy_ticket_modal').modal('show');
  3445.        return false;
  3446. }
  3447. if(parseInt(price) > 0 && show_type == 'hide'){
  3448. $('#buy_ticket_modal').find('.btn-primary').attr('onclick', "BuyTicket('"+id+"',this,'"+type+"','"+price+"','show','"+available_tickets+"')");
  3449. $('#buy_ticket_modal').find('.avail_ticket p').html(""+available_tickets+"");
  3450. $('#buy_ticket_modal').find('.avail_ticket_price p').html("$"+price);
  3451. $('#buy_ticket_modal').find('.ticket-img').html("<img src='" + image + "' alt='Picture'>");
  3452.        $('#buy_ticket_modal').modal('show');
  3453.        return false;
  3454. }
  3455. $('#buy_ticket_modal').find('.btn-primary').attr('disabled', 'true');
  3456.    $('#buy_ticket_modal').find('.btn-primary').text("Please wait..");
  3457.    $.post('https://kleimun.com/endpoints/event/buy', {id: id,price: price}, function(data, textStatus, xhr) {
  3458.     $('#buy_ticket_modal').find('.btn-primary').removeAttr('disabled');
  3459.        $('#buy_ticket_modal').find('.btn-primary').text("Buy");
  3460.     if (data.status == 200) {
  3461.     $('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-success"><i class="fa fa-check"></i> ${data.message}</div>`);
  3462.            setTimeout(function () {
  3463.             $('#buy_ticket_modal').find('.modal-body-alert').html('');
  3464.             $('#buy_ticket_modal').modal('hide');
  3465.             location.href = 'https://kleimun.com/purchased';
  3466.            },2000);
  3467.     }
  3468.     else{
  3469.     $('#buy_ticket_modal').find('.modal-body-alert').html(`<div class="alert alert-danger"><i class="fa fa-check"></i> ${data.message}</div>`);
  3470.     }
  3471.    });
  3472. }
  3473. function DeleteEvent(id,type = 'show') {
  3474.    if (type == 'hide') {
  3475.      $('#delete-event').find('.btn-mat').attr('onclick', "DeleteEvent('"+id+"')");
  3476.      $('#delete-event').modal('show');
  3477.      return false;
  3478.    }
  3479.    $('[data-event="'+id+'"').slideUp();
  3480.    $('[data-event="'+id+'"').remove();
  3481.    $.post('https://kleimun.com/endpoints/event/delete', {id: id}, function(data, textStatus, xhr) {});
  3482. }
  3483. function StartStories(user_id,story_id) {
  3484.    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  3485.    $.post('https://kleimun.com/endpoints/story/start', {user_id: user_id,story_id:story_id}, function(data, textStatus, xhr) {
  3486.        if (data.status == 200) {
  3487.            if (!Amplitude.audio().paused) {
  3488.                Amplitude.pause();
  3489.                window.playAudio = 'yes';
  3490.            }
  3491.            else{
  3492.                window.playAudio = 'no';
  3493.            }
  3494.            $('.lightbox-container').html(data.html);
  3495.        }
  3496.        else{
  3497.            if (window.playAudio && window.playAudio == 'yes') {
  3498.                Amplitude.play();
  3499.                window.playAudio = 'no';
  3500.            }
  3501.            CloseLightbox();
  3502.        }
  3503.    });
  3504. }
  3505. function NextStory(user_id,story_id,next_user_id,next_story_id) {
  3506.    CloseLightbox();
  3507.    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  3508.    $.post('https://kleimun.com/endpoints/story/next', {user_id: user_id,story_id:story_id,next_user_id:next_user_id,next_story_id:next_story_id}, function(data, textStatus, xhr) {
  3509.        if (data.status == 200) {
  3510.            if (!Amplitude.audio().paused) {
  3511.                Amplitude.pause();
  3512.                window.playAudio = 'yes';
  3513.            }
  3514.            $('.lightbox-container').html(data.html);
  3515.        }
  3516.        else{
  3517.            if (window.playAudio && window.playAudio == 'yes') {
  3518.                Amplitude.play();
  3519.                window.playAudio = 'no';
  3520.            }
  3521.            CloseLightbox();
  3522.        }
  3523.    });
  3524. }
  3525. function PreviousStory(user_id,story_id,pre_user_id,pre_story_id) {
  3526.    CloseLightbox();
  3527.    $('#container_content').append('<div class="lightbox-container"><div class="lightbox-backgrond" onclick="Wo_CloseLightbox();"></div><div class="lb-preloader" style="display:block"><svg width="50px" height="50px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#676d76" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1.5s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1.5s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg></div></div>');
  3528.    $.post('https://kleimun.com/endpoints/story/previous', {user_id: user_id,story_id:story_id,pre_user_id:pre_user_id,pre_story_id:pre_story_id}, function(data, textStatus, xhr) {
  3529.        if (data.status == 200) {
  3530.            if (!Amplitude.audio().paused) {
  3531.                Amplitude.pause();
  3532.                window.playAudio = 'yes';
  3533.            }
  3534.            $('.lightbox-container').html(data.html);
  3535.        }
  3536.        else{
  3537.            if (window.playAudio && window.playAudio == 'yes') {
  3538.                Amplitude.play();
  3539.                window.playAudio = 'no';
  3540.            }
  3541.            CloseLightbox();
  3542.        }
  3543.    });
  3544. }
  3545. function CloseLightbox() {
  3546.  $('.lightbox-container').remove();
  3547.  document.body.style.overflow = 'auto';
  3548. }
  3549. function GetMoreStoryViews(story_id,self) {
  3550.  $('.lightpost-'+story_id).addClass('dont_close')
  3551.  last_view = $('.story_views_').last().attr('id');
  3552.  $(self).addClass('dont_close_story_'+story_id);
  3553.  $(self).find('span').html("please_wait");
  3554.  $.post('https://kleimun.com/endpoints/story/story_views', {last_view:last_view,story_id:story_id}, function(data, textStatus, xhr) {
  3555.    if (data.status == 200) {
  3556.      $(self).find('button').html('<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather"><polyline points="6 9 12 15 18 9"></polyline></svg> Load More');
  3557.  
  3558.      $('.views_container_').append(data.html);
  3559.    }
  3560.    else{
  3561.      $(self).find('button').html("No More Views");
  3562.  
  3563.    }
  3564.  });
  3565. }
  3566. function DeleteStory(id) {
  3567.    if (!id || !confirm("Are you sure you want to delete your story?")) {
  3568.    return false;
  3569.  }
  3570.  
  3571.  $.ajax({
  3572.    url: 'https://kleimun.com/endpoints/story/delete',
  3573.    type: 'POST',
  3574.    dataType: 'json',
  3575.    data: {id:id},
  3576.  })
  3577.  .done(function(data) {
  3578.    if (data.status == 200) {
  3579.      location.reload();
  3580.    }
  3581.  })
  3582.  .fail(function() {
  3583.    console.log("error");
  3584.  })
  3585. }
  3586. function DeleteProduct(id,type = 'show') {
  3587.    if (type == 'hide') {
  3588.      $('#delete-product').find('.btn-mat').attr('onclick', "DeleteProduct('"+id+"')");
  3589.      $('#delete-product').modal('show');
  3590.      return false;
  3591.    }
  3592.    $('[data-product="'+id+'"').slideUp();
  3593.    $('[data-product="'+id+'"').remove();
  3594.    $.post('https://kleimun.com/endpoints/product/delete', {id: id}, function(data, textStatus, xhr) {});
  3595. }
  3596. function AddProductToCart(self,id,type) {
  3597.    if (type == 'add') {
  3598.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="52" height="52" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><circle r="12" cx="12" cy="12" fill="var(--main-color)" shape="circle" transform="matrix(1,0,0,1,0,0)"></circle><g transform="matrix(0.5,0,0,0.5,6.0000000894069645,5.999999999999999)"><path d="m17.5 13c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5zm0-12c-3.032 0-5.5 2.467-5.5 5.5s2.468 5.5 5.5 5.5 5.5-2.467 5.5-5.5-2.468-5.5-5.5-5.5z" fill="#ffffff" data-original="#000000" class=""></path><path d="m15.379 9.121c-.128 0-.256-.049-.354-.146-.195-.195-.195-.512 0-.707l4.242-4.242c.195-.195.512-.195.707 0s.195.512 0 .707l-4.242 4.242c-.097.097-.225.146-.353.146z" fill="#ffffff" data-original="#000000" class=""></path><path d="m19.621 9.121c-.128 0-.256-.049-.354-.146l-4.242-4.242c-.195-.195-.195-.512 0-.707s.512-.195.707 0l4.242 4.242c.195.195.195.512 0 .707-.097.097-.225.146-.353.146z" fill="#ffffff" data-original="#000000" class=""></path><path d="m19.5 17h-13c-.238 0-.443-.168-.49-.402l-2-10c-.03-.147.009-.299.103-.415s.238-.183.387-.183h4c.276 0 .5.224.5.5s-.224.5-.5.5h-3.39l1.8 9h12.18l.277-1.385c.055-.272.33-.445.588-.392.271.054.447.317.393.588l-.357 1.787c-.048.234-.253.402-.491.402z" fill="#ffffff" data-original="#000000" class=""></path><path d="m6.499 17c-.233 0-.441-.164-.489-.402l-2.479-12.394c-.139-.699-.759-1.206-1.471-1.206h-.001l-1.558.002c-.001 0-.001 0-.001 0-.276 0-.5-.224-.5-.5s.224-.5.499-.5l1.558-.002h.003c1.188 0 2.219.845 2.452 2.01l2.478 12.394c.055.271-.121.534-.393.588-.032.007-.065.01-.098.01z" fill="#ffffff" data-original="#000000" class=""></path><path d="m21.5 19h-17c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5h2c.276 0 .5.224.5.5s-.224.5-.5.5h-2c-.275 0-.5.224-.5.5s.225.5.5.5h17c.276 0 .5.224.5.5s-.224.5-.5.5z" fill="#ffffff" data-original="#000000" class=""></path><path d="m8 24c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-3c-.552 0-1 .449-1 1s.448 1 1 1 1-.449 1-1-.448-1-1-1z" fill="#ffffff" data-original="#000000" class=""></path><path d="m17 24c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm0-3c-.552 0-1 .449-1 1s.448 1 1 1 1-.449 1-1-.448-1-1-1z" fill="#ffffff" data-original="#000000" class=""></path></g></svg>');
  3599.        $(self).attr('onclick', "AddProductToCart(this,'"+id+"','remove')");
  3600.    }
  3601.    else{
  3602.        $(self).html('<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 58 58"> <g id="Group_9580" data-name="Group 9580" transform="translate(-833 -689)"> <rect id="Rectangle_3421" data-name="Rectangle 3421" width="58" height="58" rx="29" transform="translate(833 689)" fill="var(--main-color)"/> <path id="Union_12" data-name="Union 12" d="M.588,22.148a.61.61,0,0,1-.417-.17A.616.616,0,0,1,0,21.562v-.074L.992,8.7a.561.561,0,0,1,.183-.374l.013-.008a.561.561,0,0,1,.391-.157H3.415v-.58a7.6,7.6,0,0,1,15.192,0v.58h1.832a.566.566,0,0,1,.393.157l.013.008a.56.56,0,0,1,.183.371l.994,12.817a.619.619,0,0,1-.147.434.61.61,0,0,1-.379.2Zm.634-1.17H20.8l-.9-11.65H2.116ZM6.565,2.95A6.336,6.336,0,0,0,4.6,7.293l-.038.863H17.43v-.58a6.4,6.4,0,0,0-6.137-6.4l-.258-.011-.025,0A6.41,6.41,0,0,0,6.565,2.95ZM8.674,14.568V12.236h4.674v2.332Z" transform="translate(851 707)" fill="#fff"/> </g> </svg>');
  3603.        $(self).attr('onclick', "AddProductToCart(this,'"+id+"','add')");
  3604.    }
  3605.    qty = 1;
  3606.    if ($('#cart_product_qty').length > 0) {
  3607.        qty = $('#cart_product_qty').val();
  3608.    }
  3609.    $.post('https://kleimun.com/endpoints/product/add_cart', {product_id: id,qty:qty}, function(data, textStatus, xhr) {
  3610.        if (data.status == 200) {
  3611.            $('.unread_cart_count').html(data.count);
  3612.        }
  3613.    });
  3614. }
  3615. function GetCart() {
  3616.    $.post('https://kleimun.com/endpoints/product/get_cart', {param1: 'value1'}, function(data, textStatus, xhr) {
  3617.        if (data.status == 200 && data.html != '') {
  3618.            $('#cart-list').html(data.html);
  3619.        }
  3620.        else{
  3621.            $('#cart-list').html('<li class="empty_state"><svg class="feather" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24.605 24.799"> <path id="Path_7212" data-name="Path 7212" d="M8852.219,2866h-23.362a.649.649,0,0,1-.656-.656v-.08l1.109-14.326a.62.62,0,0,1,.2-.419l.016-.009a.628.628,0,0,1,.439-.176h2.047v-.649a8.532,8.532,0,0,1,2.485-6,8.493,8.493,0,0,1,12,0,8.535,8.535,0,0,1,2.487,6v.649h2.046a.63.63,0,0,1,.439.176l.015.009a.626.626,0,0,1,.2.416l1.109,14.353a.671.671,0,0,1-.161.483.68.68,0,0,1-.424.229Zm-21.654-14.355-1,13.044h21.874l-1-13.044Zm9.938-9.136a7.168,7.168,0,0,0-7.166,6.859l-.041.967h14.382v-.649a7.164,7.164,0,0,0-6.86-7.162l-.284-.012-.03,0Z" transform="translate(-8828.2 -2841.201)" fill="currentColor"></path> <path id="Path_7211" data-name="Path 7211" d="M3649.849,6635.26v2.61h-5.222v-2.61Z" transform="translate(-3634.937 -6621.557)" fill="currentColor"></path> </svg>Your cart is empty.</li>');
  3622.        }
  3623.    });
  3624. }
  3625. function RemoveProductFromCart(id) {
  3626.    $('#cart_product_'+id).remove();
  3627.    $('#checkout_product_'+id).remove();
  3628.    $.post('https://kleimun.com/endpoints/product/remove_cart', {product_id: id}, function(data, textStatus, xhr) {
  3629.        if (data.status == 200) {
  3630.            $('.unread_cart_count').html(data.count);
  3631.        }
  3632.    });
  3633. }
  3634. function LoadCheckout() {
  3635.    $('#load_checkout').click();
  3636. }
  3637. $(document).ready(function() {
  3638.    var options = {
  3639.        url: "https://kleimun.com/endpoints/address/add?hash_id=" + getHashID(),
  3640.        beforeSubmit:  function () {
  3641.            $('.modal_add_address_modal_alert').empty();
  3642.            $("#add_address_modal").find('.btn-mat').attr('disabled', 'true');
  3643.            $("#add_address_modal").find('.btn-mat').text("Please wait..");
  3644.        },
  3645.        success: function (data) {
  3646.            $("#add_address_modal").find('.btn-mat').text("Add");
  3647.            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3648.            if (data.status == 200) {
  3649.                $('.modal_add_address_modal_alert').html('<div class="alert alert-success"><i class="fa fa-check"></i> '+
  3650.                data.message
  3651.                +'</div>');
  3652.                if (data.url && data.url != '') {
  3653.                    if ($('#load_checkout').length < 1) {
  3654.                        setTimeout(function () {
  3655.                            /*location.href = data.url;*/
  3656.                            $('.modal_add_address_modal_alert').empty();
  3657.                            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3658.                            $("#add_address_modal").find('.btn-mat').text("Add");
  3659.                            $('#add_address_modal').modal('hide');
  3660.                            $('.address_form')[0].reset();
  3661.                            load_page = 'feed';
  3662.                            if ($('#json-data').length > 0) {
  3663.                                json_data = JSON.parse($('#json-data').val());
  3664.                                load_page = json_data.ajax_url;
  3665.                            }
  3666.                            else{
  3667.                                load_page = "feed";
  3668.                            }
  3669.                            goToAjaxLink(load_page);
  3670.                        },2000);
  3671.                    }
  3672.                    else{
  3673.                        setTimeout(function () {
  3674.                            $('.modal_add_address_modal_alert').empty();
  3675.                            $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3676.                            $("#add_address_modal").find('.btn-mat').text("Add");
  3677.                            $('#add_address_modal').modal('hide');
  3678.                            $('#load_checkout').click();
  3679.                        },2000);
  3680.                    }
  3681.                }
  3682.            } else {
  3683.                $('.modal_add_address_modal_alert').html('<div class="alert alert-danger"><i class="fa fa-check"></i> '+
  3684.            data.message
  3685.            +'</div>');
  3686.            }
  3687.        }
  3688.    };
  3689.    $('.address_form').ajaxForm(options);
  3690. });
  3691. function NewAddress() {
  3692.    $('.modal_add_address_modal_alert').empty();
  3693.    $("#add_address_modal").find('.btn-mat').removeAttr('disabled')
  3694.    $("#add_address_modal").find('.btn-mat').text("Add");
  3695.    $('#add_address_modal').modal('show');
  3696. }
  3697. function BuyProducts(type = 'show',price) {
  3698.    if ($('.payment_address').length < 1) {
  3699.        $('.checkout_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> Please add a new address</div>");
  3700.        return false;
  3701.    }
  3702.    if ($('input[name=choose-address]:checked').length < 1) {
  3703.        $('.checkout_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> Please select address</div>");
  3704.        return false;
  3705.    }
  3706.    address_id = $('input[name=choose-address]:checked').val();
  3707.    if (type == 'hide') {
  3708.        $('#buy_product_modal').find('.btn-mat').html("Pay $"+price);
  3709.        $('#buy_product_modal').find('.btn-mat').attr('onclick', "BuyProducts('show','"+price+"')");
  3710.        $('#buy_product_modal').modal('show');
  3711.        return false;
  3712.    }
  3713.    $('#buy_product_modal').find('.btn-mat').html("Please wait..");
  3714.    $('#buy_product_modal').find('.btn-mat').attr('disabled', "true");
  3715.    $.post('https://kleimun.com/endpoints/product/buy',{address_id: address_id}, function(data, textStatus, xhr) {
  3716.        $('#buy_product_modal').find('.btn-mat').removeAttr('disabled');
  3717.        $('#buy_product_modal').find('.btn-mat').text("Pay $"+price);
  3718.        if (data.status == 200) {
  3719.            $('#buy_product_modal').find('.modal_product_pay_alert').html("<div class='alert alert-success'><i class='fa fa-check'></i> "+data.message+"</div>");
  3720.            setTimeout(function () {
  3721.                $('#buy_product_modal').find('.modal_product_pay_alert').html("");
  3722.                location.href = "https://kleimun.com/purchased";
  3723.            },2000);
  3724.        }
  3725.        else{
  3726.            $('#buy_product_modal').find('.modal_product_pay_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> "+data.message+"</div>");
  3727.        }
  3728.    });
  3729. }
  3730. function ChangeQty(self,product_id) {
  3731.    qty = $(self).val();
  3732.    $.post('https://kleimun.com/endpoints/product/change_qty', {product_id: product_id,qty: qty}, function(data, textStatus, xhr) {
  3733.        LoadCheckout();
  3734.    });
  3735. }
  3736. function ChangeStatus(self,hash_id) {
  3737.    status = $(self).val();
  3738.    $.post('https://kleimun.com/endpoints/product/change_status', {hash_order: hash_id,status: status}, function(data, textStatus, xhr) {
  3739.        $('#load_order').click();
  3740.    });
  3741. }
  3742. function RefundOrder(hash_id,type = 'show') {
  3743.    if (type == 'hide') {
  3744.        $('#refund_order').find('.btn-mat').attr('onclick', "RefundOrder('"+hash_id+"')");
  3745.        $('#refund_order').modal('show');
  3746.        return false;
  3747.    }
  3748.    $('#refund_order').find('.btn-mat').html("Please wait..");
  3749.    $('#refund_order').find('.btn-mat').attr('disabled', "true");
  3750.    message = $('#refund_order_message').val();
  3751.    $.post('https://kleimun.com/endpoints/product/refund', {hash_order: hash_id,message: message}, function(data, textStatus, xhr) {
  3752.        $('#refund_order').find('.btn-mat').removeAttr('disabled');
  3753.        $('#refund_order').find('.btn-mat').text("Request");
  3754.        if (data.status == 200) {
  3755.            $('#refund_order').find('.modal_refund_order_modal_alert').html("<div class='alert alert-success'><i class='fa fa-check'></i> "+data.message+"</div>");
  3756.            setTimeout(function () {
  3757.                $('#refund_order').modal('hide');
  3758.                $('#refund_order').find('.modal_refund_order_modal_alert').html("");
  3759.                $('#load_order').click();
  3760.            },2000);
  3761.        }
  3762.        else{
  3763.            $('#refund_order').find('.modal_refund_order_modal_alert').html("<div class='alert alert-danger'><i class='fa fa-info-circle'></i> "+data.message+"</div>");
  3764.        }
  3765.    });
  3766. }
  3767. function DownloadPurchased(id,type = 'event') {
  3768.    url = 'event/download';
  3769.    if (type == 'order') {
  3770.        url = 'product/download';
  3771.    }
  3772.    $.post('https://kleimun.com/endpoints/'+url,{id,id}, function(data, textStatus, xhr) {
  3773.        $('.ma_page_content').append(data.html);
  3774.        setTimeout(function () {
  3775.            $('.ticket_card_'+id).remove();
  3776.        },10000);
  3777.    });
  3778. }
  3779. function HidePlayer() {
  3780.    $('#my_video_player_container').slideUp();
  3781. }
  3782. function OpenWriteReview(product_id) {
  3783.    $('#write_product_review_product_id').val(product_id)
  3784.    $('#write_product_review').modal('show');
  3785. }
  3786. function showResponseAlert(item,alert_class,message,time = 0) {
  3787.    $(item).html('<div class="alert alert-'+alert_class+'">'+message+'</div>');
  3788.    if (time > 0) {
  3789.        setTimeout(() => {
  3790.            $(item).html('');
  3791.        },time);
  3792.    }
  3793. }
  3794.  
  3795. function scrollToTop() {
  3796. verticalOffset = typeof (verticalOffset) != 'undefined' ? verticalOffset : 0;
  3797. element = $('html');
  3798. offset = element.offset();
  3799. offsetTop = offset.top;
  3800. $('html, body').animate({
  3801. scrollTop: offsetTop
  3802. }, 300, 'linear');
  3803. }
  3804. </script>
  3805. <script src="https://kleimun.com/themes/mtdvision/js/fingerprint2.min.js?v=1.5.2"></script>
  3806. <script src="https://kleimun.com/themes/mtdvision/js/jquery.form.min.js?v=1.5.2"></script>
  3807. <script src="https://kleimun.com/themes/mtdvision/js/popper.min.js?v=1.5.2"></script>
  3808. <script src="https://kleimun.com/themes/mtdvision/js/bootstrap.min.js?v=1.5.2"></script>
  3809. <script src="https://kleimun.com/themes/mtdvision/js/owl.carousel.min.js?v=1.5.2"></script>
  3810. <script src="https://kleimun.com/themes/mtdvision/js/simplebar.min.js?v=1.5.2"></script>
  3811. <script src="https://kleimun.com/themes/mtdvision/js/amplitude.min.js?v=1.5.2"></script>
  3812. <script src="https://kleimun.com/themes/mtdvision/js/script.js?v=1.5.2"></script>
  3813. <script src="https://kleimun.com/themes/mtdvision/js/Chart.min.js?v=1.5.2"></script>
  3814. <script src="https://kleimun.com/themes/mtdvision/js/highcharts/highcharts.js?v=1.5.2"></script>
  3815. <script src="https://kleimun.com/themes/mtdvision/js/footer.js?v=1.5.2"></script>
  3816. <script src="https://kleimun.com/themes/mtdvision/js/bootstrap-select.min.js?v=1.5.2"></script>
  3817. <script type="text/javascript" src="https://kleimun.com/themes/mtdvision/js/jquery.dataTables.min.js?v=1.5.2"></script>
  3818. <script type="text/javascript" src="https://kleimun.com/themes/mtdvision/js/dataTables.bootstrap4.min.js?v=1.5.2"></script>
  3819. <script src="https://kleimun.com/themes/mtdvision/js/lib/sweetalert2/dist/sweetalert2.js?v=1.5.2"></script>
  3820. <script src="https://kleimun.com/themes/mtdvision/js/bootstrap-toggle.min.js?v=1.5.2"></script>
  3821. <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
  3822. <input type="hidden" class="main_session" value="88c156edb57fa88118c1d095ee96afaacf72bdc0">
  3823.    <script type="text/javascript">
  3824.    (function (factory) {
  3825.        if (typeof define === 'function' && define.amd) {
  3826.            // AMD. Register as an anonymous module.
  3827.            define(['jquery'], factory);
  3828.        } else {
  3829.            // Browser globals
  3830.            factory(jQuery);
  3831.        }
  3832.    }(function ($) {
  3833.        $.timeago = function(timestamp) {
  3834.            if (timestamp instanceof Date) {
  3835.                return inWords(timestamp);
  3836.            } else if (typeof timestamp === "string") {
  3837.                return inWords($.timeago.parse(timestamp));
  3838.            } else if (typeof timestamp === "number") {
  3839.                return inWords(new Date(timestamp));
  3840.            } else {
  3841.                return inWords($.timeago.datetime(timestamp));
  3842.            }
  3843.        };
  3844.        var $t = $.timeago;
  3845.  
  3846.        $.extend($.timeago, {
  3847.            settings: {
  3848.                refreshMillis: 60000,
  3849.                allowPast: true,
  3850.                allowFuture: false,
  3851.                localeTitle: false,
  3852.                cutoff: 0,
  3853.                strings: {
  3854.                    prefixAgo: null,
  3855.                    prefixFromNow: null,
  3856.                    suffixAgo: "ago",
  3857.                    suffixFromNow: "from now",
  3858.                    inPast: "any moment now",
  3859.                    seconds: "Just now",
  3860.                    minute: "about a minute ago",
  3861.                    minutes: "%d minutes ago",
  3862.                    hour: "about an hour ago",
  3863.                    hours: "%d hours ago",
  3864.                    day: "a day ago",
  3865.                    days: "%d days ago",
  3866.                    month: "about a month ago",
  3867.                    months: "%d months ago",
  3868.                    year: "about a year ago",
  3869.                    years: "%d years ago",
  3870.                    wordSeparator: " ",
  3871.                    numbers: []
  3872.                }
  3873.            },
  3874.  
  3875.            inWords: function(distanceMillis) {
  3876.                if(!this.settings.allowPast && ! this.settings.allowFuture) {
  3877.                    throw 'timeago allowPast and allowFuture settings can not both be set to false.';
  3878.                }
  3879.  
  3880.                var $l = this.settings.strings;
  3881.                var prefix = $l.prefixAgo;
  3882.                var suffix = $l.suffixAgo;
  3883.                if (this.settings.allowFuture) {
  3884.                    if (distanceMillis < 0) {
  3885.                        prefix = $l.prefixFromNow;
  3886.                        suffix = $l.suffixFromNow;
  3887.                    }
  3888.                }
  3889.  
  3890.                if(!this.settings.allowPast && distanceMillis >= 0) {
  3891.                    return this.settings.strings.inPast;
  3892.                }
  3893.  
  3894.                var seconds = Math.abs(distanceMillis) / 1000;
  3895.                var minutes = seconds / 60;
  3896.                var hours = minutes / 60;
  3897.                var days = hours / 24;
  3898.                var years = days / 365;
  3899.  
  3900.                function substitute(stringOrFunction, number) {
  3901.                    var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
  3902.                    var value = ($l.numbers && $l.numbers[number]) || number;
  3903.                    return string.replace(/%d/i, value);
  3904.                }
  3905.  
  3906.                var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
  3907.                    seconds < 90 && substitute($l.minute, 1) ||
  3908.                    minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
  3909.                    minutes < 90 && substitute($l.hour, 1) ||
  3910.                    hours < 24 && substitute($l.hours, Math.round(hours)) ||
  3911.                    hours < 42 && substitute($l.day, 1) ||
  3912.                    days < 30 && substitute($l.days, Math.round(days)) ||
  3913.                    days < 45 && substitute($l.month, 1) ||
  3914.                    days < 365 && substitute($l.months, Math.round(days / 30)) ||
  3915.                    years < 1.5 && substitute($l.year, 1) ||
  3916.                    substitute($l.years, Math.round(years));
  3917.  
  3918.                var separator = $l.wordSeparator || "";
  3919.                if ($l.wordSeparator === undefined) { separator = " "; }
  3920.  
  3921.                    return $.trim([prefix, words].join(separator));
  3922.  
  3923.  
  3924.            },
  3925.  
  3926.            parse: function(iso8601) {
  3927.                var s = $.trim(iso8601);
  3928.                s = s.replace(/\.\d+/,""); // remove milliseconds
  3929.                s = s.replace(/-/,"/").replace(/-/,"/");
  3930.                s = s.replace(/T/," ").replace(/Z/," UTC");
  3931.                s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
  3932.                s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
  3933.                return new Date(s);
  3934.            },
  3935.            datetime: function(elem) {
  3936.                var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
  3937.                return $t.parse(iso8601);
  3938.            },
  3939.            isTime: function(elem) {
  3940.                // jQuery's `is()` doesn't play well with HTML5 in IE
  3941.                return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
  3942.            }
  3943.        });
  3944.  
  3945.        // functions that can be called via $(el).timeago('action')
  3946.        // init is default when no action is given
  3947.        // functions are called with context of a single element
  3948.        var functions = {
  3949.            init: function(){
  3950.                var refresh_el = $.proxy(refresh, this);
  3951.                refresh_el();
  3952.                var $s = $t.settings;
  3953.                if ($s.refreshMillis > 0) {
  3954.                    this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
  3955.                }
  3956.            },
  3957.            update: function(time){
  3958.                var parsedTime = $t.parse(time);
  3959.                $(this).data('timeago', { datetime: parsedTime });
  3960.                if($t.settings.localeTitle) $(this).attr("title", parsedTime.toLocaleString());
  3961.                refresh.apply(this);
  3962.            },
  3963.            updateFromDOM: function(){
  3964.                $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
  3965.                refresh.apply(this);
  3966.            },
  3967.            dispose: function () {
  3968.                if (this._timeagoInterval) {
  3969.                    window.clearInterval(this._timeagoInterval);
  3970.                    this._timeagoInterval = null;
  3971.                }
  3972.            }
  3973.        };
  3974.  
  3975.        $.fn.timeago = function(action, options) {
  3976.            var fn = action ? functions[action] : functions.init;
  3977.            if(!fn){
  3978.                throw new Error("Unknown function name '"+ action +"' for timeago");
  3979.            }
  3980.            // each over objects here and call the requested function
  3981.            this.each(function(){
  3982.                fn.call(this, options);
  3983.            });
  3984.            return this;
  3985.        };
  3986.  
  3987.        function refresh() {
  3988.            var data = prepareData(this);
  3989.            var $s = $t.settings;
  3990.  
  3991.            if (!isNaN(data.datetime)) {
  3992.                if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
  3993.                    $(this).text(inWords(data.datetime));
  3994.                }
  3995.            }
  3996.            return this;
  3997.        }
  3998.  
  3999.        function prepareData(element) {
  4000.            element = $(element);
  4001.            if (!element.data("timeago")) {
  4002.                element.data("timeago", { datetime: $t.datetime(element) });
  4003.                var text = $.trim(element.text());
  4004.                if ($t.settings.localeTitle) {
  4005.                    element.attr("title", element.data('timeago').datetime.toLocaleString());
  4006.                } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
  4007.                    element.attr("title", text);
  4008.                }
  4009.            }
  4010.            return element.data("timeago");
  4011.        }
  4012.  
  4013.        function inWords(date) {
  4014.            return $t.inWords(distance(date));
  4015.        }
  4016.  
  4017.        function distance(date) {
  4018.            return (new Date().getTime() - date.getTime());
  4019.        }
  4020.  
  4021.        // fix for IE6 suckage
  4022.        document.createElement("abbr");
  4023.        document.createElement("time");
  4024.    }));
  4025.  
  4026.  
  4027.    $(function () {
  4028.        setInterval(function () {
  4029.  
  4030.                if ( $('.ajax-time').length > 0) {
  4031.                    $('.ajax-time').timeago()
  4032.                        .removeClass('.ajax-time');
  4033.                }
  4034.            },
  4035.            500);
  4036.    });
  4037. </script>
  4038. <script>
  4039.            $('#rmjs-1').readmore({
  4040.                speed: 75,
  4041.                collapsedHeight: 190,
  4042.                moreLink: '<a href="#" class="hash"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg> Read more</a>',
  4043. lessLink: '<a href="#" class="hash"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" /></svg> Read less</a>',
  4044.                afterToggle: function(trigger, element, expanded) {
  4045.                    //if(! expanded) {
  4046.                        // The "Close" link was clicked
  4047.                        $('html, body').animate({scrollTop: element.offset().top}, {duration: 100});
  4048.                    //}
  4049.                }
  4050.            });
  4051.            var running = false;
  4052.            $( document ).on( 'change', '#chat_message_upload_media_file', function(e){
  4053.                if( running === true ){
  4054.                    running = false;
  4055.                    return false;
  4056.                }
  4057.                running = true;
  4058.                var countFiles = $(this)[0].files.length;
  4059.                var imgPath = $(this)[0].value;
  4060.                var extn = imgPath.substring(imgPath.lastIndexOf('.') + 1).toLowerCase();
  4061.  
  4062.                if(countFiles > 1) {
  4063.                    M.toast({html: 'Please select Four Images only.'});
  4064.                } else if (extn == "gif" || extn == "png" || extn == "jpg" || extn == "jpeg") {
  4065.  
  4066.                    let from = $( '#user-id' ).val();
  4067.                    let formData = new FormData();
  4068.                    formData.append( "media", $(this)[0].files[0],$(this)[0].files[0].value );
  4069.                    formData.append( 'to' , $('#user-id').val() );
  4070.                    formData.append( 'message_id' , window.message_id );
  4071.  
  4072.                    var img = $('<img style="width: 300px;border-radius: 20px;">');
  4073.                    //if (typeof(FileReader) != "undefined") {
  4074.                    let reader = new FileReader();
  4075.                    reader.onload = function(e) {
  4076.                        img.attr('src', e.target.result);
  4077.                    };
  4078.                    reader.readAsDataURL($(this)[0].files[0]);
  4079.                    //}
  4080.  
  4081.                    $('.lds-facebook').removeClass('hide');
  4082.                    $('#btn_chat_f_send').addClass('hide');
  4083.  
  4084.                    $( '.chat_message_upload_media_imgprogress' ).removeClass( 'hide' );
  4085.                    $( '.chat_message_upload_media_imgstatus' ).removeClass( 'hide' );
  4086.                    $.ajax({
  4087.                        xhr: function() {
  4088.                            let xhr = new window.XMLHttpRequest();
  4089.                            xhr.upload.addEventListener("progress", function(evt){
  4090.                                if (evt.lengthComputable) {
  4091.                                    let percentComplete = evt.loaded / evt.total;
  4092.                                    percentComplete = parseInt(percentComplete * 100);
  4093.                                    //console.log( 'prog: ' + percentComplete + '%');
  4094.                                    $( '#chat_message_upload_media_imgstatus' ).html( percentComplete + '%');
  4095.                                    $( '.chat_message_upload_media_imgdeterminate' ).css({'width': percentComplete + '%'});
  4096.                                    if (percentComplete === 100) {
  4097.                                        $( '.chat_message_upload_media_imgprogress' ).addClass( 'hide' );
  4098.                                        $( '.chat_message_upload_media_imgstatus' ).addClass( 'hide' );
  4099.                                        $( '#chat_message_upload_media_imgstatus' ).html( '' );
  4100.                                    }
  4101.                                }
  4102.                            }, false);
  4103.                            return xhr;
  4104.                        },
  4105.                        beforeSend: function() {
  4106.                            $('.messages').append('<div class="data_message" data-id="' + window.message_id + '"><div class="message to-user pull-right" data-id=""><div class="user-message"></div><div class="clear"></div></div><div class="clear"></div></div>');
  4107.                            img.appendTo($('.data_message[data-id="' + window.message_id + '"]').find('.user-message'));
  4108.                            $('.user-messages').scrollTop($('.user-messages')[0].scrollHeight);
  4109.                            window.message_id = makeid();
  4110.                        },
  4111.                        url: 'https://kleimun.com/endpoints/messages/upload_media?hash_id=' + $('.main_session').val(),
  4112.                        type: "POST",
  4113.                        async: true,
  4114.                        data: formData,
  4115.                        cache: false,
  4116.                        contentType: false,
  4117.                        processData: false,
  4118.                        timeout: 60000,
  4119.                        dataType: false,
  4120.                        success: function(data) {
  4121.                            $('.data_message[data-id="' + data.message_id + '"]').replaceWith(data.message);
  4122.                            running = false;
  4123.                        }
  4124.                    });
  4125.  
  4126.                }else{
  4127.                    M.toast({html: 'Please select only Images.'});
  4128.                }
  4129.            });
  4130.  
  4131.            // update user last seen
  4132.            function getRandomBetween(min, max) {
  4133.                return min + Math.random() * (max - min);
  4134.            }
  4135.            function UpdateLastSeen() {
  4136.                $.get('https://kleimun.com/endpoints/user/update_lastseen', { }, function () {
  4137.                    setTimeout(UpdateLastSeen, getRandomBetween(60000, 120000));
  4138.                });
  4139.            }
  4140.            setTimeout(UpdateLastSeen, getRandomBetween(60000, 120000));
  4141.            function GetArtist(key,form = '') {
  4142.             $.post('https://kleimun.com/endpoints/tag_artist/tag', {key: key}, function(data, textStatus, xhr) {
  4143.             if (data.html) {
  4144.             if (form != '') {
  4145.             $('#group_chat_mbr_list_'+form).html(data.html);
  4146.             }
  4147.             else{
  4148.             $('.group_chat_mbr_list').html(data.html);
  4149.             }
  4150.             }
  4151.             });
  4152.            }
  4153.            function ApproveRequest(id) {
  4154.             $.post('https://kleimun.com/endpoints/tag_artist/approve', {id: id}, function(data, textStatus, xhr) {});
  4155.            }
  4156.            function DeclineRequest(id) {
  4157.             $.post('https://kleimun.com/endpoints/tag_artist/decline', {id: id}, function(data, textStatus, xhr) {});
  4158.            }
  4159.            function count_char(self,id) {
  4160.    $(self).limit("640", id);
  4161. }
  4163. $('svg .verified_ico').tooltip({
  4164. title: 'Verified',
  4165. placement: 'top',
  4166. container: 'body'
  4167. });
  4168. </script>
  4169. <script src="https://kleimun.com/themes/mtdvision/js/footer.js?3486"></script>
  4170. </body>
  4171. </html>
  4172.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda