Crypto-test-coins-auto-dripster/popup.html at main · TestGuard-App/Crypto-test-coins-auto-dripster · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <style>
    html { background: transparent; }
    body {
      font-family: Arial, sans-serif;
      padding: 14px;
      width: 300px;
      background: #0f0f0f;
      color: #fff;
      margin: 0;
      border-radius: 14px;
      overflow: hidden;
    }
    h3 { color: #9945FF; margin: 0 0 10px; font-size: 15px; line-height: 1.3; }
    label { display: block; font-size: 11px; color: #aaa; margin: 8px 0 3px; }
    input, select {
      width: 100%;
      box-sizing: border-box;
      padding: 7px 8px;
      background: #1a1a1a;
      color: #fff;
      border: 1px solid #333;
      border-radius: 6px;
      font-size: 13px;
    }
    input:focus, select:focus { outline: none; border-color: #9945FF; }
    .row { display: flex; gap: 8px; }
    .row > div { flex: 1; }
    button {
      width: 100%;
      padding: 10px;
      background: #9945FF;
      color: white;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      font-size: 14px;
      margin-top: 10px;
    }
    button:hover { background: #7b35d4; }
    button.secondary { background: #2a2a2a; font-size: 12px; padding: 7px; }
    button.secondary:hover { background: #383838; }
    .status {
      margin-top: 12px;
      padding: 8px 10px;
      background: #1a1a1a;
      border-radius: 8px;
      font-size: 12px;
      line-height: 1.5;
    }
    .ok { color: #38d39f; }
    .err { color: #ff6b6b; }
    .warn { color: #f0b400; }
    .muted { color: #888; }
    .check { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #bbb; margin-top: 10px; }
    .check input { width: auto; }
    .hint { font-size: 11px; margin-top: 4px; min-height: 14px; }
    .logs-head {
      display: flex; align-items: center; justify-content: space-between;
      margin-top: 14px;
    }
    .logs-head span { font-size: 12px; color: #aaa; }
    .logs-head button { width: auto; margin: 0; padding: 4px 8px; font-size: 11px; }
    #logs {
      margin-top: 6px;
      max-height: 160px;
      overflow-y: auto;
      background: #141414;
      border: 1px solid #262626;
      border-radius: 8px;
      padding: 6px 8px;
      font-family: "SF Mono", Menlo, Consolas, monospace;
      font-size: 11px;
      line-height: 1.5;
    }
    .log-entry { white-space: pre-wrap; word-break: break-word; }
    .log-time { color: #666; }
    .footer { margin-top: 12px; text-align: center; font-size: 14px; color: #fff; }
    .footer a { color: #fff; text-decoration: none; }
    .footer a:hover { text-decoration: underline; }
    hr { border: none; border-top: 1px solid #222; margin: 12px 0 0; }
  </style>
</head>
<body>
  <h3>💧 CryptoDripster</h3>

  <label for="wallet">Recipient wallet</label>
  <input id="wallet" type="text" placeholder="Solana address (devnet)" spellcheck="false" autocomplete="off">

  <div class="row">
    <div>
      <label for="amount">Amount</label>
      <select id="amount">
        <option value="0.5">0.5 SOL</option>
        <option value="1">1 SOL</option>
        <option value="2.5">2.5 SOL</option>
        <option value="5">5 SOL</option>
      </select>
    </div>
    <div>
      <label for="interval">Interval (h)</label>
      <input id="interval" type="number" min="1" max="168" step="1">
    </div>
  </div>
  <label for="repeats">Requests per run (faucet limit: 2 per 8h)</label>
  <input id="repeats" type="number" min="1" max="5" step="1">
  <label class="check">
    <input type="checkbox" id="keepOpen">
    Keep the faucet tab open (to solve a captcha in time)
  </label>
  <div class="hint muted" id="saveHint"></div>

  <button id="save">💾 Save settings</button>
  <button id="runNow">▶ Run now</button>

  <div class="status" id="status">Loading…</div>

  <div class="logs-head">
    <span>📋 Logs</span>
    <button class="secondary" id="clearLogs">Clear</button>
  </div>
  <div id="logs"><div class="muted">No logs yet</div></div>

  <div class="footer">© <a href="https://testguard.app" target="_blank" rel="noopener">testguard.app</a></div>

  <script src="popup.js"></script>
</body>
</html>