-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdonate.html
More file actions
149 lines (141 loc) · 6.39 KB
/
donate.html
File metadata and controls
149 lines (141 loc) · 6.39 KB
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donate - Bitcoin Address Sweeper</title>
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
<style>
:root {
--btc-orange: #f7931a;
--btc-dark: #1a1a2e;
--btc-blue: #16213e;
--btc-accent: #0f3460;
--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
--card-bg: rgba(255, 255, 255, 0.05);
--card-border: rgba(247, 147, 26, 0.2);
--text-primary: #e8e8e8;
--text-secondary: #a0a0b0;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--bg-gradient);
color: var(--text-primary);
min-height: 100vh;
}
.container { max-width: 700px; margin: 0 auto; padding: 2rem 1rem; }
h1 { text-align: center; font-size: 2rem; font-weight: 700; margin-bottom: 0.3rem; }
a { color: var(--btc-orange); text-decoration: none; }
a:hover { text-decoration: underline; }
.subtitle { text-align: center; color: var(--text-secondary); margin-bottom: 1.5rem; }
.card {
background: var(--card-bg);
border: 1px solid var(--card-border);
border-radius: 16px;
padding: 2rem;
margin-bottom: 1.5rem;
backdrop-filter: blur(10px);
}
.coffee-icon { text-align: center; font-size: 3rem; margin-bottom: 0.5rem; }
.donate-title { text-align: center; color: var(--btc-orange); font-size: 1.4rem; margin-bottom: 1rem; }
.donate-text { color: var(--text-secondary); line-height: 1.7; margin-bottom: 0.8rem; text-align: center; max-width: 550px; margin-left: auto; margin-right: auto; }
.donate-text .highlight { color: var(--btc-orange); font-weight: 700; }
.qr-section { text-align: center; padding: 1.5rem 0; }
.qr-section canvas { border-radius: 8px; margin-bottom: 1rem; }
.address-label { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--btc-orange); margin-bottom: 0.4rem; }
.address-display {
font-family: 'Courier New', monospace;
font-size: 0.85rem;
word-break: break-all;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 8px;
padding: 0.75rem 1rem;
max-width: 500px;
margin: 0 auto 0.5rem;
user-select: all;
cursor: pointer;
transition: border-color 0.2s;
}
.address-display:hover { border-color: var(--btc-orange); }
.copy-hint { font-size: 0.8rem; color: var(--text-secondary); }
.generated-with { text-align: center; margin-top: 1.5rem; font-size: 0.85rem; color: var(--text-secondary); font-style: italic; }
.generated-with .highlight { color: var(--btc-orange); font-style: normal; font-weight: 600; }
.back-link { text-align: center; margin-bottom: 1.5rem; }
.back-link a { font-size: 0.95rem; }
.disclaimer { text-align: center; padding: 24px 16px 12px; margin-top: 32px; border-top: 1px solid rgba(255,255,255,0.1); color: var(--text-secondary); font-size: 12px; line-height: 1.6; }
</style>
</head>
<body>
<div class="container">
<h1>₿ Bitcoin Address Sweeper</h1>
<p class="subtitle">Support this project</p>
<div class="back-link">
<a href="./">← Back to Address Sweeper</a>
</div>
<div class="card">
<div class="coffee-icon">☕</div>
<h2 class="donate-title">Buy Me a Coffee (with Bitcoin!)</h2>
<p class="donate-text" style="font-weight:600;">
Every sat counts. Your donation helps keep this project alive.
</p>
<p class="donate-text">
Building and maintaining open-source Bitcoin tools takes
<span class="highlight">serious time, caffeine, and compute</span>.
From PSBT construction to multi-wallet signing flows —
this project is a labor of love.
</p>
<p class="donate-text">
Your donation helps cover the cost of
<span class="highlight">Claude</span> (the AI that helped build this),
keeps the coffee flowing, and fuels development of more
great Bitcoin tools. No VC funding, no ads, no tracking — just
open-source code and generous supporters like you.
</p>
<div class="qr-section">
<div class="address-label">Scan to Donate</div>
<a href="bitcoin:bc1qrfagrsfrm8erdsmrku3fgq5yc573zyp2q3uje8"><canvas id="qrCode"></canvas></a>
<div class="address-label" style="margin-top: 0.5rem;">Bitcoin Address (SegWit)</div>
<a href="bitcoin:bc1qrfagrsfrm8erdsmrku3fgq5yc573zyp2q3uje8" class="address-display" id="addressDisplay" style="display:block;color:inherit;">
bc1qrfagrsfrm8erdsmrku3fgq5yc573zyp2q3uje8
</a>
<div class="copy-hint" id="copyHint">Click to open wallet · Right-click to copy</div>
</div>
<div class="generated-with">
This address was generated using <a href="https://objsal.github.io/bitcoin-gift-paper-wallet/" style="font-weight:600;">₿itcoin Gift Paper Wallet</a>
</div>
</div>
<div class="disclaimer">
⚠️ <strong>No Warranty · Use at Your Own Risk</strong><br>
This Bitcoin Address Sweeper is provided as-is, without warranty of any kind. The author is not responsible for any loss of funds from transactions created with this tool. Always verify addresses, amounts, and fees before signing and broadcasting.
</div>
</div>
<script src="qr_generator.js"></script>
<script>
const ADDRESS = 'bc1qrfagrsfrm8erdsmrku3fgq5yc573zyp2q3uje8';
const BIP21_URI = 'bitcoin:' + ADDRESS;
(function() {
const matrix = QRGenerator.generateQR(BIP21_URI.toUpperCase(), QRGenerator.EC_M);
const cellSize = 5;
const margin = 4;
const size = matrix.length;
const canvas = document.getElementById('qrCode');
const totalSize = (size + margin * 2) * cellSize;
canvas.width = totalSize;
canvas.height = totalSize;
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#ffffff';
ctx.fillRect(0, 0, totalSize, totalSize);
ctx.fillStyle = '#000000';
for (let row = 0; row < size; row++) {
for (let col = 0; col < size; col++) {
if (matrix[row][col]) {
ctx.fillRect((col + margin) * cellSize, (row + margin) * cellSize, cellSize, cellSize);
}
}
}
})();
</script>
</body>
</html>