1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Crypto Donations â Revolution Radio</title> 7 <meta name="description" content="Support Revolution Radio with cryptocurrency donations â Bitcoin, Ethereum, Dogecoin, Bitcoin Cash, and Solana."> 8 <link rel="preconnect" href="https://fonts.googleapis.com"> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 <link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;700;900&family=MedievalSharp&family=Playfair+Display:wght@400;700;900&display=swap" rel="stylesheet"> 11 <style> 12 :root { 13 --dark-bg: #0a0806; 14 --panel-bg: #110e08; 15 --brass: #b8860b; 16 --brass-dark: rgba(184,134,11,0.3); 17 --gold: #ffd700; 18 --cream: #f5e6c8; 19 --copper: #cd7f32; 20 --font-display: 'Cinzel Decorative', 'Cinzel', serif; 21 --font-heading: 'Cinzel', 'Playfair Display', serif; 22 --font-body: 'Playfair Display', Georgia, serif; 23 } 24 25 * { margin: 0; padding: 0; box-sizing: border-box; } 26 27 body { 28 background: var(--dark-bg); 29 color: var(--cream); 30 font-family: var(--font-body); 31 min-height: 100vh; 32 overflow-x: hidden; 33 } 34 35 /* ---- Top Nav Bar ---- */ 36 .crypto-nav { 37 position: sticky; 38 top: 0; 39 z-index: 100; 40 background: linear-gradient(180deg, rgba(10,8,6,0.98) 0%, rgba(10,8,6,0.92) 100%); 41 border-bottom: 1px solid rgba(184,134,11,0.15); 42 padding: 0.8rem 2rem; 43 display: flex; 44 align-items: center; 45 justify-content: space-between; 46 backdrop-filter: blur(10px); 47 } 48 49 .crypto-nav a { 50 color: var(--brass); 51 text-decoration: none; 52 font-family: var(--font-heading); 53 font-weight: 700; 54 font-size: 0.85rem; 55 letter-spacing: 2px; 56 text-transform: uppercase; 57 transition: color 0.3s; 58 } 59 .crypto-nav a:hover { color: var(--gold); } 60 61 .nav-brand { 62 font-family: var(--font-display); 63 font-size: 1.2rem; 64 color: var(--gold) !important; 65 } 66 67 /* ---- Page Header ---- */ 68 .page-header { 69 text-align: center; 70 padding: 3.5rem 1rem 1.5rem; 71 } 72 73 .page-header h1 { 74 font-family: var(--font-display); 75 font-size: 2.2rem; 76 font-weight: 900; 77 background: linear-gradient(180deg, #ffd700 0%, #b8860b 50%, #cd7f32 100%); 78 -webkit-background-clip: text; 79 -webkit-text-fill-color: transparent; 80 background-clip: text; 81 margin-bottom: 0.5rem; 82 } 83 84 .page-header p { 85 color: rgba(184,134,11,0.5); 86 font-size: 0.85rem; 87 letter-spacing: 1px; 88 } 89 90 /* ---- Crypto Grid ---- */ 91 .crypto-grid { 92 display: grid; 93 grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); 94 gap: 1.5rem; 95 max-width: 1200px; 96 margin: 2rem auto; 97 padding: 0 1.5rem; 98 } 99 100 .crypto-card { 101 background: linear-gradient(145deg, rgba(17,14,8,0.95) 0%, rgba(8,6,4,0.98) 100%); 102 border: 2px solid var(--brass-dark); 103 border-radius: 10px; 104 padding: 1.8rem; 105 transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s; 106 position: relative; 107 overflow: hidden; 108 } 109 110 .crypto-card:hover { 111 border-color: rgba(184,134,11,0.5); 112 box-shadow: 0 0 25px rgba(184,134,11,0.08), inset 0 0 20px rgba(0,0,0,0.3); 113 transform: translateY(-2px); 114 } 115 116 .crypto-card::before { 117 content: ''; 118 position: absolute; 119 top: 0; left: 0; right: 0; 120 height: 3px; 121 border-radius: 10px 10px 0 0; 122 } 123 124 /* Coin accent colors */ 125 .card-btc::before { background: linear-gradient(90deg, transparent, #f7931a, transparent); } 126 .card-eth::before { background: linear-gradient(90deg, transparent, #627eea, transparent); } 127 .card-doge::before { background: linear-gradient(90deg, transparent, #c2a633, transparent); } 128 .card-bch::before { background: linear-gradient(90deg, transparent, #0ac18e, transparent); } 129 .card-sol::before { background: linear-gradient(90deg, transparent, #00d4aa, transparent); } 130 131 .coin-header { 132 display: flex; 133 align-items: center; 134 gap: 1rem; 135 margin-bottom: 1.2rem; 136 } 137 138 .coin-icon { 139 width: 48px; 140 height: 48px; 141 border-radius: 50%; 142 display: flex; 143 align-items: center; 144 justify-content: center; 145 font-size: 1.5rem; 146 font-weight: 900; 147 flex-shrink: 0; 148 } 149 150 .icon-btc { background: rgba(247,147,26,0.12); color: #f7931a; border: 1px solid rgba(247,147,26,0.25); } 151 .icon-eth { background: rgba(98,126,234,0.12); color: #627eea; border: 1px solid rgba(98,126,234,0.25); } 152 .icon-doge { background: rgba(194,166,51,0.12); color: #c2a633; border: 1px solid rgba(194,166,51,0.25); } 153 .icon-bch { background: rgba(10,193,142,0.12); color: #0ac18e; border: 1px solid rgba(10,193,142,0.25); } 154 .icon-sol { background: rgba(0,212,170,0.12); color: #00d4aa; border: 1px solid rgba(0,212,170,0.25); } 155 156 .coin-name { 157 font-family: var(--font-heading); 158 font-size: 1.3rem; 159 font-weight: 700; 160 color: var(--cream); 161 } 162 163 .coin-ticker { 164 display: block; 165 font-size: 0.75rem; 166 font-weight: 700; 167 letter-spacing: 2px; 168 margin-top: 2px; 169 } 170
171 .ticker-btc { color: #f7931a; } 172 .ticker-eth { color: #627eea; } 173 .ticker-doge { color: #c2a633; } 174 .ticker-bch { color: #0ac18e; } 175 .ticker-sol { color: #00d4aa; } 176 177 .wallet-address { 178 background: rgba(0,0,0,0.4); 179 border: 1px solid rgba(184,134,11,0.1); 180 border-radius: 6px; 181 padding: 0.8rem 1rem; 182 margin-bottom: 1rem; 183 font-family: 'Courier New', monospace; 184 font-size: 0.72rem; 185 color: rgba(245,230,200,0.7); 186 word-break: break-all; 187 line-height: 1.5; 188 letter-spacing: 0.5px; 189 } 190 191 .copy-btn { 192 display: inline-flex; 193 align-items: center; 194 gap: 0.5rem; 195 background: linear-gradient(180deg, rgba(30,22,10,0.9) 0%, rgba(15,11,5,0.95) 100%); 196 border: 2px solid var(--brass-dark); 197 color: var(--brass); 198 font-family: var(--font-heading); 199 font-size: 0.75rem; 200 font-weight: 700; 201 letter-spacing: 2px; 202 text-transform: uppercase; 203 padding: 0.5rem 1.2rem; 204 border-radius: 5px; 205 cursor: pointer; 206 transition: all 0.3s ease; 207 } 208 209 .copy-btn:hover { 210 background: linear-gradient(180deg, rgba(50,38,15,0.9) 0%, rgba(25,18,8,0.95) 100%); 211 color: var(--gold); 212 border-color: rgba(184,134,11,0.5); 213 } 214 215 .copy-btn.copied { 216 color: rgba(57,255,20,0.9); 217 border-color: rgba(57,255,20,0.3); 218 } 219 220 .copy-btn .copy-icon { font-size: 0.9rem; } 221 222 /* ---- Mail Section ---- */ 223 .mail-section { 224 max-width: 700px; 225 margin: 2.5rem auto; 226 padding: 0 1.5rem; 227 text-align: center; 228 } 229 230 .mail-plate { 231 background: linear-gradient(145deg, rgba(17,14,8,0.9) 0%, rgba(8,6,4,0.95) 100%); 232 border: 2px solid var(--brass-dark); 233 border-radius: 8px; 234 padding: 1.5rem 2rem; 235 } 236 237 .mail-plate p { 238 color: rgba(245,230,200,0.6); 239 font-size: 0.8rem; 240 line-height: 1.6; 241 } 242 243 .mail-plate strong { 244 color: var(--brass); 245 } 246 247 /* ---- Footer ---- */ 248 .crypto-footer { 249 text-align: center; 250 padding: 2.5rem 1rem; 251 border-top: 1px solid rgba(184,134,11,0.08); 252 margin-top: 2rem; 253 } 254 255 .crypto-footer p { 256 color: rgba(184,134,11,0.3); 257 font-size: 0.7rem; 258 letter-spacing: 1px; 259 } 260 261 .crypto-footer a { 262 color: var(--brass); 263 text-decoration: none; 264 } 265 .crypto-footer a:hover { color: var(--gold); } 266 267 /* ---- Responsive ---- */ 268 @media (max-width: 768px) { 269 .crypto-grid { grid-template-columns: 1fr; padding: 0 1rem; } 270 .page-header h1 { font-size: 1.6rem; } 271 .crypto-card { padding: 1.3rem; } 272 .wallet-address { font-size: 0.65rem; } 273 } 274 </style> 275</head> 276<body> 277 278 <!-- Nav --> 279 <nav class="crypto-nav"> 280 <a href="index.html" class="nav-brand">R R</a> 281 <div style="display:flex;gap:1.5rem;align-items:center;"> 282 <a href="news.html">News Wall</a> 283 <a href="index.html#support">← Back to Support</a> 284 </div> 285 </nav> 286 287 <!-- Header --> 288 <div class="page-header"> 289 <h1>Crypto Donations</h1> 290 <p>Click any address to copy to clipboard</p> 291 </div> 292 293 <!-- Crypto Cards Grid --> 294 <div class="crypto-grid"> 295 296 <!-- Bitcoin --> 297 <div class="crypto-card card-btc"> 298 <div class="coin-header"> 299 <div class="coin-icon icon-btc">â¿</div> 300 <div> 301 <div class="coin-name">Bitcoin</div> 302 <span class="coin-ticker ticker-btc">BTC</span> 303 </div> 304 </div> 305 <div class="wallet-address" id="addr-btc">bc1qf265jzjkynzmc0c0dqdh65zef8hg6ee7xsx6ke</div> 306 <button class="copy-btn" onclick="copyAddr('btc')"> 307 <span class="copy-icon">ð</span> Copy Address 308 </button> 309 </div> 310 311 <!-- Ethereum --> 312 <div class="crypto-card card-eth"> 313 <div class="coin-header"> 314 <div class="coin-icon icon-eth">Î</div> 315 <div> 316 <div class="coin-name">Ethereum</div> 317 <span class="coin-ticker ticker-eth">ETH</span> 318 </div> 319 </div> 320 <div class="wallet-address" id="addr-eth">0x7ca0f30b5A4fDe9F1949184c05177c6e24D45cF7</div> 321 <button class="copy-btn" onclick="copyAddr('eth')">
322 <span class="copy-icon">ð</span> Copy Address 323 </button> 324 </div> 325 326 <!-- Dogecoin --> 327 <div class="crypto-card card-doge"> 328 <div class="coin-header"> 329 <div class="coin-icon icon-doge">Ã</div> 330 <div> 331 <div class="coin-name">Dogecoin</div> 332 <span class="coin-ticker ticker-doge">DOGE</span> 333 </div> 334 </div> 335 <div class="wallet-address" id="addr-doge">DKpQsvzhVph6AQLGq6m7HL5sxtZDFvkQxF</div> 336 <button class="copy-btn" onclick="copyAddr('doge')"> 337 <span class="copy-icon">ð</span> Copy Address 338 </button> 339 </div> 340 341 <!-- Bitcoin Cash --> 342 <div class="crypto-card card-bch"> 343 <div class="coin-header"> 344 <div class="coin-icon icon-bch">É</div> 345 <div> 346 <div class="coin-name">Bitcoin Cash</div> 347 <span class="coin-ticker ticker-bch">BCH</span> 348 </div> 349 </div> 350 <div class="wallet-address" id="addr-bch">qze70us68uc7wnwskag5lypz3u2jtvj49ut7uwhwuw</div> 351 <button class="copy-btn" onclick="copyAddr('bch')"> 352 <span class="copy-icon">ð</span> Copy Address 353 </button> 354 </div> 355 356 <!-- Solana --> 357 <div class="crypto-card card-sol"> 358 <div class="coin-header"> 359 <div class="coin-icon icon-sol">â</div> 360 <div> 361 <div class="coin-name">Solana</div> 362 <span class="coin-ticker ticker-sol">SOL</span> 363 </div> 364 </div> 365 <div class="wallet-address" id="addr-sol">AxKXXACUDH2QhaECypq7yABSydUwBJ3EN2VSAUpeyXrz</div> 366 <button class="copy-btn" onclick="copyAddr('sol')"> 367 <span class="copy-icon">ð</span> Copy Address 368 </button> 369 </div> 370 371 </div> 372 373 <!-- Mail Alternative --> 374 <div class="mail-section"> 375 <div class="mail-plate"> 376 <p><strong>Checks / Money Orders:</strong> Payable to Mitchell Bupp (in $US if from outside mainland US)</p> 377 <p>Mail to: Mitchell Bupp, 770 Ramsey Lane, Henry VA 24102</p> 378 </div> 379 </div> 380 381 <!-- Footer --> 382 <footer class="crypto-footer"> 383 <p>© 2011â2026 <a href="index.html">Revolution Radio</a> â Where Information Never Sleeps</p> 384 </footer> 385 386
386<script> 387 function copyAddr(coin) { 388 var el = document.getElementById('addr-' + coin); 389 if (!el) return; 390 var text = el.textContent.trim(); 391 392 if (navigator.clipboard && navigator.clipboard.writeText) { 393 navigator.clipboard.writeText(text).then(function () { 394 showCopied(coin); 395 }); 396 } else { 397 // Fallback 398 var ta = document.createElement('textarea'); 399 ta.value = text; 400 ta.style.position = 'fixed'; 401 ta.style.left = '-9999px'; 402 document.body.appendChild(ta); 403 ta.select(); 404 document.execCommand('copy'); 405 document.body.removeChild(ta); 406 showCopied(coin); 407 } 408 } 409 410 function showCopied(coin) { 411 var btns = document.querySelectorAll('.copy-btn'); 412 btns.forEach(function (btn) { 413 if (btn.getAttribute('onclick').indexOf(coin) !== -1) { 414 btn.classList.add('copied'); 415 btn.innerHTML = '<span class="copy-icon">â</span> Copied!'; 416 setTimeout(function () { 417 btn.classList.remove('copied'); 418 btn.innerHTML = '<span class="copy-icon">ð</span> Copy Address'; 419 }, 2000); 420 } 421 }); 422 } 423 </script>
423 424</body> 425</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.