function WaitDefinition(e,t){return new Promise(((i,n)=>{let s=setInterval((()=>{null!=e&&(i(e),clearInterval(s))}),t)}))}const GamesPage={GetRequest:e=>new Promise(((t,i)=>{fetch(e,{method:"GET",mode:"cors"}).then((e=>{e.status>=200&&e.status<=299?e.text().then((e=>{t(e)})):i(new Error)})).catch((e=>i(e)))})),JSONPostRequest:(e,t)=>new Promise(((i,n)=>{fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t),mode:"cors"}).then((e=>{e.status>=200&&e.status<=299?e.json().then((e=>{i(e)})):n(new Error)})).catch((e=>n(e)))})),SetElementHTMLFromWeb:async(e,t)=>{let i=await GamesPage.GetRequest(t).catch((e=>{throw e}));e.html(i)},SearchStore:e=>GamesPage.JSONPostRequest("https://dapp.isotopic.io/api/v1/store/search",e),GetThumbnailSrcURL:e=>`https://dapp.isotopic.io/api/v1/store/files/${e}/thumbnail`};GamesPage.SearchStoreFeaturedPromise=GamesPage.SearchStore({special:"featured",limit:6}).catch((e=>{throw e})),GamesPage.SearchStoreRecentPromise=GamesPage.SearchStore({platform:"pc-mobile-web-vr-mac-linux",orderby:"created_at DESC",limit:24,other:"available-not(school_project)"}).catch((e=>{throw e})),GamesPage.SearchStoreRandomPromise=GamesPage.SearchStore({platform:"pc-mobile-web-vr-mac-linux",limit:26,other:"available"}).catch((e=>{throw e})),GamesPage.CountSearchPromise=GamesPage.SearchStore({limit:1}).catch((e=>{throw e}));let storesidebarRes=GamesPage.GetRequest("https://dapp.isotopic.io/games-page/sidebar").catch((e=>{throw e}));$(document).ready((async()=>{const e=$("#games-window-target"),t=($("#store-sidebar"),$("#featured-target"),$("#grid-2")),i=$("#top-games-slideshow");let n=[{img:"https://dapp.isotopic.io/media/banner-top/isotopic_shorts_banner.jpg",url:"https://isotopic.io/shorts",src:"https://dapp.isotopic.io/media/banner-top/isotopic_shorts.webm",title:"Isotopic Shorts",text:"Watch curated gaming content, and find your next favorite Indie Game by discovering short videos.",is_video:!0,type:"video/webm"},{img:"https://dapp.isotopic.io/media/ads/GGEM.png",url:"https://www.br1game.com/signup",title:"BR1 Infinite",text:"Play for free now!",src:"",is_video:!1},{img:"https://dapp.isotopic.io/media/banner-top/FULL_RELEASE-ISOTOPIC-STORE.jpeg",url:"https://isotopic.io/isotopic-game-store-launches-paid-games/",src:"https://dapp.isotopic.io/media/banner-top/ISOTOPIC-FULL-RELEASE.webm",title:"WE ARE LIVE!",text:"Isotopic now supports premium games! Read more about the latest release and games coming to Isotopic!",is_video:!0,type:"video/webm"},{img:"https://dapp.isotopic.io/media/banner-top/FULL_RELEASE-ISOTOPIC-STORE.jpeg",url:"https://isotopic.io/game/?game=Kelly_Covert_Demo",src:"https://dapp.isotopic.io/media/kelly-covert/kelly_covert_demo_trailer.webm",title:"Exclusive on Isotopic",text:"Kelly Covert Demo, now exclusively available on ISOTOPIC!",is_video:!0},{img:"https://dapp.isotopic.io/media/act-zero/event_header_we_the_refugees.jpg",url:"https://store.isotopic.io/We_The_Refugees_Ticket_to_Europe",src:"",title:"PLAY NOW",text:"An interactive fiction adventure game about refugees. Now on Isotopic!",is_video:!1},{img:"https://dapp.isotopic.io/media/thewake/the-wake-banner.png",url:"https://isotopic.io/game/?game=The_Wake",src:"https://dapp.isotopic.io/media/thewake/the%20wake%20trailer%20-%20isotopic.mp4",title:"The Wake on Isotopic",text:"Play this intense isometric multiplayer role-playing game, download from Isotopic.",is_video:!0},{img:"https://dapp.isotopic.io/api/v1/store/files/The_Shore_Demo/page_images/?index=2",url:"https://isotopic.io/game/?game=THE_SHORE",title:"The Shore on Isotopic",text:"Try this H.P. Lovecraft-inspired psychological horror game. Now LIVE on the store.",src:"https://dapp.isotopic.io/media/the_shore/the_shore-isotopic.webm",is_video:!0},{img:"https://dapp.isotopic.io/media/metanemesis/meta-nemesis-banner-game-map.jpg",url:"https://isotopic.io/game/?game=Meta_Nemesis",title:"Meta Nemesis on Isotopic",text:"Elite 5v5 FPS multiplayer battles, coming soon to Isotopic!",src:"",is_video:!1},{img:"https://dapp.isotopic.io/api/v1/store/files/Astra_Nova/page_images/?index=1",url:"https://isotopic.io/game/?game=Astra_Nova",title:"First true MetaRPG Experience",text:"Check out Astra Nova on the Isotopic Game Store!",src:"https://dapp.isotopic.io/media/astra-nova/astra-nova-isotopic-game store.mp4",is_video:!0},{img:"https://dapp.isotopic.io/media/coe/cards-of-ethernity-isotopic-game-store.png",url:"https://isotopic.io/game/?game=Cards_of_Ethernity",title:"Cards of Ethernity",text:"Play the best blockchain-enabled Card Collecting Game on Isotopic NOW!",src:"https://dapp.isotopic.io/media/coe/Cards-of-ethernity-Teaser-ISOTOPIC.mp4",is_video:!0},{img:"https://dapp.isotopic.io/api/v1/store/files/leptons-vr/page_images/?index=1",url:"https://isotopic.io/leptonsvr-blockchain-vr-game/",title:"IN-GAME REWARDS",text:"All items, skins and weapons are non-fungible tokens that you can take with you to other games in our platform, trade or exchange with other players, and create a unique collection.",src:"https://dapp.isotopic.io/media/LEPTONS_VR_INTRO_low.mp4",is_video:!0},{img:"https://dapp.isotopic.io/media/HERCULES-VR-GAME.jpg",url:"https://isotopic.io/game/?game=The_Shore_Demo",title:"AGE OF HERCULES VR",text:"Defeat the Stymphalian birds on the sixth labour of Eurystheus. Hide behind the rocks and shake the krotala to frighten the birds. Shot the birds with the poisonous arrows from the slain Hydra.",src:"https://dapp.isotopic.io/media/Stymphalides.mp4",is_video:!0}],s=[{img:"https://dapp.isotopic.io/media/banner-top/isotopic_shorts_banner.jpg",url:"https://isotopic.io/shorts",btn_text:"Isotopic Shorts"},{img:"https://dapp.isotopic.io/media/banner-top/FULL_RELEASE-ISOTOPIC-STORE.jpeg",url:"https://isotopic.io/isotopic-game-store-launches-paid-games/",btn_text:"Read More"},{img:"https://dapp.isotopic.io/media/clash-antroll-games/clash-banner.jpg",url:"https://isotopic.io/game/?game=CLASH_HEROES_OF_FERALIA_TERRA",btn_text:"Coming Soon"},{img:"https://dapp.isotopic.io/media/banner-middle/banner-ATLM.jpg",url:"https://isotopic.io/game/?game=Aurora_The_Lost_Medallion",btn_text:"Coming Soon"},{img:"https://dapp.isotopic.io/media/banner-middle/banner-skaramazuzu.jpg",url:"https://isotopic.io/game/?game=Skaramazuru",btn_text:"Coming Soon"},{img:"https://dapp.isotopic.io/media/banner-middle/banner-abtos-covert.jpg",url:"https://isotopic.io/game/?game=Abtos_Covert",btn_text:"Coming Soon"},{img:"https://dapp.isotopic.io/media/OneClick-Publisher-isotopic.jpg",url:"https://isotopic.io/announcing-one-click-publishing-through-unity-editor/",btn_text:"Read More"},{img:"https://dapp.isotopic.io/media/polygon-id-isotopic-game-store.jpg",url:"",btn_text:"Coming Soon"},{img:"https://dapp.isotopic.io/media/isotopic-game-store-download-client.jpg",url:"https://dapp.isotopic.io/downloads/client/IsotopicClient.msi",btn_text:"Download Now"},{img:"https://dapp.isotopic.io/media/coming-soon/fnaf-roaming-coming-soon.png",url:"",btn_text:"Coming Soon"}];const o=(e=1)=>1===e?'<svg width="15" height="15" class="svg-inline--fa fa-star fa-w-18 game-item-star" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="red" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>':0===e?'<svg width="15" height="15" class="svg-inline--fa fa-star fa-w-18 game-item-star" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>':void 0,a=e=>{let t="";t=0==e.price?"FREE":e.price+" $";let i="";return null!=e.discount&&0!=e.discount&&(i=`<div class="discount"><p>-${e.discount}%</p></div>`),`\n            <a href="https://isotopic.io/game?game=${e.id}" style="height: 100%;">\n                <figure class="card rounded " style="width: 100%;height: 100%;">\n                    <img class="grid2-image" style="height: 100%;" src="${GamesPage.GetThumbnailSrcURL(e.id)}" />\n                    <figcaption class="flex-row" style="align-items: center; background: #1a1a1ae0;"><a href="https://isotopic.io/game?game=${e.id}">${e.title}</a></figcaption>\n                    <div class="flex-row featured-games-price" style="align-items: center; background: #000000c2;"><a href="https://isotopic.io/game?game=${e.id}">${t}</a></div>\n                    ${i}\n                </figure>\n            </a>\n        `},r=e=>{const t=p(e);return`\n           \n            <div class="games-item"  href="https://isotopic.io/game?game=${e.id}">\n                \n                    <figure class="games-img">\n                        <a href="https://isotopic.io/game?game=${e.id}">\n                        <img src="${GamesPage.GetThumbnailSrcURL(e.id)}" />\n                   \n                        <div class="games-item-gradient-background" style="height:  66%;">\n                        </div>\n\n                        <div class="games-item-info flex-column">\n                            <div class="games-text">\n                                <a href="https://isotopic.io/game?game=${e.id}" class="games-item-title">\n                                    <h5>${e.title}</h5>\n                                </a>\n                        \n                                <div class="flex-row" style="">\n                                    <div class="search-game-item-rating">\n                                        ${null==e.rating.rating?`<p style='margin:0px;'>${e.special_tags?.includes("coming_soon")?"COMING SOON":"Not enough ratings."}</p>`:Array.from(Array(5).keys()).map(((t,i)=>i+1<=Math.round(e.rating.rating)?o(1):o(0))).join("\n")}\n                                    </div>\n                                </div>\n                                \x3c!-- <a class="game-item-description" href="https://isotopic.io/game?game=${e.id}">\n                                    <p>${e.short_description}</p>\n                                </a>--\x3e\n\n                                <div class="game-item-publisher">\n                                    <a href="https://isotopic.io/game-store-search/?publisher=${e.publisher_id}">\n                                    <img src="${e.publisher_pic}">\n                                    <h6 >${e.publisher_name}</h6>\n                                    \n                                    </a>\n                                </div>\n                            </div>\n                            <div class="game-item-bottom ">\n                                <a class="game-item-bottom-holder" href="https://isotopic.io/game?game=${e.id}">\n                                    \x3c!--<a href="https://isotopic.io/game?game=${e.id}" class="search-game-item-btn">Read more</a>--\x3e\n                                    <div class="game-item-platforms">${t.iconHtml}</div>\n                                    <div class="game-item-price">${t.price}</div>\n                                </a>\n                            </div>\n                        </div>\n                        </a>\n                    </figure>\n                \n            </div>\n        `},c=e=>{const t=p(e);return`\n            <div class="swiper-slide ">\n                <div class="games-item-mobile">\n                    <figure class="games-img">\n                        <a href="https://isotopic.io/game?game=${e.id}">\n                            <img src="${GamesPage.GetThumbnailSrcURL(e.id)}" />\n                        </a>\n                   \n                        <div class="games-item-gradient-background-mobile" style="">\n                        </div>\n\n                        <div class="games-item-info flex-column">\n                            <div class="games-text">\n                                <a href="https://isotopic.io/game?game=${e.id}" class="games-item-title">\n                                    <h5>${e.title}</h5>\n                                </a>\n                                \n                                <div class="search-game-item-rating">\n                                        ${null==e.rating.rating?`<p>${e.special_tags?.includes("coming_soon")?"COMING SOON.":"Not enough ratings."}</p>`:Array.from(Array(5).keys()).map(((t,i)=>i+1<=Math.round(e.rating.rating)?o(1):o(0))).join("\n")}\n                                    </div>\n                                \n                               \x3c!-- <a class="game-item-description" href="https://isotopic.io/game?game=${e.id}">\n                                    <p>${e.short_description}</p>\n                                </a>--\x3e\n\n                                <div class="game-item-publisher">\n                                    <a href="https://isotopic.io/game-store-search/?publisher=${e.publisher_id}">\n                                    <img src="${e.publisher_pic}">\n                                    <h6 >${e.publisher_name}</h6>\n                                    \n                                    </a>\n                                </div>\n                            </div>\n                            <div class="game-item-bottom ">\n                                \x3c!--<hr class="store-separator">--\x3e\n                                <a class="game-item-bottom-holder" href="https://isotopic.io/game?game=${e.id}">\n                                    \x3c!--<a href="https://isotopic.io/game?game=${e.id}" class="search-game-item-btn">Read more</a>--\x3e\n                                    <div class="game-item-platforms">${t.iconHtml}</div>\n                                    <div class="game-item-price">${t.price}</div>\n                                </a>\n                            </div>\n                        </div>\n                    </figure>\n                </div>\n            </div>\n        `},l='<svg class="game-item-platform-icon" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512">\x3c!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z"/></svg>',p=e=>{var t=e.platform.split("-");let i="";t.forEach((function(e){var t="";"pc"===e?t=l:"mobile"===e?t='<svg class ="game-item-platform-icon" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512">\x3c!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path d="M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM224 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM304 64H80V384H304V64z"/></svg>':"web"===e?t='<svg class ="game-item-platform-icon" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512">\x3c!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z"/></svg>':"vr"===e&&(t='<svg class ="game-item-platform-icon" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512">\x3c!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path d="M576 64H64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H184.4c24.2 0 46.4-13.7 57.2-35.4l32-64c8.8-17.5 26.7-28.6 46.3-28.6s37.5 11.1 46.3 28.6l32 64c10.8 21.7 33 35.4 57.2 35.4H576c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64zM96 240a64 64 0 1 1 128 0A64 64 0 1 1 96 240zm384-64a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>'),i+=t}));let n="";"pc"==e.platform&&(n=l);let s="";s=0==e.price?"FREE":e.price+"$";return{iconHtml:i,price:s}},d=()=>{window.innerWidth<950?$(".slideshow-card").css("display","none"):$(".slideshow-card").css("display","flex")};window.addEventListener("resize",d),window.addEventListener("fullscreenchange",d),(async()=>{const e=$("#store-sidebar");let t=await storesidebarRes;e.html(t)})(),await WaitDefinition(typeof Flickity,100),d(),(async()=>{e.append('\n            \x3c!--______________SLIDESHOW________________________________________--\x3e\n\n            <div class="swiper-container rounded">\n                \x3c!-- Additional required wrapper --\x3e\n                <div  id="swiper-div" class="swiper-wrapper">\n                    \x3c!-- Slides --\x3e\n                    \x3c!-- *append here*--\x3e\n                \n                </div>\n                \x3c!-- If we need pagination --\x3e\n                <div class="swiper-pagination">\n                </div>\n            </div>        \n        ');const o=$("#swiper-div");for(let e=0;e<n.length;e++)n[e].is_video?o.append(`\n                <div class="swiper-slide ">\n                    <a target="_blank" href="${n[e].url}">\n                        <video id="swiper-video" style="width: 100%; height: 100%;" poster="${n[e].img}" autoplay="" loop="" muted="" playsinline="">\n                            <source src="${n[e].src}" type="${n[e].type??"video/mp4"}">\n                        </video> \n                        <div class="slideshow-card" id="slide${e}">\n                            <h5>${n[e].title}</h5>\n                            <p>${n[e].text}</p>\n                        </div>\n                    </a>\n                </div>\n                `):o.append(`\n                <div class="swiper-slide ">\n                    <a href="${n[e].url}">\n                        <img src="${n[e].img}" style="width:100%">\n                        <div class="slideshow-card" id="slide4">\n                            <h5>${n[e].title}</h5>\n                            <p>${n[e].text}</p>\n                        </div>\n                    </a>\n                </div>\n                `);e.append("<script type=\"module\">\n        const mySwiper = new Swiper ('.swiper-container', {\n            \n            loop: true,\n            autoplay: {\n                delay: 8000,\n            },\n            speed: 400,\n            spaceBetween: 10,\n            initialSlide: 0,\n            //truewrapper adoptsheight of active slide\n            autoHeight: false,\n            // Optional parameters\n            direction: 'horizontal',\n            \n            // delay between transitions in ms\n            autoplay: 8000,\n            autoplayStopOnLast: false, // loop false also\n            // If we need pagination\n            pagination: {\n                el: '.swiper-pagination',\n                    type: 'bullets',\n                clickable:'true'\n            },\n            \n            // Navigation arrows\n            nextButton: '.swiper-button-next',\n            prevButton: '.swiper-button-prev',\n            \n            // And if we need scrollbar\n            //scrollbar: '.swiper-scrollbar',\n            // \"slide\", \"fade\", \"cube\", \"coverflow\" or \"flip\"\n            effect: 'slide',\n            // Distance between slides in px.\n            spaceBetween: 20,\n            //\n            slidesPerView: 1,\n            //\n            centeredSlides: true,\n            //\n            slidesOffsetBefore: 0,\n            //\n            grabCursor: true,\n        });\n        \n        setInterval(NextSlide, 8000);\n\n        function NextSlide(){\n            mySwiper.slideNext();\n        }\n\n        $('#swiper-video').on('loadstart', function (event) {\n            console.log(\"loadstart\");\n            $(this).addClass('loading');\n        });\n        \n        $('#swiper-video').on('canplay', function (event) {\n            console.log(\"loading finished\");\n            $(this).removeClass('loading');\n            //$(this).attr('poster', '');\n            $(this).attr('autoplay');\n        });\n\n        //catch errors\n        $('#swiper-video').on('error', function (event) {\n        });\n\n        $('#swiper-video').on('pause', function (event) {\n        });\n\n        $('#swiper-video').on('stalled', function (event) {\n        });\n\n        $('#swiper-video').on('suspend', function (event) {\n            $('#swiper-video').get(0).play();\n        });\n\n        $('#swiper-video-2').on('loadstart', function (event) {\n            $(this).addClass('loading');\n        });\n        \n        /* $('#swiper-video-2').on('canplay', function (event) {\n            console.log(\"loading finished\");\n            $(this).removeClass('loading');\n            $(this).attr('poster', '');\n            $(this).attr('autoplay');\n        }); */\n            <\/script>"),e.append('\n            <div class="moved-from-sidebar-container flex-column mobile-visible">\n                \x3c!--SERACH--\x3e\n                <div class="search flex-row dark-bg ">\n                    <div class="search">\n                        <input id="game-search-input2" type="text" class="searchTerm" placeholder="What are you looking for?">\n                        <button id="game-search-button2" class="searchButton">\n                            \x3c!--<i class="fa fa-search"></i>--\x3e\n                            <script src="https://cdn.lordicon.com/bhenfmcm.js"><\/script>\n                            <lord-icon\n                                src="https://cdn.lordicon.com/msoeawqm.json"\n                                trigger="loop"\n                                delay="2000"\n                                colors="primary:#ffffff,secondary:#ffffff"\n                                stroke="100"\n                                style="width:100%"\n                                class="search-icon">\n                            </lord-icon>\n\n                        </button>\n                    </div>\n                </div>\n\n                \x3c!--CATEGORIES--\x3e\n                <div class="flex-column sidebar-div" style="font-size: 15px; background:none; padding-left: 0%;">\n                    <button type="button" id="categories-btn-mobile" class="collapsible-main">\n                        <h6 class="" style="padding: 0; margin: auto 0px;">Categories</h6>\n                        \n                        <svg class="sidebar-categories-icon categories-closed" version="1.1" id="categories-closed-mob" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n                            <path d="M12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6Z"></path>\n                            <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z"></path>\n                        </svg>\n                        \n                        <svg class="sidebar-categories-icon categories-open" id="categories-open-mob" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n                            <path d="M7 11C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H7Z"/>\n                            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"/>\n                        </svg>\n\n                    </button>\n                    \x3c!--<h5>Categories</h5>--\x3e\n                    <div class="collapsible-content">\n                        <div id="store-sidebar-categories-list-outer flex-column" style="width: 100%; margin: 5% 0px 0px 0px;">\n                            <div class="sidebar-categories-block">\n                                <div><a href="https://isotopic.io/game-store-search/?other=free">Free Games</a></div>\n                                <div><a href="https://isotopic.io/game-store-search/?other=premium">Premium Games</a></div>\n                            </div>\n\n                            <div class="sidebar-categories-block">\n                                <div><a href="https://isotopic.io/game-store-search/?special=igc_2022&orderby=rating%20DESC">IGC 1 Submissions</a></div>\n                                <div><a href="https://isotopic.io/game-store-search/?special=igc_2_submission&orderby=rating%20DESC">IGC 2 Submissions</a></div>\n                                <div"><a href="https://isotopic.io/game-store-search/?special=igc_3_submission&orderby=rating%20DESC">IGC 3 Submissions</a></div>\n                            </div>\n                            \n                            <div id="store-sidebar-categories-list" class="store-sidebar-categories-list-inner sidebar-categories-block">\n                                <div><a href="https://isotopic.io/game-store-search/" style="font-size: 20px; font-weight: bold; color: white;">All Games</a></div>\n                                <div class="sidebar-game-categories-inner">\n                                <div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=1">Action</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=2">Adventure</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=3">Puzzle</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=4">Role-Playing</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=5">Simulation</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=6">Strategy</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=7">Horror</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=8">Sports</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=9">MMO</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=10">3D</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=11">2D</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=12">Arcade</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=13">Shooter</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=14">Platform</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=15">Survival</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=16">Rythm</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=17">Battle Royale</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=18">Roguelike</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=19">Idle</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=20">Turn-based</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=21">Racing</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=22">Board</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=23">Sandbox</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=24">Text-based</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=25">Collecting Game</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=26">Casual</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=27">Singleplayer</a></div><div class="store-sidebar-categories-item"><a href="https://isotopic.io/game-store-search/?category=28">Multiplayer</a></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                \n\n                <div class="elementor-button-wrapper glow" style=\'background-color: rgba(28, 30, 37, 1);\'>\n                    <a href="https://isotopic.io/shorts" class="elementor-button-link elementor-button category-btn" role="button">\n                        <span class="elementor-button-content-wrapper categories-content">\n                        <?xml version="1.0" encoding="utf-8"?>\x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n                        <svg fill="#ffffff" style="width:12%" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">\n                            <path d="M226.40723,72.72314c-.0127-.02368-.01856-.04907-.03223-.07251-.00391-.00732-.00977-.01293-.01416-.02026a11.99344,11.99344,0,0,0-4.47754-4.41064l-88-49.5a12.07124,12.07124,0,0,0-11.7666,0l-88,49.5a11.99326,11.99326,0,0,0-4.48389,4.42334c-.00586.01025-.01367.01782-.01953.02783-.01416.02588-.02051.05347-.03418.07959A11.98438,11.98438,0,0,0,28,78.67871v98.64258a12.01534,12.01534,0,0,0,6.1167,10.459l88.00049,49.5a11.97922,11.97922,0,0,0,5.606,1.51343c.085.0061.16553.02686.252.02759h.03613c.1001,0,.19434-.022.293-.0293a11.98372,11.98372,0,0,0,5.5791-1.51172l88-49.5A12.01534,12.01534,0,0,0,228,177.32129V78.67871A11.98919,11.98919,0,0,0,226.40723,72.72314ZM126.03906,25.69238a4.02317,4.02317,0,0,1,3.92188,0l85.91113,48.32471-86.94238,49.39355L40.18945,73.98291Zm-88,155.11524A4.00514,4.00514,0,0,1,36,177.32129V80.80664l88.92822,49.53223-.86865,98.85547Zm179.92188,0-85.90039,48.31909.86816-98.78711L220,80.87305v96.44824A4.00514,4.00514,0,0,1,217.96094,180.80762Z"/>\n                        </svg>\n                            <div class="categories-btn-text">\n                                <p class="text-accent category-btn-title">ISOTOPIC SHORTS</p>\n                                <p class="category-btn-small-text">Watch content, explore new games.</p>\n                            </div>\n                        </span>\n                    </a>\n                </div>\n                \n            </div>\n        '),$("#game-search-button2").click((()=>{window.location=`https://isotopic.io/game-store-search/?query=${$("#game-search-input2").val()}`})),$("#game-search-input2").on("keypress",(function(e){13==e.which&&(window.location=`https://isotopic.io/game-store-search/?query=${$("#game-search-input2").val()}`)}));let l=document.getElementsByClassName("collapsible-main");console.log("coll:  "+l);let p=document.getElementsByClassName("categories-open");console.log("categoriesOpenIcon:  "+p),$(".categories-open").css({display:"none"});let d,m=document.getElementsByClassName("categories-closed");for(console.log("categoriesCloseIcon:  "+m),$(".categories-closed").css({display:"block"}),d=0;d<l.length;d++)l[d].addEventListener("click",(function(){this.classList.toggle("active");let e=this.nextElementSibling;"block"===e.style.display?(e.style.display="none",$(".categories-open").css({display:"none"}),$(".categories-closed").css({display:"block"})):(e.style.display="block",$(".categories-open").css({display:"block"}),$(".categories-closed").css({display:"none"}))}));e.append('\n            <div class="elementor-widget-container store-categories">\n                \n                \x3c!--CATEGORY BUTTON 1--\x3e\n                <div id="" class="elementor-button-wrapper glow" style=\'background-image: linear-gradient(black, black), url("https://dapp.isotopic.io/media/categories-images/pc.jpg");\'>\n                    <a href="https://isotopic.io/game-store-search/?platform=pc" class="elementor-button-link elementor-button category-btn" role="button">\n                        <span class="elementor-button-content-wrapper categories-content">\n                        <?xml version="1.0" encoding="utf-8"?>\x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n                        \x3c!--https://www.svgrepo.com/svg/365317/desktop-thin--\x3e\n                        <svg fill="#ffffff" style="width:12%" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">\n                            <path d="M208,44H48A20.0226,20.0226,0,0,0,28,64V176a20.0226,20.0226,0,0,0,20,20h76v24H96a4,4,0,0,0,0,8h64a4,4,0,0,0,0-8H132V196h76a20.0226,20.0226,0,0,0,20-20V64A20.0226,20.0226,0,0,0,208,44ZM48,52H208a12.01343,12.01343,0,0,1,12,12v84H36V64A12.01343,12.01343,0,0,1,48,52ZM208,188H48a12.01343,12.01343,0,0,1-12-12V156H220v20A12.01343,12.01343,0,0,1,208,188Z"/>\n                        </svg>\n                        <div class="categories-btn-text">\n                                \n                                <p class="text-accent category-btn-title">PC</p>\n                                <p class="category-btn-small-text">Download experiences</p>\n                            </div>\n                            \n                        </span>\n                    </a>\n                </div>\n                \n                \x3c!--CATEGORY BUTTON 2--\x3e\n                <div id="category-2-btn" class="elementor-button-wrapper glow" style=\'background-image: linear-gradient(black, black), url("https://dapp.isotopic.io/media/categories-images/vr.jpg");\'>\n                    <a href="https://isotopic.io/game-store-search/?platform=vr" class="elementor-button-link elementor-button category-btn" role="button">\n                        <span class="elementor-button-content-wrapper categories-content">\n                        <svg fill="#ffffff" style="width:12%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n                            <path d="M9.26402604,18 C8.79719433,18.6226198 8.05922695,19 7.26393202,19 L4.5,19 C3.11928813,19 2,17.8807119 2,16.5 L2,9.5 C2,8.27576856 2.8799598,7.25706275 4.04188098,7.04188098 C4.25706275,5.8799598 5.27576856,5 6.5,5 L17.5,5 C18.7242314,5 19.7429373,5.8799598 19.958119,7.04188098 C21.1200402,7.25706275 22,8.27576856 22,9.5 L22,16.5 C22,17.8807119 20.8807119,19 19.5,19 L16.736068,19 C15.940773,19 15.2028057,18.6226198 14.735974,18 L9.26402604,18 Z M9.82576985,17 L14.1742301,17 C13.7685119,16.3807773 13.0746523,16 12.322949,16 L11.677051,16 C10.9253477,16 10.2314881,16.3807773 9.82576985,17 Z M5.08535285,7 L18.9146471,7 C18.7087289,6.41740381 18.1531094,6 17.5,6 L6.5,6 C5.84689059,6 5.29127106,6.41740381 5.08535285,7 Z M8.8027864,16.7763932 C9.34713196,15.6877021 10.4598573,15 11.677051,15 L12.322949,15 C13.5401427,15 14.652868,15.6877021 15.1972136,16.7763932 L15.3944272,17.1708204 C15.6485152,17.6789964 16.1679099,18 16.736068,18 L19.5,18 C20.3284271,18 21,17.3284271 21,16.5 L21,9.5 C21,8.67157288 20.3284271,8 19.5,8 L4.5,8 C3.67157288,8 3,8.67157288 3,9.5 L3,16.5 C3,17.3284271 3.67157288,18 4.5,18 L7.26393202,18 C7.83209011,18 8.35148479,17.6789964 8.60557281,17.1708204 L8.8027864,16.7763932 Z M7.5,15 C6.11928813,15 5,13.8807119 5,12.5 C5,11.1192881 6.11928813,10 7.5,10 C8.88071187,10 10,11.1192881 10,12.5 C10,13.8807119 8.88071187,15 7.5,15 Z M7.5,14 C8.32842712,14 9,13.3284271 9,12.5 C9,11.6715729 8.32842712,11 7.5,11 C6.67157288,11 6,11.6715729 6,12.5 C6,13.3284271 6.67157288,14 7.5,14 Z M16.5,15 C15.1192881,15 14,13.8807119 14,12.5 C14,11.1192881 15.1192881,10 16.5,10 C17.8807119,10 19,11.1192881 19,12.5 C19,13.8807119 17.8807119,15 16.5,15 Z M16.5,14 C17.3284271,14 18,13.3284271 18,12.5 C18,11.6715729 17.3284271,11 16.5,11 C15.6715729,11 15,11.6715729 15,12.5 C15,13.3284271 15.6715729,14 16.5,14 Z"/>\n                        </svg>\n                        <div class="categories-btn-text">\n                               \n                                <p class="text-accent category-btn-title">VR</p>\n                                <p class="category-btn-small-text">Step into virtual world</p>\n                            </div>\n                        </span>\n                    </a>\n                </div>\n\n                \x3c!--CATEGORY BUTTON 3--\x3e\n                <div class="elementor-button-wrapper glow" style=\'background-image: linear-gradient(black, black), url("https://dapp.isotopic.io/media/categories-images/web.jpg");\'>\n                    <a href="https://isotopic.io/game-store-search/?platform=web" class="elementor-button-link elementor-button category-btn" role="button">\n                        <span class="elementor-button-content-wrapper categories-content">\n                        \x3c!--https://www.svgrepo.com/svg/365449/globe-thin--\x3e\n                        <svg fill="#ffffff" style="width:12%" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">\n                        <path d="M222.35693,161.11682a99.99106,99.99106,0,0,0-.02246-66.2959,3.99577,3.99577,0,0,0-.16308-.46191A100.00019,100.00019,0,0,0,33.83105,94.3512a4.01515,4.01515,0,0,0-.17773.50415,99.99136,99.99136,0,0,0,.03125,66.37927,4.14511,4.14511,0,0,0,.13965.3949,100,100,0,0,0,188.34228.02624A3.96321,3.96321,0,0,0,222.35693,161.11682ZM128,216.03064c-14.43311-13.53882-25.105-31.73706-30.93994-52.03027h61.87988C153.105,184.29358,142.43311,202.49182,128,216.03064ZM95.02979,156.00037a130.90714,130.90714,0,0,1-.00049-56h65.9414a130.90714,130.90714,0,0,1-.00049,56ZM36,128.00037a91.65778,91.65778,0,0,1,4.36182-28H86.76123a143.33386,143.33386,0,0,0,.00049,56H40.36182A91.65787,91.65787,0,0,1,36,128.00037Zm92-88.03028c14.43506,13.53858,25.10693,31.73633,30.94092,52.03028H97.05908C102.89307,71.70642,113.56494,53.50867,128,39.97009Zm41.23877,60.03028h46.39941a92.05165,92.05165,0,0,1,0,56h-46.3999a143.33386,143.33386,0,0,0,.00049-56Zm43.42187-8H167.36426c-5.70655-21.50928-16.53174-40.7439-31.61377-55.67041A92.20548,92.20548,0,0,1,212.66064,92.00037ZM120.24951,36.33c-15.082,14.92651-25.90722,34.16113-31.61377,55.67041H43.33936A92.20548,92.20548,0,0,1,120.24951,36.33ZM43.33936,164.00037H88.63574c5.707,21.50879,16.53174,40.74353,31.61377,55.67041A92.20529,92.20529,0,0,1,43.33936,164.00037Zm92.41113,55.67041c15.082-14.92688,25.90674-34.16162,31.61377-55.67041h45.29638A92.20529,92.20529,0,0,1,135.75049,219.67078Z"/>\n                        </svg>\n                        <div class="categories-btn-text">\n                                \n                                <p class="text-accent category-btn-title">WEB</p>\n                                <p class="category-btn-small-text">Play from any browser</p>\n                            </div>\n                        </span>\n                    </a>\n                </div>\n   \n            \n                \x3c!--CATEGORY BUTTON 4--\x3e\n                <div id="" class="elementor-button-wrapper glow" style=\'background-image: linear-gradient(black, black), url("https://dapp.isotopic.io/media/categories-images/mobile.jpg");\'>\n                    <a href="https://isotopic.io/game-store-search/?platform=mobile" class="elementor-button-link elementor-button category-btn" role="button">\n                        <span class="elementor-button-content-wrapper categories-content">\n                        <?xml version="1.0" encoding="utf-8"?>\n                        \x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n                            <svg fill="#ffffff" style="width:10%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">\n                                <title>mobile-button</title>\n                                <path d="M22 1.25h-12c-1.518 0.002-2.748 1.232-2.75 2.75v24c0.002 1.518 1.232 2.748 2.75 2.75h12c1.518-0.002 2.748-1.232 2.75-2.75v-24c-0.002-1.518-1.232-2.748-2.75-2.75h-0zM23.25 28c-0.001 0.69-0.56 1.249-1.25 1.25h-12c-0.69-0.001-1.249-0.56-1.25-1.25v-24c0.001-0.69 0.56-1.249 1.25-1.25h12c0.69 0.001 1.249 0.56 1.25 1.25v0zM15.3 25.299c-0.185 0.173-0.3 0.418-0.3 0.69 0 0.004 0 0.008 0 0.012v-0.001c-0 0.004-0 0.009-0 0.014 0 0.277 0.115 0.527 0.3 0.704l0 0c0.176 0.185 0.424 0.301 0.7 0.301s0.524-0.115 0.699-0.3l0-0c0.186-0.178 0.301-0.429 0.301-0.706 0-0.004-0-0.009-0-0.013v0.001c0-0.003 0-0.007 0-0.010 0-0.273-0.116-0.518-0.3-0.69l-0.001-0.001c-0.181-0.176-0.427-0.284-0.7-0.284s-0.519 0.108-0.7 0.284l0-0z"></path>\n                            </svg>\n                            <div class="categories-btn-text">\n                                <p class="text-accent category-btn-title">MOBILE</p>\n                                <p class="category-btn-small-text">On the palm of your hand</p>\n                            </div>\n                        </span>\n                    </a>\n                </div>\n\n                \x3c!--CATEGORY BUTTON 5--\x3e\n                <div id="category-5-btn" class="elementor-button-wrapper glow" style=\'background-image: linear-gradient(black, black), url("https://dapp.isotopic.io/media/categories-images/shorts.jpg");\'>\n                    <a href="https://isotopic.io/shorts" class="elementor-button-link elementor-button category-btn" role="button">\n                        <span class="elementor-button-content-wrapper categories-content">\n                        <?xml version="1.0" encoding="utf-8"?>\x3c!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --\x3e\n                        <svg fill="#ffffff" style="width:12%" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">\n                            <path d="M226.40723,72.72314c-.0127-.02368-.01856-.04907-.03223-.07251-.00391-.00732-.00977-.01293-.01416-.02026a11.99344,11.99344,0,0,0-4.47754-4.41064l-88-49.5a12.07124,12.07124,0,0,0-11.7666,0l-88,49.5a11.99326,11.99326,0,0,0-4.48389,4.42334c-.00586.01025-.01367.01782-.01953.02783-.01416.02588-.02051.05347-.03418.07959A11.98438,11.98438,0,0,0,28,78.67871v98.64258a12.01534,12.01534,0,0,0,6.1167,10.459l88.00049,49.5a11.97922,11.97922,0,0,0,5.606,1.51343c.085.0061.16553.02686.252.02759h.03613c.1001,0,.19434-.022.293-.0293a11.98372,11.98372,0,0,0,5.5791-1.51172l88-49.5A12.01534,12.01534,0,0,0,228,177.32129V78.67871A11.98919,11.98919,0,0,0,226.40723,72.72314ZM126.03906,25.69238a4.02317,4.02317,0,0,1,3.92188,0l85.91113,48.32471-86.94238,49.39355L40.18945,73.98291Zm-88,155.11524A4.00514,4.00514,0,0,1,36,177.32129V80.80664l88.92822,49.53223-.86865,98.85547Zm179.92188,0-85.90039,48.31909.86816-98.78711L220,80.87305v96.44824A4.00514,4.00514,0,0,1,217.96094,180.80762Z"/>\n                        </svg>\n                            <div class="categories-btn-text">\n                                <p class="text-accent category-btn-title">SHORTS</p>\n                                <p class="category-btn-small-text">Explore new games</p>\n                            </div>\n                        </span>\n                    </a>\n                </div>\n            </div>\n        '),$("video").prop("muted",!0),t.append('\n            <h5 class="decorated-header" style="margin-top: 10px;">\n                <span><span class="text-accent">Featured</span> Games</span>\n            </h5>\n\n            <div class="grid2-container">\n                <div id="grid2-col1" class="grid2-items hover01">\n                    \x3c!--**append**--\x3e\n                </div>\n\n                <div id="grid2-col2" class="grid2-items hover01">\n                    \x3c!--**append**--\x3e\n                </div>\n                \n                <div id="grid2-col3"  class="grid2-items hover01">\n                    \x3c!--**append**--\x3e\n                </div>\n\n                <div id="grid2-col4"  class="grid2-items hover01">\n                    \x3c!--**append**--\x3e\n                </div>\n\n                <div id="grid2-col5"  class="grid2-items hover01">\n                    \x3c!--**append**--\x3e\n                </div>\n\n                <div id="grid2-col6"  class="grid2-items hover01">\n                    \x3c!--**append**--\x3e\n                </div>\n            </div>\n        ');let g=$("#grid2-col1"),h=$("#grid2-col2"),v=$("#grid2-col3"),u=$("#grid2-col4"),_=$("#grid2-col5"),w=$("#grid2-col6"),f=(await GamesPage.SearchStoreFeaturedPromise).results;$(a(f[0])).appendTo(g),$(a(f[1])).appendTo(h),$(a(f[2])).appendTo(v),$(a(f[3])).appendTo(u),$(a(f[4])).appendTo(_),$(a(f[5])).appendTo(w),i.append('\n            <a class="anchor" test="rwrtw3e" id="all-games-anchor" style="display: block;position: relative;top: -200px;visibility: hidden;"></a>\n            <h5 class="decorated-header">\n                <span><span class="text-accent">RECENT</span> GAMES</span>\n            </h5>\n            <div style="">\n                <div class="carousel" id="top-games-carousel">\n                    \x3c!--*APPEND HERE*--\x3e\n                </div>\n            </div>\n        ');const b=async()=>{let e=$(".carousel");if(await WaitDefinition(typeof e.flickity,100),"function"!=typeof e.flickity)return b();var t=e.flickity({autoPlay:1500,wrapAround:!0});let i=(await GamesPage.SearchStoreFeaturedPromise).results,n=(await GamesPage.SearchStoreRecentPromise).results.filter((e=>null==i.find((t=>t.id==e.id))));for(var s=0;s<n.length;s++){var o=$(`\n            <div class="carousel-cell" id="${(a=n[s]).id}">\n                <a href="https://isotopic.io/game?game=${a.id}" style="height: 100%;" class="carousel-cell-item">\n                    <figure class="card carousel-card rounded" id="${a.id}" style="border-radius: 20px;">\n                        <img src="${GamesPage.GetThumbnailSrcURL(a.id)}"/>\n                        <div class="carousel-cell-text">\n                            <h6>${a.title}</h6>\n                            <p>${a.publisher_name}</p>\n                        </div>\n                    </figure>\n                </a>\n            </div>\n        `);t.flickity("append",o)}var a};b(),i.append('\n         \x3c!--______________SLIDESHOW________________________________________--\x3e\n\n         <div class="swiper-banner-container rounded">\n             \x3c!-- Additional required wrapper --\x3e\n             <div  id="swiper-banner-div" class="swiper-wrapper">\n                 \x3c!-- Slides --\x3e\n                 \x3c!-- *append here*--\x3e\n             \n             </div>\n             \x3c!-- If we need pagination --\x3e\n             <div class="swiper-pagination">\n             </div>\n         </div>        \n     ');const x=$("#swiper-banner-div");for(let e=0;e<s.length;e++)x.append(`\n               <div class="swiper-slide ">\n                    <div class="games-banner-1 rounded">\n                        <img src="${s[e].img}" class="bannerImg">\n                        <a href="${s[e].url}" class="banner-btn">${s[e].btn_text}</a>\n                    </div>\n               </div>\n            `);e.append("\n            <script type=\"module\">\n                const mySwiper = new Swiper ('.swiper-banner-container', {\n                    loop: true,\n                    autoplay: {\n                        delay: 5000,\n                    },\n                    speed: 300,\n                    spaceBetween: 10,\n                    initialSlide: 0,\n                    direction: \"vertical\",\n                    grabCursor: true,\n                    slidesPerView: 1,\n                    mousewheel: true,\n                    pagination: {\n                        el: \".swiper-pagination\",\n                        clickable: true,\n                    },\n                });\n            \n                setInterval(NextSlide, 5000);\n\n                function NextSlide(){\n                    mySwiper.slideNext();\n                }\n\n                $('#swiper-video').on('loadstart', function (event) {\n                    console.log(\"loadstart\");\n                    $(this).addClass('loading');\n                });\n                \n                $('#swiper-video').on('canplay', function (event) {\n                    console.log(\"loading finished\");\n                    $(this).removeClass('loading');\n                    //$(this).attr('poster', '');\n                    $(this).attr('autoplay');\n                });\n\n                //catch errors\n                $('#swiper-video').on('error', function (event) {\n                });\n\n                $('#swiper-video').on('pause', function (event) {\n                });\n\n                $('#swiper-video').on('stalled', function (event) {\n                });\n\n                $('#swiper-video').on('suspend', function (event) {\n                    $('#swiper-video').get(0).play();\n                });\n\n                $('#swiper-video-2').on('loadstart', function (event) {\n                    $(this).addClass('loading');\n                });\n            <\/script>\n        "),i.append('\n            <div class="allGames">\n                \x3c!--________________ALL GAMES______________________--\x3e\n                <h5 class="decorated-header">\n                    <span id="all-games-title"><span class="text-accent">All</span> Games</span>\n                </h5>\n\n                \x3c!--ALL GAMES--\x3e\n                <div class="desktop-visible">\n                    <div class="cards" style="justify-content: center;">\n                        <div id="top-games2" class="top-games">\n                            \x3c!--**Append here**--\x3e\n                        </div>\n\n                        <div class="all-games-btn-background gradient-blur">\n                            <a href="https://isotopic.io/game-store-search/" class="general-button all-games-btn" role="button">\n                                <h5 class="elementor-button-text">View All</h5>    \n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        ');let y=$("#top-games2"),C=(await GamesPage.SearchStoreRandomPromise).results.filter((function(e){return!f.some((t=>t.id==e.id))}));C=C.sort((()=>Math.random()-.5));for(var S=0;S<C.length;S++)$(r(C[S])).appendTo(y);let E=$("#all-games-title"),k=(await GamesPage.CountSearchPromise).totalCount;E.append(` (${k})`),i.append('\n        \x3c!--______________SLIDESHOW________________________________________--\x3e\n\n        <div class="swiper-container-mobile rounded">\n            \x3c!-- Additional required wrapper --\x3e\n            <div  id="swiper-div-mobile" class="swiper-wrapper">\n                \x3c!-- Slides --\x3e\n                \x3c!-- *append here*--\x3e\n            \n            </div> \n     \n\n        </div>\n        <div class="all-games-mobile-buttons-holder">\n            <a href="https://isotopic.io/game-store-search/" class="general-button all-games-btn" role="button">\n                <h5 class="elementor-button-text">View All</h5>    \n            </a>\n        </div>  \n        ');const L=$("#swiper-div-mobile");for(S=0;S<C.length;S++)$(c(C[S])).appendTo(L);L.append("\n            <script type=\"module\">\n                const mySwiperMob = new Swiper ('.swiper-container-mobile', {\n                    slidesPerView: \"auto\",\n                    centeredSlides: true,\n                    loop: true,\n                    autoplay: {\n                        delay: 2500,\n                        disableOnInteraction: false,\n                    },\n                    spaceBetween: 30,\n                    nextButton: '.swiper-button-next',\n                    prevButton: '.swiper-button-prev',\n                    grabCursor: true\n                });\n            \n                setInterval(NextSlide, 7000);\n\n                function NextSlide(){\n                    mySwiperMob.slideNext();\n                }\n            <\/script>\n        "),i.append('\n        \n       \x3c!--________________NEWS______________________--\x3e\n       <h5 class="decorated-header">\n           <span><span class="text-accent">What\'s</span> New</span>\n       </h5>\n\n       <div class="news">\n           \x3c!--*Add here manually*--\x3e\n           <figure class="article">\n               <a target="_blank" href="https://discord.gg/zZqNycn6FJ">\n                   <img src="https://dapp.isotopic.io/media/discord.png" />\n                   <figcaption>\n                       <h3>Discord</h3>\n                       <p>\n                           Join us on our discord server! Meet the community, share your development progress and stay up to date with our latest news!\n                       </p>\n                   </figcaption>\n               </a>\n           </figure>\n\n           <figure class="article">\n               <a target="_blank" href="https://nrgcore.com/">\n                   <img src="https://dapp.isotopic.io/media/nrg_panel.png" />\n                   <figcaption>\n                       <h3>Partnership</h3>\n                       <p>\n                           Isotopic is now partnered with NRG CORE, to bring special features to our combined users!\n                       </p>\n                   </figcaption>\n               </a>\n           </figure>\n\n           <figure class="article">\n               <a href="https://isotopic.io/isotopic-game-competition-3-results/">\n                   <img src="https://isotopic.io/wp-content/uploads/2024/02/igc-3-competition-winners.png" />\n                   <figcaption>\n                       <h3>Game Competition</h3>\n                       <p>\n                            Check out the winners!\n                       </p>\n                   </figcaption>\n               </a>\n           </figure>\n\n           <figure class="article">\n           <a href="https://isotopic.io/announcing-one-click-publishing-through-unity-editor/">\n               <img src="https://dapp.isotopic.io/media/OneClick-Publisher-isotopic.jpg" />\n               <figcaption>\n                   <h3>One Click Publish from Unity</h3>\n                   <p>\n                       We just released our unity package that allows you to easily upload your new build to the Isotopic Store, directly from within the Unity Editor!\n                   </p>\n               </figcaption>\n           </a>\n       </figure>\n\n       </div>\n       \n       <div class="spacer desktop-visible" style="height:50px;"></div>\n        ')})(),(()=>{let e=window.innerWidth;console.log("Viwport width: ",e),e<950?$(".slideshow-card").css("display","none"):$(".slideshow-card").css("display","flex")})()}));