API tools faq
paste
xoxodaymxo

main.js

xoxodaymxo
Jan 11th, 2025
15
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 33.41 KB | None | 0 0
raw download clone embed print report
  1. // Enhanced app data with more realistic content
  2. const apps = [
  3.     {
  4.         name: "Instagram",
  5.         developer: "Meta",
  6.         rating: 4.5,
  7.         icon: "https://play-lh.googleusercontent.com/VRMWkE5p3CkWhJs6nv-9ZsLAs1QOg5ob1_3qg-rckwYW7yp1fMrYZqnEFpk0IoVP4LM=s48-rw",
  8.         category: "Social",
  9.         downloads: "1B+",
  10.         size: "45MB",
  11.         ageRating: "12+",
  12.         lastUpdated: "September 15, 2023",
  13.         version: "302.0.0.0.0",
  14.         description: "Connect with friends, share photos and videos, message privately, try Instagram Reels, and more.",
  15.         whatsNew: [
  16.             "Bug fixes and performance improvements",
  17.             "New features for Reels",
  18.             "Enhanced messaging experience",
  19.             "Updated UI elements"
  20.         ],
  21.         screenshots: [
  22.             "https://play-lh.googleusercontent.com/h9jWMwqb-h9hjP4THqrJ50eIwPekjv7QPmTpA85gFQ10PjV02CoGAcYLLptqd19Sa1iJ=w2560-h1440-rw",
  23.             "https://play-lh.googleusercontent.com/PBI2hZdQYVcOtQpkGGWxT_UwOKMNy7lFS8H3BKx37qvHHXVROMiHZVxiuF_v5FGVqw=w2560-h1440-rw"
  24.         ],
  25.         features: ["Photo sharing", "Video sharing", "Direct messaging", "Stories", "Reels"],
  26.         reviews: {
  27.             total: 148000000,
  28.             average: 4.5,
  29.             distribution: [70, 20, 5, 3, 2],
  30.             recent: [
  31.                 {
  32.                     name: "Sarah Johnson",
  33.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  34.                     rating: 5,
  35.                     date: "October 1, 2023",
  36.                     text: "Great app, love the new features! The interface is intuitive and user-friendly.",
  37.                     likes: 245,
  38.                     verified: true
  39.                 },
  40.                 {
  41.                     name: "Michael Chen",
  42.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  43.                     rating: 4,
  44.                     date: "September 30, 2023",
  45.                     text: "Good app overall, but could use some performance improvements.",
  46.                     likes: 122,
  47.                     verified: true
  48.                 },
  49.                 {
  50.                     name: "Emily Wilson",
  51.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  52.                     rating: 5,
  53.                     date: "September 29, 2023",
  54.                     text: "The latest update is amazing! The new features make it so much better to use.",
  55.                     likes: 89,
  56.                     verified: true
  57.                 }
  58.             ]
  59.         }
  60.     },
  61.         {
  62.         name: "CapCut",
  63.         developer: "Bytedance",
  64.         rating: 4.7,
  65.         icon: "https://play-lh.googleusercontent.com/MO4jVMbqskWrBD7BDUiKkymLPDMlSFjnEE-JTCigWv6UcoENgAkSKr8bs0IvPs8Twv8",
  66.         category: "Video Players & Editors",
  67.         downloads: "500M+",
  68.         size: "94MB",
  69.         ageRating: "12+",
  70.         lastUpdated: "January 1, 2025",
  71.         version: "9.2.0",
  72.         description: "CapCut is a free all-in-one video editing app that lets you create incredible videos effortlessly.",
  73.         whatsNew: [
  74.             "Added new trendy effects",
  75.             "Improved export speed",
  76.             "Bug fixes and stability improvements"
  77.         ],
  78.         screenshots: [
  79.             "https://play-lh.googleusercontent.com/vKLYSTe8y2IQ9qYRkk9h4jCBf19HarELDRFBEZa9GtD9fhXXBQporQe2z9kSBx9TfK4E=h300-rw",
  80.             "https://play-lh.googleusercontent.com/tYhbP7MFgRa1lvNn3MOeu3wZNFucZOS4Of--sDOgCS7duVmyCYS-iM1XOeV8vpEEL7M=h300-rw"
  81.         ],
  82.         features: ["Advanced video editing", "Filters and effects", "Text and sticker tools", "Music integration"],
  83.         reviews: {
  84.             total: 35000000,
  85.             average: 4.7,
  86.             distribution: [75, 15, 5, 3, 2],
  87.             recent: [
  88.                 {
  89.                     name: "Alex Morgan",
  90.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  91.                     rating: 5,
  92.                     date: "January 5, 2025",
  93.                     text: "Absolutely love this app for editing my content! Super easy to use.",
  94.                     likes: 320,
  95.                     verified: true
  96.                 },
  97.                 {
  98.                     name: "Riya Patel",
  99.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  100.                     rating: 4,
  101.                     date: "January 4, 2025",
  102.                     text: "Great app, but the recent update slowed things down a bit.",
  103.                     likes: 150,
  104.                     verified: true
  105.                 }
  106.             ]
  107.         }
  108.     },
  109.     {
  110.         name: "Spotify",
  111.         developer: "Spotify AB",
  112.         rating: 4.5,
  113.         icon: "https://play-lh.googleusercontent.com/7ynvVIRdhJNAngCg_GI7i8TtH8BqkJYmffeUHsG-mJOdzt1XLvGmbsKuc5Q1SInBjDKN=w240-h480-rw",
  114.         category: "Music & Audio",
  115.         downloads: "1B+",
  116.         size: "36MB",
  117.         ageRating: "12+",
  118.         lastUpdated: "January 3, 2025",
  119.         version: "8.9.0",
  120.         description: "Spotify lets you stream millions of songs, podcasts, and playlists on any device.",
  121.         whatsNew: [
  122.             "Improved playback quality",
  123.             "Enhanced playlist customization",
  124.             "Bug fixes and performance updates"
  125.         ],
  126.         screenshots: [
  127.             "https://play-lh.googleusercontent.com/fOaUJKnuMPk02Gl5qu_B6ePw0myxaNJx3QZihKxsaAix5TYKl1NnfmvzZ52nSAc3w8nD=w2560-h1440-rw",
  128.             "https://play-lh.googleusercontent.com/eT7N-DGqCGJI1UGli8jF7BbMM-6K-Rs2Kw0WFMy7VABLTZdo01qoPknKKg5OxGSvKw=w2560-h1440-rw"
  129.         ],
  130.         features: ["Music streaming", "Offline downloads", "Podcast integration", "Personalized recommendations"],
  131.         reviews: {
  132.             total: 82000000,
  133.             average: 4.5,
  134.             distribution: [65, 20, 8, 4, 3],
  135.             recent: [
  136.                 {
  137.                     name: "John Doe",
  138.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  139.                     rating: 5,
  140.                     date: "January 4, 2025",
  141.                     text: "Spotify is my go-to for all things music! Great quality and selection.",
  142.                     likes: 500,
  143.                     verified: true
  144.                 }
  145.             ]
  146.         }
  147.     },
  148.     {
  149.         name: "Lightroom",
  150.         developer: "Adobe",
  151.         rating: 4.6,
  152.         icon: "https://play-lh.googleusercontent.com/Rl-Cz9SdkVR-OKhXydZq0cVMocSSolBsox3PxIe_I2dy-6wXIc9u4gbZhT3C3MYPwg=w240-h480-rw",
  153.         category: "Photography",
  154.         downloads: "100M+",
  155.         size: "111MB",
  156.         ageRating: "Everyone",
  157.         lastUpdated: "January 2, 2025",
  158.         version: "8.5.0",
  159.         description: "Edit, organize, and share your photos with advanced tools in Adobe Lightroom.",
  160.         whatsNew: [
  161.             "Added AI tools for editing",
  162.             "Improved cloud syncing",
  163.             "Bug fixes and stability updates"
  164.         ],
  165.         screenshots: [
  166.             "https://play-lh.googleusercontent.com/UBPiJvUds4aEeYOJLJXfnupI7zBWY5q0RGwq95ldzzDnl4T9Gf57iWDVwKBm-17_xtIJ=w526-h296-rw",
  167.             "https://play-lh.googleusercontent.com/wJbTX728g8HzSgz1y0zztmwVrb8v9u5fINMGQNpuF18UQe_u12-XcuMYDZxG6accyw=w526-h296-rw"
  168.         ],
  169.         features: ["Professional-grade editing", "Presets for quick edits", "Cloud syncing", "Built-in camera tools"],
  170.         reviews: {
  171.             total: 12000000,
  172.             average: 4.6,
  173.             distribution: [70, 15, 5, 5, 5],
  174.             recent: [
  175.                 {
  176.                     name: "Sophia Lee",
  177.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  178.                     rating: 5,
  179.                     date: "January 2, 2025",
  180.                     text: "A must-have app for photographers!",
  181.                     likes: 100,
  182.                     verified: true
  183.                 }
  184.             ]
  185.         }
  186.     },
  187.     {
  188.         name: "InShot",
  189.         developer: "InShot Inc.",
  190.         rating: 4.8,
  191.         icon: "https://play-lh.googleusercontent.com/kMTuBBwXZ-zjg_WB-QB4ZfzM4Tv84vJ4iKcrNeUvHDQqImle6XzdRkrQinfrpcBejHs=w240-h480-rw",
  192.         category: "Video Players & Editors",
  193.         downloads: "500M+",
  194.         size: "62MB",
  195.         ageRating: "12+",
  196.         lastUpdated: "January 4, 2025",
  197.         version: "2.3.0",
  198.         description: "InShot is an easy-to-use video and photo editing app for creating amazing content.",
  199.         whatsNew: [
  200.             "New transition effects added",
  201.             "Enhanced photo editing tools",
  202.             "Bug fixes and app optimization"
  203.         ],
  204.         screenshots: [
  205.             "https://play-lh.googleusercontent.com/HYYj4Yo9UnGetakVCMCLblGYWTO7P-BNfaMTkfiphDRLb-eQbKOZhPtmsfCFvzJAvUw=w526-h296-rw",
  206.             "https://play-lh.googleusercontent.com/nDoHwTjdzTqul8SYZqArJLlyDF0HqvZ2QsMd3nVAyCOXJssxKbXSATyQdaOsK_DCNBeD=w526-h296-rw"
  207.         ],
  208.         features: ["Trim and merge videos", "Add music and text", "Filters and effects", "Photo editing tools"],
  209.         reviews: {
  210.             total: 25000000,
  211.             average: 4.8,
  212.             distribution: [78, 15, 4, 2, 1],
  213.             recent: [
  214.                 {
  215.                     name: "Liam Carter",
  216.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  217.                     rating: 5,
  218.                     date: "January 4, 2025",
  219.                     text: "Best editing app for quick and professional results. Highly recommend it!",
  220.                     likes: 420,
  221.                     verified: true
  222.                 }
  223.             ]
  224.         }
  225.     },
  226.     {
  227.         name: "Netflix",
  228.         developer: "Netflix, Inc.",
  229.         rating: 4.5,
  230.         icon: "https://play-lh.googleusercontent.com/TBRwjS_qfJCSj1m7zZB93FnpJM5fSpMA_wUlFDLxWAb45T9RmwBvQd5cWR5viJJOhkI=w240-h480-rw",
  231.         category: "Entertainment",
  232.         downloads: "1B+",
  233.         size: "52MB",
  234.         ageRating: "12+",
  235.         lastUpdated: "January 2, 2025",
  236.         version: "10.1.0",
  237.         description: "Netflix is a streaming platform for movies, TV shows, and exclusive Netflix Originals.",
  238.         whatsNew: [
  239.             "Enhanced video streaming quality",
  240.             "Bug fixes and UI improvements",
  241.             "Support for new languages"
  242.         ],
  243.         screenshots: [
  244.             "https://play-lh.googleusercontent.com/tJ5qZZ9pmTpN0jz8qFjERFJI3Dr8ojpjXMsRZozGh52thbTqLihO0OWTs5pTLymKg8g=w526-h296-rw",
  245.             "https://play-lh.googleusercontent.com/k94hAvMy3XdY_fb-dsmFnqk8-IhldkNGuKUF1GgI4Com3JtKMP6AjS3YCXLOjAvZvYI=w526-h296-rw"
  246.         ],
  247.         features: ["Exclusive Netflix Originals", "Offline downloads", "Multiple user profiles", "Cross-device streaming"],
  248.         reviews: {
  249.             total: 95000000,
  250.             average: 4.5,
  251.             distribution: [65, 20, 8, 4, 3],
  252.             recent: [
  253.                 {
  254.                     name: "Emma Taylor",
  255.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  256.                     rating: 5,
  257.                     date: "January 3, 2025",
  258.                     text: "Love the variety of shows and movies. Worth every penny!",
  259.                     likes: 310,
  260.                     verified: true
  261.                 }
  262.             ]
  263.         }
  264.     },
  265.     {
  266.         name: "YouTube",
  267.         developer: "Google LLC",
  268.         rating: 4.4,
  269.         icon: "https://play-lh.googleusercontent.com/6am0i3walYwNLc08QOOhRJttQENNGkhlKajXSERf3JnPVRQczIyxw2w3DxeMRTOSdsY=w240-h480-rw",
  270.         category: "Video Players & Editors",
  271.         downloads: "10B+",
  272.         size: "37MB",
  273.         ageRating: "12+",
  274.         lastUpdated: "January 5, 2025",
  275.         version: "19.02.34",
  276.         description: "YouTube is the ultimate video-sharing platform for entertainment, learning, and more.",
  277.         whatsNew: [
  278.             "Added new Shorts creation tools",
  279.             "Improved comment filtering",
  280.             "Bug fixes and stability improvements"
  281.         ],
  282.         screenshots: [
  283.             "https://play-lh.googleusercontent.com/xCBJ9BRKffRi8orvRzLn-LcMPPc1A8QC383k8NldcIREeoprwffXPgM_m85yD61B1Ng=w526-h296-rw",
  284.             "https://play-lh.googleusercontent.com/vOxdD2u-ys9J0U964Hle8gCzNAAht5-KR_xJcPCb1ukoGo_4ypD2nByU6wu-x8MUEw=w526-h296-rw"
  285.         ],
  286.         features: ["Video sharing", "Live streaming", "Create Shorts", "Subscriptions and playlists"],
  287.         reviews: {
  288.             total: 150000000,
  289.             average: 4.4,
  290.             distribution: [60, 25, 8, 4, 3],
  291.             recent: [
  292.                 {
  293.                     name: "Oliver Bennett",
  294.                     avatar: "https://lh3.googleusercontent.com/a/default-user=s40",
  295.                     rating: 5,
  296.                     date: "January 5, 2025",
  297.                     text: "My favorite app for both entertainment and learning. Never fails!",
  298.                     likes: 420,
  299.                     verified: true
  300.                 }
  301.             ]
  302.         }
  303.     }
  304.     // Add more apps here with similar detailed information
  305. ];
  306.  
  307. // Loading screen
  308. window.addEventListener('load', () => {
  309.     setTimeout(() => {
  310.         document.querySelector('.loading-screen').classList.add('hidden');
  311.     }, 1500);
  312. });
  313.  
  314. // Search functionality
  315. const searchInput = document.getElementById('searchInput');
  316. const searchSuggestions = document.getElementById('searchSuggestions');
  317.  
  318. // Listen for input changes
  319. searchInput.addEventListener('input', (e) => {
  320.     const query = e.target.value.toLowerCase().trim();
  321.  
  322.     if (query.length > 0) {
  323.         const filteredApps = apps.filter(app =>
  324.             app.name.toLowerCase().includes(query)
  325.         );
  326.  
  327.         let resultsHTML = '';
  328.         if (filteredApps.length > 0) {
  329.             // App found: Show the matched app first, then three random apps
  330.             const foundApp = filteredApps[0];
  331.             const randomApps = apps
  332.                 .filter(app => app.name.toLowerCase() !== foundApp.name.toLowerCase())
  333.                 .sort(() => Math.random() - 0.5)
  334.                 .slice(0, 3);
  335.  
  336.             resultsHTML = `
  337.                 ${createAppSuggestion(foundApp)}
  338.                 ${randomApps.map(app => createAppSuggestion(app)).join('')}
  339.             `;
  340.         } else {
  341.             const fakeApp = {
  342.                 name: capitalize(query),
  343.                 icon: "https://play-lh.googleusercontent.com/ndNaffPNdPUirYKs3XPr0NwFE_J_t7HAaPZx15JMcQMOkF1cxBCtBNXLUpuVxCDxCOU=w240-h480-rw",
  344.                 category: "Tap to search"
  345.             };
  346.             const randomApps = apps
  347.                 .sort(() => Math.random() - 0.5)
  348.                 .slice(0, 3);
  349.  
  350.             resultsHTML = `
  351.                 ${createAppSuggestion(fakeApp, true)}
  352.                 ${randomApps.map(app => createAppSuggestion(app)).join('')}
  353.             `;
  354.         }
  355.  
  356.         searchSuggestions.innerHTML = resultsHTML;
  357.         searchSuggestions.classList.add('active');
  358.     } else {
  359.         searchSuggestions.innerHTML = '';
  360.         searchSuggestions.classList.remove('active');
  361.     }
  362. });
  363.  
  364. // Handle Enter Key
  365. searchInput.addEventListener('keypress', (e) => {
  366.     if (e.key === 'Enter') {
  367.         const query = searchInput.value.toLowerCase().trim();
  368.         const filteredApps = apps.filter(app =>
  369.             app.name.toLowerCase().includes(query)
  370.         );
  371.  
  372.         if (filteredApps.length === 0) {
  373.             // Redirect to LiteAPKs if app not found
  374.             const encodedQuery = encodeURIComponent(query.replace(/\s+/g, '+'));
  375.             window.open(`https://liteapks.com/?s=${encodedQuery}`, '_blank');
  376.         }
  377.     }
  378. });
  379.  
  380. // Helper function to create an app suggestion
  381. function createAppSuggestion(app, isFake = false) {
  382.     return `
  383.         <div class="suggestion-item" ${isFake ? `onclick="redirectToLiteAPKs('${app.name}')"` : `onclick="showAppDetails('${app.name}')"`}>
  384.             <img src="${app.icon}" alt="${app.name}" style="width: 32px; height: 32px; border-radius: 8px;">
  385.             <div>
  386.                 <div>${app.name}</div>
  387.                 <div style="color: #5f6368; font-size: 0.9rem;">${app.category}</div>
  388.             </div>
  389.         </div>
  390.     `;
  391. }
  392.  
  393. // Redirect to LiteAPKs page
  394. function redirectToLiteAPKs(appName) {
  395.     const encodedQuery = encodeURIComponent(appName.replace(/\s+/g, '+'));
  396.     window.open(`https://liteapks.com/?s=${encodedQuery}`, '_blank');
  397. }
  398.  
  399. // Helper function to capitalize the first letter of a string
  400. function capitalize(str) {
  401.     return str.charAt(0).toUpperCase() + str.slice(1);
  402. }
  403.  
  404.  
  405. // Close search suggestions when clicking outside
  406. document.addEventListener('click', (e) => {
  407.     if (!searchInput.contains(e.target) && !searchSuggestions.contains(e.target)) {
  408.         searchSuggestions.classList.remove('active');
  409.     }
  410. });
  411.  
  412. // Category functionality
  413. const categoryButtons = document.querySelectorAll('.categories button');
  414. categoryButtons.forEach(button => {
  415.     button.addEventListener('click', () => {
  416.         categoryButtons.forEach(btn => btn.classList.remove('active'));
  417.         button.classList.add('active');
  418.         const category = button.dataset.category;
  419.         filterAppsByCategory(category);
  420.     });
  421. });
  422.  
  423. function filterAppsByCategory(category) {
  424.     const filteredApps = category === 'all' ?
  425.         apps :
  426.         apps.filter(app => app.category.toLowerCase() === category.toLowerCase());
  427.    
  428.     updateSections(filteredApps);
  429. }
  430.  
  431. // Create carousel item
  432. function createCarouselItem(app) {
  433.     return `
  434.         <div class="carousel-item" onclick="showAppDetails('${app.name}')">
  435.             <img src="${app.screenshots[0]}" alt="${app.name}">
  436.         </div>
  437.     `;
  438. }
  439.  
  440. // Create app card with enhanced information
  441. function createAppCard(app) {
  442.     return `
  443.         <div class="app-card" onclick="showAppDetails('${app.name}')">
  444.             <img src="${app.icon}" alt="${app.name}" class="app-icon">
  445.             <div class="app-info">
  446.                 <div class="app-name">${app.name}</div>
  447.                 <div class="app-developer">${app.developer}</div>
  448.                 <div class="app-meta">
  449.                     <div class="app-rating">
  450.                         <span>${app.rating}</span>
  451.                         <span class="material-icons">star</span>
  452.                     </div>
  453.                     <div class="app-size">${app.size}</div>
  454.                 </div>
  455.             </div>
  456.         </div>
  457.     `;
  458. }
  459.  
  460. // Update the showAppDetails function in main.js
  461. window.showAppDetails = function(appName) {
  462.     const app = apps.find(a => a.name === appName);
  463.     const modal = document.createElement('div');
  464.     modal.className = 'app-modal';
  465.    
  466.     // Prevent body scrolling when modal is open
  467.     document.body.style.overflow = 'hidden';
  468.    
  469.     modal.innerHTML = `
  470.         <div class="modal-overlay"></div>
  471.         <div class="modal-container">
  472.             <div class="modal-content">
  473.                 <button class="back-btn">
  474.                     <span class="material-icons">arrow_back</span>
  475.                 </button>
  476.                
  477.                 <div class="app-header">
  478.                     <div class="app-basic-info">
  479.                         <img src="${app.icon}" alt="${app.name}" class="app-icon">
  480.                         <div class="app-text">
  481.                             <h2>${app.name}</h2>
  482.                             <span class="developer">${app.developer}</span>
  483.                             <div class="meta-info">
  484.                                 <span class="category">${app.category}</span>
  485.                                 <span class="contains-ads">Contains ads</span>
  486.                             </div>
  487.                         </div>
  488.                     </div>
  489.                     <div class="button-group">
  490.                         <button class="share-btn">
  491.                             <svg width="24" height="24" viewBox="0 0 24 24" class="share-icon"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></svg>
  492.                         </button>
  493.                         <button class="install-btn">Install</button>
  494.                     </div>
  495.                 </div>
  496.  
  497.                 <div class="app-stats">
  498.                     <div class="stat-item">
  499.                         <div class="stat-value">${app.rating}<i class="material-icons star-icon">star</i></div>
  500.                         <div class="stat-label">${app.reviews.total.toLocaleString()} reviews</div>
  501.                     </div>
  502.                     <div class="stat-item">
  503.                         <div class="stat-value">${app.downloads}</div>
  504.                         <div class="stat-label">Downloads</div>
  505.                     </div>
  506.                     <div class="stat-item">
  507.                         <div class="stat-value"><img src="https://play-lh.googleusercontent.com/yQChfa9XKlaXMIYTk8w8QwChjT8_SH-_2d2SS-kesw0TLQK1nxtw54bDcoZ09freZJgKrtg4f__is-31Vg=w96-h32-rw" alt="Content rating" width="21" height="21"></div>
  508.                         <div class="stat-label">Rated for ${app.ageRating}</div>
  509.                     </div>
  510.                 </div>
  511.  
  512.                 <div class="screenshot-gallery" role="list">
  513.                     ${app.screenshots.map((src, index) => `
  514.                         <div role="listitem" class="screenshot-item">
  515.                             <div class="screenshot-container" jscontroller="RQJprf">
  516.                                 <img
  517.                                     src="${src}"
  518.                                     srcset="${src} 2x"
  519.                                     alt="Screenshot ${index + 1}"
  520.                                     class="screenshot-image"
  521.                                     itemprop="image"
  522.                                     data-screenshot-index="${index}"
  523.                                     role="button"
  524.                                     tabindex="0"
  525.                                     loading="lazy"
  526.                                 >
  527.                             </div>
  528.                         </div>
  529.                     `).join('')}
  530.                 </div>
  531.  
  532.                 <div class="app-description">
  533.                     <h3>About this app</h3>
  534.                     <p>${app.description}</p>
  535.                 </div>
  536.  
  537.                 <div class="whats-new">
  538.                     <h3>What's New</h3>
  539.                    <div class="version-info">Version ${app.version} • ${app.lastUpdated}</div>
  540.                    <ul>
  541.                        ${app.whatsNew.map(update => `<li>${update}</li>`).join('')}
  542.                    </ul>
  543.                </div>
  544.                <div class="data-safety">
  545.                <h3>Data Safety</h3>
  546.                    <p>Safety starts with understanding how developers collect and share your data. Data privacy and security practices may vary based on your use, region, and age. The developer provided this information and may update it over time.</p>
  547.                    <div class="data-safety-details">
  548.                        <div class="data-item">
  549.                            <img src="https://play-lh.googleusercontent.com/iFstqoxDElUVv4T3KxkxP3OTcuFvWF5ZQQjT7aIxy4n2uaVigCCykxeG6EZV9FQ10X1itPj1oORm=s20-rw" alt="Data Shared Icon">
  550.                            <div>
  551.                                <h4>This app may share these data types with third parties</h4>
  552.                                <p>Location, Personal info, and 2 others</p>
  553.                            </div>
  554.                        </div>
  555.                        <div class="data-item">
  556.                            <img src="https://play-lh.googleusercontent.com/12USW7aflgz466ifDehKTnMoAep_VHxDmKJ6jEBoDZWCSefOC-ThRX14Mqe0r8KF9XCzrpMqJts=s20-rw" alt="Data Collected Icon">
  557.                            <div>
  558.                                <h4>This app may collect these data types</h4>
  559.                                <p>Location, Personal info, and 5 others</p>
  560.                            </div>
  561.                        </div>
  562.                        <div class="data-item">
  563.                            <img src="https://play-lh.googleusercontent.com/W5DPtvB8Fhmkn5LbFZki_OHL3ZI1Rdc-AFul19UK4f7np2NMjLE5QquD6H0HAeEJ977u3WH4yaQ=s20-rw" alt="Data Encrypted Icon">
  564.                            <div>
  565.                                <h4>Data is encrypted in transit</h4>
  566.                            </div>
  567.                        </div>
  568.                        <div class="data-item">
  569.                            <img src="https://play-lh.googleusercontent.com/ohRyQRA9rNfhp7xLW0MtW1soD8SEX45Oec7MyH3FaxtukWUG_6GKVpvh3JiugzryLi7Bia02HPw=s20-rw" alt="Data Deletion Icon">
  570.                            <div>
  571.                                <h4>You can request that data be deleted</h4>
  572.                            </div>
  573.                        </div>
  574.                        <div class="see-details">
  575.                            <a href="/store/apps/datasafety?id=com.example.app" target="_blank">See details</a>
  576.                        </div>
  577.                    </div>
  578.                </div>
  579.                <div class="reviews">
  580.                    <h3>Ratings and reviews</h3>
  581.                    <div class="ratings-overview">
  582.                        <div class="rating-big">
  583.                            <span class="rating-number">${app.rating}</span>
  584.                            <div class="rating-stars">
  585.                                ${Array(5).fill().map((_, i) => `
  586.                                    <span class="material-icons">${i < Math.floor(app.rating) ? 'star' : 'star_border'}</span>
  587.                                `).join('')}
  588.                            </div>
  589.                            <span class="total-ratings">${app.reviews.total.toLocaleString()} reviews</span>
  590.                        </div>
  591.                        <div class="rating-bars">
  592.                            ${app.reviews.distribution.map((percentage, index) => `
  593.                                <div class="rating-bar">
  594.                                    <span class="stars">${5 - index}</span>
  595.                                    <div class="bar-container">
  596.                                        <div class="bar" style="width: ${percentage}%"></div>
  597.                                    </div>
  598.                                    <span class="percentage">${percentage}%</span>
  599.                                </div>
  600.                            `).join('')}
  601.                        </div>
  602.                    </div>
  603.                    <div class="reviews-list">
  604.                        ${app.reviews.recent.map((review, index) => `
  605.                            <div class="review">
  606.                                <img src="${review.avatar}" alt="${review.name}" class="reviewer-avatar">
  607.                                <div class="review-content">
  608.                                    <div class="review-header">
  609.                                        <span class="reviewer-name">${review.name}</span>
  610.                                        <div class="review-rating">
  611.                                            ${Array(5).fill().map((_, i) => `
  612.                                                <span class="material-icons">${i < review.rating ? 'star' : 'star_border'}</span>
  613.                                            `).join('')}
  614.                                        </div>
  615.                                    </div>
  616.                                    <span class="review-date">${review.date}</span>
  617.                                    <p class="review-text">${review.text}</p>
  618.                                    <button class="like-button">
  619.                                        <span class="material-icons">thumb_up</span>
  620.                                        <span>${review.likes}</span>
  621.                                    </button>
  622.                                    <div jscontroller="SWD8cc" data-review-id="review-${index}" data-original-thumbs-up-count="${review.likes}">
  623.                                        <footer class="Anb3we" jsname="GJNbDf" jsaction="sG2nqb:sY4eAb">
  624.                                            <div class="NC0Ppb">Did you find this helpful?</div>
  625.                                            <div jsaction="rcuQ6b:BZEmlb;JIbuQc:TmtE8e" jsmodel="b7Ourf" jscontroller="wW2D8b" data-expanded-toggles="true">
  626.                                                <div class="b6SkTb">
  627.                                                    <div role="button" id="review-${index}::1" class="D3Qfie VfPpkd-ksKsZd-XxIAqe UQI9cd kofMvc EFMXQ"
  628.                                                        jscontroller="fdeHmf" jsaction="click:cOuCgd;" aria-label="Yes" tabindex="0" aria-pressed="false">
  629.                                                        <div class="Gggmbb" aria-hidden="true"></div>
  630.                                                        <div class="kW9Bj" aria-hidden="true">
  631.                                                            <span jsname="o9vyuc" class="c6xzBd jv2yne"></span>
  632.                                                            <span class="ypTNYd" jsname="ODzDMd">Yes</span>
  633.                                                        </div>
  634.                                                    </div>
  635.                                                    <div role="button" id="review-${index}::2" class="D3Qfie VfPpkd-ksKsZd-XxIAqe UQI9cd kofMvc EFMXQ"
  636.                                                        jscontroller="fdeHmf" jsaction="click:cOuCgd;" aria-label="No" tabindex="0" aria-pressed="false">
  637.                                                        <div class="Gggmbb" aria-hidden="true"></div>
  638.                                                        <div class="kW9Bj" aria-hidden="true">
  639.                                                            <span jsname="o9vyuc" class="c6xzBd jv2yne"></span>
  640.                                                            <span class="ypTNYd" jsname="ODzDMd">No</span>
  641.                                                        </div>
  642.                                                    </div>
  643.                                                </div>
  644.                                            </div>
  645.                                        </footer>
  646.                                    </div>
  647.                                </div>
  648.                            </div>
  649.                        `).join('')}
  650.                    </div>
  651.                </div>
  652.            </div>
  653.        </div>
  654.    `;
  655.  
  656.    // Add event listeners
  657.    modal.querySelector('.modal-overlay').addEventListener('click', () => {
  658.        modal.remove();
  659.        document.body.style.overflow = '';
  660.    });
  661.  
  662.    modal.querySelector('.back-btn').addEventListener('click', () => {
  663.        modal.remove();
  664.        document.body.style.overflow = '';
  665.    });
  666.  
  667.    document.body.appendChild(modal);
  668.    document.querySelectorAll('.screenshot-image').forEach(image => {
  669.        image.addEventListener('click', () => {
  670.            const modal = document.createElement('div');
  671.            modal.className = 'fullscreen-modal';
  672.            modal.innerHTML = `
  673.                <div class="modal-overlay"></div>
  674.                <div class="modal-content">
  675.                    <img src="${image.src}" alt="${image.alt}" class="fullscreen-image">
  676.                    <button class="close-btn">&times;</button>
  677.                </div>
  678.            `;
  679.            document.body.appendChild(modal);
  680.            modal.querySelector('.close-btn').addEventListener('click', () => modal.remove());
  681.            modal.querySelector('.modal-overlay').addEventListener('click', () => modal.remove());
  682.        });
  683.    });
  684.    // Add event listeners after modal content is created
  685.    modal.querySelector('.share-btn').addEventListener('click', () => {
  686.        navigator.share
  687.            ? navigator.share({
  688.                title: app.name,
  689.                text: `Check out ${app.name} by ${app.developer}`,
  690.                url: window.location.href
  691.            })
  692.            : alert("Sharing is not supported on this browser.");
  693.    });
  694. }
  695.  
  696. // Initialize the app
  697. function initializeApp() {
  698.    // Featured carousel
  699.    const carousel = document.getElementById('featuredCarousel');
  700.    carousel.innerHTML = apps.map(createCarouselItem).join('');
  701.  
  702.    // Horizontal scroll sections
  703.    const sections = {
  704.        'suggestedApps': apps.sort(() => Math.random() - 0.5).slice(0, 10),
  705.        'topGames': apps.sort((a, b) => b.rating - a.rating).slice(0, 10),
  706.        'popularApps': apps.sort((a, b) => b.downloads.localeCompare(a.downloads)).slice(0, 10),
  707.        'editorsChoice': apps.filter(app => app.rating >= 4.5).slice(0, 10)
  708.    };
  709.  
  710.    Object.entries(sections).forEach(([id, apps]) => {
  711.        const section = document.getElementById(id);
  712.        if (section) {
  713.            section.innerHTML = apps.map(createAppCard).join('');
  714.        }
  715.    });
  716.  
  717.    // Initialize carousel navigation
  718.    const carouselContent = document.querySelector('.carousel-content');
  719.    document.querySelector('.carousel-nav.prev').addEventListener('click', () => {
  720.        carouselContent.scrollBy({ left: -600, behavior: 'smooth' });
  721.    });
  722.    document.querySelector('.carousel-nav.next').addEventListener('click', () => {
  723.        carouselContent.scrollBy({ left: 600, behavior: 'smooth' });
  724.    });    
  725. }
  726.  
  727. // Initialize when DOM is loaded
  728. document.addEventListener('DOMContentLoaded', initializeApp);
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!