GithubPet/popup.html at main · MatissesProjects/GithubPet · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DNA Pet Collection</title>
    <style>
        body {
            width: 220px;
            padding: 12px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
            background-color: #0d1117;
            color: #c9d1d9;
        }
        h3 { margin-top: 0; font-size: 14px; color: #58a6ff; display: flex; justify-content: space-between; align-items: center; }
        #status { font-size: 11px; margin-bottom: 10px; color: #8b949e; }
        .collection-item:last-child { border-bottom: none !important; }
        .controls { margin-bottom: 12px; }
        button.action-btn {
            width: 100%;
            padding: 6px;
            font-size: 11px;
            cursor: pointer;
            background: #238636;
            color: white;
            border: 1px solid rgba(240,246,252,0.1);
            border-radius: 6px;
            font-weight: 500;
        }
        button.action-btn:hover { background: #2ea043; }
    </style>
</head>
<body>
    <h3>DNA Pet Party 🧬</h3>
    <p id="status">Loading...</p>
    <div class="controls" id="controls" style="display: none;">
        <button id="toggle-all" class="action-btn">Toggle All Pets</button>
    </div>
    <div id="collection-list"></div>
    <script src="dist/popup.js"></script>
</body>
</html>