ali-grabber/popup.html at master · dizaraj/ali-grabber · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ali Grabber</title>
    <link rel="stylesheet" href="./assets/style.css">
    <link href="./assets/css2.css?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>

<body>
    <div class="container">
        <!-- Header Section -->
        <header class="header">
            <img src="icons/icon48.png" alt="Ali Grabber Logo" class="logo">
            <div class="header-text">
                <h1>Ali Grabber</h1>
                <p>Your one-click media downloader for AliExpress.</p>
            </div>
        </header>

        <!-- Main Content Section -->
        <main class="main-content">
            <div id="main-action-container">
                <!-- This button will be updated by JavaScript -->
            </div>
            <p id="status-message" class="status-message"></p>
            <div id="image-gallery" class="image-gallery">
                <!-- Media thumbnails will be injected here -->
            </div>
            <!-- NEW: Container for Top Products -->
            <div id="top-products-container">
                <!-- Top products list will be injected here -->
            </div>
        </main>

        <!-- Footer Section -->
        <footer class="footer">
            <a href="https://dizaraj.github.io" target="_blank" class="footer-link">Developer</a>
            <a href="https://coff.ee/dizaraj" target="_blank" class="footer-link donate">Donate</a>
        </footer>
    </div>
    <!-- Add JSZip library for creating zip files -->
    <script src="./assets/jszip.min.js"></script>
    <script src="popup.js"></script>
</body>

</html>