$(document).ready(function() { /* Declaring & initializing const variables */ const TABS = $(".tab"); const FRAGMENTS = $(".fragment"); const NAV = $(".nav"); const ALERT_MSG = $("#alert-msg"); const ALERT_REDIRECT = $("#alert-redirect"); const ALERT_CONTAINER = $("#alert-container"); const ALERT = message => { ALERT_MSG.html(message); ALERT_CONTAINER.show(); }; const REDIRECT = item => { ALERT_REDIRECT.click(function() { window.location = prefixID + item.id; }); ALERT_REDIRECT.show(); ALERT( "You will be redirected to " + item.name + " details page" ); }; const setThemeColor = color => $("*").css({ "--MAIN-COLOR": color, "--LIGHT-COLOR": color.replace(")", ",0.5)") }); let color = "rgb(25, 150, 125)"; /* PREFIXes */ const PREFIX_APP_ID = "https://play.google.com/store/apps/details?id="; const PREFIX_MOVIE_ID = "https://play.google.com/store/movies/details/"; const PREFIX_BOOK_ID = "https://play.google.com/store/books/details/"; const PREFIX_IMAGE = "https://lh3.googleusercontent.com/"; const PREFIX_IMAGE_BOOK = "https://books.google.com/books/content/images/frontcover/"; let prefixID = PREFIX_APP_ID; let prefixImage = PREFIX_IMAGE; /* Declaring & initializing Games Data */ const Games = [ { title: "Recommended for you", desc: "", items: [ { id: "com.moonfrog.ludo.club", image: "mYXRvkAN-NgcdiJu1owpVtGPYKyAZTo1AaIflJ7qlkLDBtpkBw2W_bytIwg9I5m4826f=s180-rw", name: "Ludo Club - Fun Dice Game", size: "" }, { id: "com.sngict.backgammon", image: "hfLVrpK8MLm9YkcOWnIeemFNx-k5Da608t7UX0uMgGKJy79sj2WeZCUL_mxmn1obaOc=s180-rw", name: "Backgammon Offline", size: "15MB" }, { id: "com.ViacheslavRud.Circuit", image: "HD3yW9ZWVv1yRsXPHh2yJlwGmejuxmXw11LMgWyi8YI1In4XvPsBN7Gx0GtbrUBFNcVb=s180-rw", name: "Make it True — Solve the Circuit", size: "26MB" }, { id: "com.mindmill.block.puzzle.games", image: "-aC2DAWt5PWbn5RR6BGxmBhdxRcg4MgeySC2hCRfqzO4YBTMOpohiFk5rbmJRNmWYg=s180-rw", name: "Block Puzzle Box - Free Puzzle Games", size: "14MB" }, { id: "com.diwaniyalabs.iTrix", image: "5lE0ez-Fh1Rh2iTFzOJVQJj3Xq0Ui_QrYl99G7feUf64BythHo-h2VbpCRuV_yZYHBdf=s180-rw", name: "iTrix", size: "39MB" } ] }, { title: "Offline games", desc: "", items: [ { id: "com.fivedaysweekend.math", image: "O9OvZoyQgE5j3Rsm-JsqR6okeaT5pvGBxAoa8gR2lcbyEZsfqDhAom7Wq9aTz4xrsA=s180-rw", name: "Mental Math Master", size: "2.8MB" }, { id: "air.bg.lan.Monopoli", image: "9ceBAFWt9z-KG1OAcAMQjz4xIMSN59B7kiiwztCiWlb1rSSqC68UwyO8s3PSLhO5NHE=s180-rw", name: "Rento - Dice Board Game Online", size: "73MB" }, { id: "com.teremok.influence", image: "jstyUyfs050QielkQ19mH3YMV0hQKOSYnFywNoekdC74y27m4blhhTzFyxPGr2MpUHM=s180-rw", name: "Influence", size: "16MB" }, { id: "com.androbaby.original2048", image: "YVS2n-nHgwZ9IPGAiA-9plHndaWDQc7DIa5U_qPmKSqK_Z6I20dfaUBqkR1exJjHYPM=s180-rw", name: "2048 Original", size: "2.7MB" }, { id: "com.fingersoft.hillclimb", image: "N0UxhBVUmx8s7y3F7Kqre2AcpXyPDKAp8nHjiPPoOONc_sfugHCYMjBpbUKCMlK_XUs=s180-rw", name: "Hill Climb Racing", size: "74MB" } ] }, { title: "New & updated games", desc: "", items: [ { id: "com.tfgco.games.sports.free.tennis.clash", image: "m3gDfpEcjov2DyQZyQPNsmgGnd_8DhI-FwLkvonCTcOxps0AketLaNcmojsIzyzoA5g=s180-rw", name: "Tennis Clash: 3D Free Multiplayer Sports Games", size: "149MB" }, { id: "com.boombitgames.ArcheryClubTournament", image: "Lp3EnWyrRgmex9QUOH9o08Gwz1RJfA9wxveCY8QTkuDdKIxE5mTSDTLUI9w9oypmTHnF=s180-rw", name: "Archery Club: PvP Multiplayer", size: "62MB" }, { id: "com.MelsoftGames.FamilyIslandFarm", image: "HHoDG4S0PiLl2X4FxjgSl3hrefFNh_HfNwDlebe9YXAaAe7evh329aRC0CvbiaO97mhW=s180-rw", name: "Family Island™ - Farm game adventure", size: "99MB" }, { id: "com.babil.androidpanzer", image: "M5nF5KCyuOlyuoIDIQ5BGSdDEO_E1ls9A9fas75ULQRqWDAlEqriOgxIebTxCoZX1aE4=s180-rw", name: "Nida Harb 3: Alliance Empire | MMO Nuclear War", size: "96MB" }, { id: "com.Seriously.Phoenix", image: "IjO1hQemZJFR5P7BZDFiJx1YxyZPobmbNKB-7y4HxzSWaSISaqISOKPsHN2tfpMaCRU=s180-rw", name: "Best Fiends Stars - Free Puzzle Game", size: "" } ] }, { title: "Games you might like", desc: "", items: [ { id: "com.metajoy.puzzlegame.dragnmerge", image: "pn6_z6GAk5UDeoR2NQ8x8zKXW8QcTRdTi0YXkKdBzBz1qBkh8LB-oFvGGtmiEEnKDQ=s180-rw", name: "Drag n Merge: Block Puzzle", size: "43MB" }, { id: "com.microsoft.microsoftsolitairecollection", image: "p8yt0YI5BagBSGLzLivXaVAThkaKTU19XXZIC1DhBcBuovPm3y9dUq9MIM6oDIjPvQU=s180-rw", name: "Microsoft Solitaire Collection", size: "" }, { id: "com.funlab.super2048", image: "FIkUypvDWaFai1VjLcgj_vYuGplKg5qWHQFRQLJoVfftyyashziI4vxrRKkTeMdX_lLL=s180-rw", name: "2048 Huge", size: "2.6MB" }, { id: "com.sngict.dominoes", image: "TEj0f_ZZW0kI3EQDPaOd-GvXAhCXNEG_6HL14zdOP4XBUeprIFhAjxCaCyoRDXiw=s180-rw", name: "Dominoes - Offline Free Dominos Game", size: "" }, { id: "com.bitmango.go.make7hexapuzzle", image: "-YaBVUX-SobzacFBbKDErGk1VDQ5pv4KrUOuvh_E7__LNj3agm_JUSZVyGcXH1MM2w=s180-rw", name: "Make7! Hexa Puzzle", size: "31MB" } ] }, { title: "Abstract Visuals", desc: "", items: [ { id: "com.diwaniyalabs.iTrix", image: "5lE0ez-Fh1Rh2iTFzOJVQJj3Xq0Ui_QrYl99G7feUf64BythHo-h2VbpCRuV_yZYHBdf=s180-rw", name: "iTrix", size: "39MB" }, { id: "com.fingersoft.hillclimb", image: "N0UxhBVUmx8s7y3F7Kqre2AcpXyPDKAp8nHjiPPoOONc_sfugHCYMjBpbUKCMlK_XUs=s180-rw", name: "Hill Climb Racing", size: "74MB" }, { id: "com.Seriously.Phoenix", image: "IjO1hQemZJFR5P7BZDFiJx1YxyZPobmbNKB-7y4HxzSWaSISaqISOKPsHN2tfpMaCRU=s180-rw", name: "Best Fiends Stars - Free Puzzle Game", size: "" }, { id: "com.bitmango.go.make7hexapuzzle", image: "-YaBVUX-SobzacFBbKDErGk1VDQ5pv4KrUOuvh_E7__LNj3agm_JUSZVyGcXH1MM2w=s180-rw", name: "Make7! Hexa Puzzle", size: "31MB" }, { id: "com.metajoy.puzzlegame.dragnmerge", image: "pn6_z6GAk5UDeoR2NQ8x8zKXW8QcTRdTi0YXkKdBzBz1qBkh8LB-oFvGGtmiEEnKDQ=s180-rw", name: "Drag n Merge: Block Puzzle", size: "43MB" } ] } ]; /* Declaring & initializing Apps Data */ const Apps = [ { title: "Recently updated", desc: "Fresh features & content", items: [ { id: "com.instagram.android", image: "2sREY-8UpjmaLDCTztldQf6u2RGUtuyf6VT5iyX3z53JS4TdvfQlX-rNChXKgpBYMw", name: "Instagram", size: "28MB" }, { id: "wiki.algorithm.algorithms", image: "hvCIaq8oZ-1QAzkHL_kCuqGQ2K6nTPgUx1tkUe928JBAdzK3MMx-LT9fIdSkV_Rb", name: "Algorithms: Explained and Animated", size: "" }, { id: "ch.protonmail.android", image: "-h_UYF0PLc6fDweNsM4-aek2wAEDhzYb7bYZnvXiMQ8ub7BtVvDr04kjtFMSIZfZEA", name: "ProtonMail - Encrypted Email", size: "23MB" }, { id: "com.microsoft.todos", image: "PH-2iORSfQs-iizoHzePXBaJCXml443pgoC14-lZESLFIp78A4SvxLKUVv1FyIQFtC8", name: "Microsoft To Do: List, Task & Reminder", size: "" }, { id: "vivekagarwal.playwithdb", image: "YnYo13hMjkB7TWZbxD_Yne873mhqpi91wDTFU4tV6qRGQBmwl078Euo9upkXAksmisru", name: "Table Notes - Pocket database & spreadsheet editor", size: "15MB" } ] }, { title: "You might like...", desc: "Based on your recent installs", items: [ { id: "com.cmcm.lite", image: "ku06nrsVWNQ_s4tkMDYD2qKJnjJ4ANeLTAe9tLkEwtkSK5mWQGakAl3ATw5xuJIsOKA=s180-rw", name: "Clean Master Lite - For Low-End Phones", size: "7.9MB" }, { id: "com.linecorp.b612.android", image: "gyhEUvqvDCFabc-ANoKv9LYgIYQ9fPgB2C44zuTBokfv9TTwheFSGXbWHMp9hHNrg8JU=s180-rw", name: "B612 - Beauty & Filter Camera", size: "" }, { id: "com.UCMobile.intl", image: "uLDDhTOzdozJHbdp6ukfuEp6ujkqLcJCfjzoFcftT3Hgct7Ez_tXtcUBrpDq16Og__s=s180-rw", name: "UC Browser- Fast Video Download, Video Sharing", size: "48MB" }, { id: "com.opera.browser", image: "tkwW6uWRyX7Weduiqz8y26b-ks4NTQjtILg50srjSuN1c2UZj3mxpWD2cBme51gp6Q=s180-rw", name: "Opera browser with free VPN", size: "" }, { id: "com.zhiliaoapp.musically", image: "iBYjvYuNq8BB7EEEHktPG1fpX9NiY7Jcyg1iRtQxO442r9CZ8H-X9cLkTjpbORwWDG9d=s180-rw", name: "TikTok - Make Your Day", size: "73MB" }, { id: "com.alphainventor.filemanager", image: "9PzlG2XGr5sQDf5925tlZhqluOreI2cwzp-FOZiuj545Kt1Gk5EE9J4IdGsD7e5xWw=s180-rw", name: "File Manager", size: "6.3MB" } ] }, { title: "Popular apps", desc: "Recommended for you", items: [ { id: "com.brave.browser", image: "I1foi2Irrv7tW9ee9kgP0wfnMzaVb6y17muvpKsFcUrKYsDlmCyWuTRh5m93KJZ24dY=s180-rw", name: "Brave Privacy Browser: Fast, safe, private browser", size: "" }, { id: "com.picsart.studio", image: "OK01ikjh9kliyhrxUrx6sfA3MlasdE1uV65BrdfsoSEFs0HwPuWd479qoOh-36n3tw=s180-rw", name: "PicsArt Photo Editor: Pic, Video & Collage Maker", size: "" }, { id: "com.google.android.apps.nbu.files", image: "1nfAdJs2Ep2q1skM7QwJ1uHooWSbpFkbIBHhAX6EmdzEKmtk42713TiTU28mWlkcFKPA=s180-rw", name: "Files by Google: Clean up space on your phone", size: "11MB" }, { id: "org.videolan.vlc", image: "nPnJc260PPoupBe-DcVQ-MNr6149dphdEoEAN-C9xwgctpVXbwsuyon_jEZ3uPWWYQ=s180-rw", name: "VLC for Android", size: "" }, { id: "com.ideashower.readitlater.pro", image: "Jgl7C0anIk2AVTWq-an0dV3HS8pvP-_UIyrTifrNGxcReZT9hQ-LWUQ-I3oh94_IpA=s180-rw", name: "Pocket: Save. Read. Grow.", size: "" } ] }, { title: "Recommended for you", desc: "", items: [ { id: "com.freetymekiyan.apas", image: "AurZTFMpK3aaklWJjVFNuQuxRMuVI6fJXIm0f7h3nMYZC_cvtQGsIsWbdAHR-kLu-w=s180-rw", name: "Leetcode Algorithm Coding, Java Interview Offline", size: "5.6MB" }, { id: "systems.maju.darkmode", image: "OUG3QVdruPYh4ApAqJAhf8uEzdT6TioRFz2y3sPCvikiiK9xMYZ60loG3YA_38Wct_zw=s180-rw", name: "Dark Mode", size: "1.9MB" }, { id: "com.ticktick.task", image: "YSlqf3WBgIuNjwOoABhCM6ehJFJ0p5aTe5TAc3gq80SMBdg-8mqwcOUwFgFu4uVU2gQ=s180-rw", name: "TickTick: ToDo List Planner, Reminder & Calendar", size: "" }, { id: "com.gabrielecirulli.app2048", image: "YMjBRDCr5a9p_bdWnMTWKrC3FNi40WsR4jXt1UXlNMZfRhoXQL3eAkIwXAk5wwQZ_g=s180-rw", name: "2048", size: "" }, { id: "net.frenchguys.twenty", image: "KfbWosl_hhboorD5VO_WugN-A1DNcFBmdvE5UjfyphxDGHiLV8a190pUwRJsS4--rg=s180-rw", name: "Twenty", size: "15MB" } ] }, { title: "Become an artist", desc: "", items: [ { id: "com.adsk.sketchbook", image: "7ZmhLBKfkPg7kJ7N7lH4GccTl80iLMNvVe1zxZz2lAG7yLLtckQXnpp3ShF1ayOE56Q=s180-rw", name: "SketchBook - draw and paint", size: "" }, { id: "com.autodesk.autocadws", image: "W1b3d7Rfz-ulxWWhkMl9YLBGtVXgdnWpfmtVFZeBVv8IdMv0A8A7NdBRzdsPIYvAlis=s180-rw", name: "AutoCAD - DWG Viewer & Editor", size: "" }, { id: "com.apalon.mandala.coloring.book", image: "SS6Zeo4TA_J27M1Sxz9_BUNYtIQt1IY4tyT_FvlbEO5ln90VkmNsmhlzBbieEjZelmPD=s180-rw", name: "Coloring Book for Me & Mandala", size: "" }, { id: "com.facebook.arstudio.player", image: "uUlEcX3Wi_CFrnEbB0sX2FdtEv9CvWYrPqT4X1yCwvIobHOdCnu4jCekDVMQFZIoBGk3=s180-rw", name: "Spark AR Player (Early Access)", size: "" }, { id: "com.continuum.logomakerpro", image: "zLBsyUz7ePymeNPaPn2hWVm1AEu6S31dL5CZUa4n6VAzZcwiJxB6jHOE_S8lStofFKVm=s180-rw", name: "Logo Maker Pro - Free Graphic Design & 3D Logos", size: "41MB" } ] } ]; /* Declaring & initializing Movies Data */ const Movies = [ { title: "New movies", desc: "", items: [ { id: "The_Angry_Birds_Movie_2?id=O_RbjOHHpIs", image: "VQXslb-o_QXLUJQwq_eXxweHd77q_EPFuKtX_4KnBzxK21QtoAGvTtYIUQUInwK71muNoEC3dPodDAB2Bf3X=w200-h300-rw", name: "The Angry Birds Movie 2", size: "EGP 260" }, { id: "THE_MURDER_OF_NICOLE_BROWN_SIMPSON?id=9PslnT4ZVzw.P", image: "HO8igKo3UYOMLZyWZuA9Z4b97u5nZtj2A_1DTVEMX8vIPnEKqVGNK4OuOAUvszIYFr7D-LeEfGowT2Kl5wY=w200-h300-rw", name: "THE MURDER OF NICOLE BROWN SIMPSON", size: "EGP 220" }, { id: "THE_FAREWELL?id=GRRVhvLuS1E.P", image: "Qh3ai-2Wv-ghMlRvJzDht2s1MM3yO9f_VqQRWr56q9Wbubvfn0jurr3WT6P7iYjbo6Oa=w200-h300-rw", name: "THE FAREWELL", size: "EGP 220" }, { id: "Ronda_Rousey_Story_Through_My_Father_s_Eyes?id=UIK0VReEhMw", image: "F4OfzLkYHvPrw3AgaF5NESzY8w7WuhICLO-hD5Sec1Lt6sdWAiPgk5ES1Ewxn01aEDcTRonZTJhYXchlnhR7=w200-h300-rw", name: "Ronda Rousey Story: Through My Father's Eyes", size: "EGP 240" }, { id: "ALI_AND_ALIA?id=L2jNPz_pkq8.P", image: "4ZvqUMcMaXLBr7mEH1HOTnkJm0zPSSP9RDUnIJbWcVVk2Z9Qd5sJG0ypLmi50TRq4ks676LmB4haNjuI6Q=w200-h300-rw", name: "ALI AND ALIA", size: "EGP 220" }, { id: "PLAY_OR_DIE?id=mtIcKSGSq7E.P", image: "4viSCdx98f9SW0d0JmbUxeNvst7kt_KU7kPUAkF8Vs8BpH7BacpntOmwyJEd4XEZZz65WQ=w200-h300-rw", name: "PLAY OR DIE", size: "EGP 220" } ] }, { title: "Recommended for you", desc: "", items: [ { id: "Spider_Man_Far_From_Home?id=05yAqX-k1dw", image: "gY5XpJheVfLOqU101IwAC27Rw4yp03SzrLwsAtxWFfOycoV0LfxCfIFmFdr_PMmiV51vXQ=w200-h300-rw", name: "Spider-Man: Far From Home", size: "EGP 260" }, { id: "Me_Before_You?id=LaVtfOUPpfY", image: "ubNsl4KIQaGGNwduZEALEuprA6VwdTetTjyoyVwOxV5d9sM_c41BBtt7n2selIcKkHGC=w200-h300-rw", name: "Me Before You", size: "EGP 230" }, { id: "The_Emoji_Movie?id=5fzig53vkVs", image: "9qoZ0vNI-87W6pb20dVGAeumcB3dHcyk-YD0vZ3XP8nRe9zoPaRlX0E9_AAzZIIw6L4=w200-h300-rw", name: "The Emoji Movie", size: "EGP 180" }, { id: "Jumanji_Welcome_to_the_Jungle?id=iZ-vZ2V0RUs", image: "HjF5AQGaHCptfrLnOBj3wBqkmEJyWHjLKzwwufL0G2JDXWmnpIciZpx9zUMZgvzOrnNe=w200-h300-rw", name: "Jumanji: Welcome to the Jungle", size: "EGP 170" }, { id: "Annabelle?id=Fq9aMIyCDHs", image: "m2Vsb_aScKJQ-qc_YWHKI_Wwny0Wg0HoGIsxZwpS83Amu5lU8WQFOR79JNcQ65QTZB0SHA=w200-h300-rw", name: "Annabelle", size: "EGP 230" }, { id: "Miss_Bala?id=quc28ZuPen0", image: "1iSolWXxhTQwuGkEBHjAhpSyzRBBAN8El6_0rlE-0-TxXlJu9E476EE_R41-XPKZ8TI-DA=w200-h300-rw", name: "Miss Bala", size: "EGP 160" } ] }, { title: "Top-selling movies", desc: "", items: [ { id: "Spider_Man_Far_From_Home?id=05yAqX-k1dw", image: "gY5XpJheVfLOqU101IwAC27Rw4yp03SzrLwsAtxWFfOycoV0LfxCfIFmFdr_PMmiV51vXQ=w200-h300-rw", name: "Spider-Man: Far From Home", size: "EGP 260" }, { id: "Men_In_Black_International?id=jTBn8RjQA7s", image: "jvSngMhz8LpR25wkd-6YTq9fxsEtfjPaPr0FrzEY3L9tFtiokegYe6j9GvFEgZlV55OH=w200-h300-rw", name: "Men In Black: International", size: "EGP 260" }, { id: "The_Angry_Birds_Movie_2?id=O_RbjOHHpIs", image: "4viSCdx98f9SW0d0JmbUxeNvst7kt_KU7kPUAkF8Vs8BpH7BacpntOmwyJEd4XEZZz65WQ=w200-h300-rw", name: "The Angry Birds Movie 2", size: "EGP 260" }, { id: "X_Men_Dark_Phoenix?id=5BOo1vX_Mx8", image: "8HbkZWyw1JZRjUCcjSiVNQglCA5YytWKif9Gkw2BgqR81PCBhi6qQixJBRkFJvhb1Vs=w200-h300-rw", name: "X-Men: Dark Phoenix", size: "EGP 300" }, { id: "THE_HUSTLE?id=6xz0Bs0yKJ4.P", image: "b0SQtCJgRbOhiwL2LEreUTehfmFVITcFdenAzRhINP9sCcaRhWLSIAuEyZLj2eBxeuS1KnNu1TCPWNpoWpo=w200-h300-rw", name: "THE HUSTLE", size: "EGP 220" } ] }, { title: "Science fiction action movies", desc: "", items: [ { id: "Rampage?id=MJmfesMUvJE", image: "0HGrtulOsqSzp7p4ADYfy4EZo6FWRhWSOvr1RNcfYCBOTRxDr0eeKiWDtAscFNZO9EE4=w200-h300-rw", name: "Rampage", size: "EGP 320" }, { id: "Alien_Covenant?id=l17ruc4FgCI", image: "SDX5jcoygoXbTzrjt_J1SyEDA1aNRCEQHELSxORiGrQ443ZQqo05Vf4CcXRlEN74NyuZ=w200-h300-rw", name: "Alien: Covenant", size: "EGP 320" }, { id: "The_Amazing_Spider_Man_2?id=9LLIvsoepHw", image: "WlUrKW19bSMKvdUVGA-3rNl1PbksqQkVDfIAXGw_QRa3EfRM_a7QNUZOsTByihHtQ9Bg=w200-h300-rw", name: "The Amazing Spider-Man 2", size: "EGP 180" }, { id: "Avatar?id=F8dABMvqoT4", image: "-Pa0p7DH28XESDIwb7xrh5hVPQcsqt6mtvc2wgTca8SQEeU9RYT8jdhjyB8o7xaUSsA1=w200-h300-rw", name: "Avatar", size: "EGP 320" }, { id: "Wonder_Woman_2017?id=l0Mfv-8yMGo", image: "lHLyHXgJQCSdx9JWH1uRPUsoI0d7yx_GtZCM-MNrTpNVReAjtI-HCEFMXYb1o2JaPIQZTQ=w200-h300-rw", name: "Wonder Woman (2017)", size: "EGP 230" }, { id: "Predators?id=KAZYZx6i-N4", image: "cx7agTDL7Gdu0_8SmCvhkO2V6celTNZc2UWUzoq5MIYqOF4UBLWeyVLFNP7tvJmX1H_O0A=w200-h300-rw", name: "Predators", size: "EGP 320" } ] }, { title: "New rental movies", desc: "", items: [ { id: "Late_Night?id=dJqRa0_0tM4", image: "PcXoPQMvRRoPO9p3SazqmnE9mdesL-c_yJrz-xjF7Ksd5dw9tkbVCdKAXi8JvdIdMGu_=w200-h300-rw", name: "Late Night", size: "EGP 70" }, { id: "Maiden?id=P8FAzNl7PhA", image: "LfoPFXzuI--ICZj7zUn2w0eKnoSMt6wbX6WGIAVoumC4tV2TnylDAGuHGFQN-ExnktM=w200-h300-rw", name: "Maiden", size: "EGP 70" }, { id: "Cross_Rise_Of_The_Villains?id=MzKnCkQMTTc.P", image: "GL0DJuRqMmWiQkj5SGCTfHZnkkIOBUrVFXw1O3LzibNKUpclZE6cKXyTcwlI3f07dPP2IMYl1dj-vw4iCw=w200-h300-rw", name: "Cross: Rise Of The Villains", size: "EGP 70" }, { id: "Adventures_of_Dally_Spanky?id=5iXFqS_rOkc", image: "5ZYMma6qsiZJsOxYMgrdgT3Im2HLvsNMg5m5g9nUy6e6z-7CAy3qO9O57uu81tZSy0A=w200-h300-rw", name: "Adventures of Dally & Spanky", size: "EGP 70" }, { id: "Spider_Man_Far_From_Home?id=05yAqX-k1dw", image: "gY5XpJheVfLOqU101IwAC27Rw4yp03SzrLwsAtxWFfOycoV0LfxCfIFmFdr_PMmiV51vXQ=w200-h300-rw", name: "Spider-Man: Far From Home", size: "EGP 260" }, { id: "Men_In_Black_International?id=jTBn8RjQA7s", image: "jvSngMhz8LpR25wkd-6YTq9fxsEtfjPaPr0FrzEY3L9tFtiokegYe6j9GvFEgZlV55OH=w200-h300-rw", name: "Men In Black: International", size: "EGP 260" } ] } ]; /* Declaring & initializing Books Data */ const Books = [ { title: "Non-fiction", desc: "Recommended books for you", items: [ { id: "عائض_القرني_طريقك_إلى_النجاح?id=0NUvDAAAQBAJ", image: "0NUvDAAAQBAJ?fife=w200-h300", name: "طريقك إلى النجاح: Your way to success‎", size: "EGP 16.14" }, { id: "عائض_القرني_لا_تحزن?id=248oCwAAQBAJ", image: "248oCwAAQBAJ?fife=w200-h300", name: "لا تحزن: Do not be sad", size: "EGP 156.57" }, { id: "Marshall_Goldsmith_ما_أوصلك_هنا_لن_يوصلك_هناك_كيف?id=3QCwDAAAQBAJ", image: "3QCwDAAAQBAJ?fife=w200-h300", name: "ما أوصلك هنا لن يوصلك هناك : كيف يحقق الناجحون مزيداً من النجاح: What Got You Here Won't Get You There : How Successful People Become Even More Successful‎", size: "EGP 77.48" }, { id: "Kathleen_Taylor_غسيل_الدماغ_علم_التحكم_بالتفكير?id=5KxrDgAAQBAJ", image: "5KxrDgAAQBAJ?fife=w200-h300", name: "غسيل الدماغ : علم التحكم بالتفكير: Brainwashing: The science of thought control‎", size: "EGP 143.66" }, { id: "Dr_Laura_Markham_Calm_Parents_Happy_Kids?id=6U-JAwAAQBAJ", image: "6U-JAwAAQBAJ?fife=w200-h300", name: "Calm Parents, Happy Kids: The Secrets of Stress-free Parenting", size: "EGP 304.44" } ] }, { title: "Top-selling comics", desc: "", items: [ { id: "Greg_Pak_Dr_Strange?id=zIp6mON8K7QC", image: "zIp6mON8K7QC?fife=w200-h300", name: "Dr. Strange: Season One", size: "EGP 332.19" }, { id: "Kevin_Eastman_Teenage_Mutant_Ninja_Turtles_Casualt?id=7OaYDwAAQBAJ", image: "7OaYDwAAQBAJ?fife=w200-h300", name: "Teenage Mutant Ninja Turtles: Casualty of War", size: "Free" }, { id: "Andrew_Kreisberg_Darksiders_II_Death_s_Door_1?id=-GOjCgAAQBAJ", image: "-GOjCgAAQBAJ?fife=w200-h300", name: "Darksiders II: Death's Door #1", size: "EGP 32.90" }, { id: "DC_Comics_DCE_Essentials_Catalog_2016?id=-4RzCwAAQBAJ", image: "-4RzCwAAQBAJ?fife=w200-h300", name: "DCE Essentials Catalog 2016", size: "Free" }, { id: "Marjorie_Liu_Monstress_18?id=-TFiDwAAQBAJ", image: "-TFiDwAAQBAJ?fife=w200-h300", name: "Monstress #18", size: "EGP 0.48" }, { id: "Various_Attack_on_Titan_Anthology_FCBD_Sampler?id=-U7zDQAAQBAJ", image: "-U7zDQAAQBAJ?fife=w200-h300", name: "Attack on Titan Anthology FCBD Sampler: Volume 1", size: "Free" } ] }, { title: "Recommended for you", desc: "", items: [ { id: "أحمد_خالد_توفيق_في_ممر_الفئران?id=niSeDAAAQBAJ", image: "niSeDAAAQBAJ?fife=w200-h300", name: "في ممر الفئران", size: "EGP 45.00" }, { id: "Bj_Gaddour_Men_s_Health_Your_Body_Is_Your_Barbell?id=QdNZAQAAQBAJ", image: "QdNZAQAAQBAJ?fife=w200-h300", name: "Men's Health Your Body Is Your Barbell: No Gym. Just Gravity. Build a Leaner, Stronger, More Muscular You in 28 Days!", size: "EGP 97.83" }, { id: "Rhonda_Byrne_The_Secret?id=4nW0TiWexX8C", image: "4nW0TiWexX8C?fife=w200-h300", name: "The Secret", size: "EGP 193.05" }, { id: "Dale_Carnegie_The_Quick_And_Easy_Way_To_Effective?id=Hdx4xmziKhAC", image: "Hdx4xmziKhAC?fife=w200-h300", name: "The Quick And Easy Way To Effective Speaking", size: "EGP 210.72" }, { id: "Napoleon_Hill_Think_and_Grow_Rich?id=oHLsAgAAQBAJ", image: "oHLsAgAAQBAJ?fife=w200-h300", name: "Think and Grow Rich", size: "EGP 15.94" }, { id: "Dale_Carnegie_How_to_Win_Friends_and_Influence_Peo?id=0dJDdw39UDMC", image: "0dJDdw39UDMC?fife=w200-h300", name: "How to Win Friends and Influence People", size: "EGP 234.15" } ] }, { title: "Fiction & literature", desc: "Recommended books for you", items: [ { id: "بدر_رمضان_حين_يتمرد_الجان?id=1TxZDwAAQBAJ", image: "1TxZDwAAQBAJ?fife=w200-h300", name: "حين يتمرد الجان", size: "EGP 24.93" }, { id: "صالح_مرسي_قاتلة_باردة_الأعصاب?id=3l7NDgAAQBAJ", image: "3l7NDgAAQBAJ?fife=w200-h300", name: "قاتلة باردة الأعصاب", size: "EGP 20.00" }, { id: "Elizabeth_Gaskell_North_and_South?id=_oU5BAAAQBAJ", image: "_oU5BAAAQBAJ?fife=w200-h300", name: "North and South", size: "EGP 49.69" }, { id: "Charles_Dickens_A_Christmas_Carol_Level_3_Oxford_B?id=2RtoBAAAQBAJ", image: "2RtoBAAAQBAJ?fife=w200-h300", name: "A Christmas Carol Level 3 Oxford Bookworms Library: Edition 3", size: "EGP 124.47" }, { id: "نجيب_محفوظ_حديث_الصباح_والمساء?id=1Y0rDAAAQBAJ", image: "1Y0rDAAAQBAJ?fife=w200-h300", name: "حديث الصباح والمساء", size: "EGP 26.00" }, { id: "Alexandre_Dumas_The_Three_Musketeers?id=4VpsCwAAQBAJ", image: "4VpsCwAAQBAJ?fife=w200-h300", name: "The Three Musketeers", size: "EGP 49.69" } ] }, { title: "Science fiction & fantasy", desc: "Recommended books for you", items: [ { id: "J_R_R_Tolkien_The_Silmarillion?id=05Cj67qkoaoC", image: "05Cj67qkoaoC?fife=w200-h300", name: "The Silmarillion", size: "EGP 133.78" }, { id: "H_G_Wells_The_Invisible_Man?id=377QAwAAQBAJ", image: "377QAwAAQBAJ?fife=w200-h300", name: "The Invisible Man", size: "Free" }, { id: "George_R_R_Martin_A_Game_of_Thrones?id=5NomkK4EV68C", image: "5NomkK4EV68C?fife=w200-h300", name: "A Game of Thrones: A Song of Ice and Fire: Book One", size: "EGP 161.28" }, { id: "يوسف_معاطي_كلام_أبيح_جدا?id=I8FJCwAAQBAJ", image: "I8FJCwAAQBAJ?fife=w200-h300", name: "كلام أبيح جدا", size: "EGP 33.24" }, { id: "Jules_Verne_Twenty_Thousand_Leagues_Under_the_Sea?id=NuAVBgAAQBAJ", image: "NuAVBgAAQBAJ?fife=w200-h300", name: "Twenty Thousand Leagues Under the Sea", size: "EGP 49.69" } ] } ]; /**/ /* Initialize Item UI */ const initItem = item => { const div = document.createElement("div"); const img = document.createElement("img"); const p = document.createElement("p"); const label = document.createElement("label"); div.className = "app"; img.className = "app-image"; p.className = "app-name"; label.className = "app-size"; if (prefixID != PREFIX_APP_ID) img.style.height = "135px"; img.alt = "App Image"; img.src = prefixImage + item.image; p.textContent = item.name; label.textContent = item.size; div.appendChild(img); div.appendChild(p); div.appendChild(label); div.onclick = () => REDIRECT(item); return div; }; /* Initialize Categories UI */ const initCategory = category => { let items = []; category.items.forEach(item => items.push(initItem(item))); const section = document.createElement("section"); const header = document.createElement("header"); const h3 = document.createElement("h3"); const label = document.createElement("label"); const i = document.createElement("i"); const div = document.createElement("div"); section.className = "cat"; header.className = "cat-header"; h3.className = "cat-title"; label.className = "cat-desc"; i.className = "material-icons cat-more"; div.className = "apps-div"; h3.textContent = category.title; label.textContent = category.desc; i.textContent = "arrow_forward"; i.onclick = () => ALERT( "Dear, don't be greedy, if you need more go to Play store 😂

Remember:
This is just a Clone 😎" ); if (category.desc != "") h3.appendChild(label); else h3.style.lineHeight = "50px"; header.appendChild(h3); header.appendChild(i); items.forEach(item => div.appendChild(item)); section.appendChild(header); section.appendChild(div); return section; }; /* Initialize Fragment UI */ const initFragment = (containerId, arr) => { let categories = []; arr.forEach(category => categories.push(initCategory(category))); $(containerId) .html(categories) .show(); }; /**/ ALERT( "Hello guys, hope you well.
This clone have 4 fragments × 5 categories × 6 apps × 4 properties = 480 piece of information.
I have gathered all these info with my own and parsed them with the help of Data Parser.
It really takes me a lot of time and much effort.
So I hope I win this contest or at least be one of the winners." ); /* Tabs click listener */ TABS.click(function() { if ($(this).attr("id") !== "fru") { ALERT( "" + $(this).text() + " doesn't work properly yet. It may COMING SOON later" ); } }); /* Nav click listener */ NAV.click(function() { NAV.removeClass("selected"); FRAGMENTS.hide(); const navId = $(this).attr("id"); prefixImage = PREFIX_IMAGE; prefixID = PREFIX_APP_ID; color = "rgb(25, 150, 125)"; switch (navId) { case "games": arr = Games; break; case "apps": arr = Apps; break; case "movies": arr = Movies; prefixID = PREFIX_MOVIE_ID; color = "rgb(200, 25, 125)"; break; case "books": arr = Books; prefixID = PREFIX_BOOK_ID; prefixImage = PREFIX_IMAGE_BOOK; color = "rgb(25, 125, 225)"; break; } setThemeColor(color); $("#" + navId).addClass("selected"); initFragment("#" + navId + "-fragment", arr); window.scrollTo(0, 0); }); $("#apps").click(); });

Play Store UI Clone