diff options
Diffstat (limited to 'support_en.html')
| -rw-r--r-- | support_en.html | 162 |
1 files changed, 162 insertions, 0 deletions
diff --git a/support_en.html b/support_en.html new file mode 100644 index 0000000..84ac3cd --- /dev/null +++ b/support_en.html @@ -0,0 +1,162 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Support the project | Drohiczyn-Poleski</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" type="text/css" href="style.css"> + <style> + /* Additional styles for the support page */ + .support-grid { + display: flex; + flex-wrap: wrap; + gap: 2rem; + justify-content: center; + margin: 2rem 0; + } + .support-card { + background: #fffef7; + border-radius: 28px; + padding: 1.5rem; + flex: 1 1 280px; + max-width: 320px; + box-shadow: 0 8px 20px rgba(0,0,0,0.05); + border: 1px solid #e2d5c0; + text-align: center; + transition: 0.2s; + } + .support-card:hover { + transform: translateY(-5px); + border-color: #bc9a6c; + } + .support-card h3 { + margin-top: 0; + color: #4a2e1f; + font-size: 1.6rem; + } + .qr-code { + background: white; + padding: 0.8rem; + border-radius: 20px; + display: inline-block; + margin: 1rem 0; + box-shadow: 0 2px 6px rgba(0,0,0,0.1); + } + .qr-code img { + width: 150px; + height: 150px; + display: block; + } + .crypto-address { + background: #f5f2e6; + border-radius: 60px; + padding: 0.5rem 1rem; + font-family: monospace; + font-size: 0.75rem; + word-break: break-all; + margin: 1rem 0; + border: 1px solid #decba4; + } + .btn { + display: inline-block; + background: #f5f2e6; + border: 1px solid #bc9a6c; + border-radius: 3rem; + padding: 0.6rem 1.5rem; + font-weight: 600; + text-decoration: none; + color: #4a2e1f; + transition: 0.2s; + margin-top: 0.5rem; + } + .btn-primary { + background: #bc9a6c; + color: white; + border-color: #8b6946; + } + .btn-primary:hover { + background: #a07d52; + } + .btn:hover { + background: #e8dfcf; + transform: translateY(-2px); + } + hr { + margin: 2rem 0; + border: none; + border-top: 2px dotted #decba4; + } + .footer-note { + text-align: center; + font-size: 0.85rem; + color: #6b5a4a; + margin-top: 2rem; + } + </style> +</head> +<body> +<div class="box"> + <div class="row content"> + <h1 style="text-align: center; color: #4a2e1f;">🙌 Support the project</h1> + <p style="text-align: center; max-width: 700px; margin: 0 auto 1rem auto;"> + The "Drohiczyn-Poleski" website exists thanks to donations. Choose a convenient way — any help matters! + </p> + + <div class="support-grid"> + <!-- PayPal --> + <div class="support-card"> + <h3>💳 PayPal</h3> + <div class="qr-code"> + <img src="https://quickchart.io/qr?text=https://paypal.me/EsFrPls?country.x=PL&locale.x=en_US&size=200&margin=2&ecLevel=H" + alt="PayPal QR"> + </div> + <a href="https://paypal.me/EsFrPls?country.x=PL&locale.x=en_US" target="_blank" class="btn btn-primary"> + Go to PayPal + </a> + </div> + + <!-- Bitcoin --> + <div class="support-card"> + <h3>₿ Bitcoin</h3> + <div class="qr-code"> + <img src="https://quickchart.io/qr?text=bc1q6jhue36rsh3w535q5gnhhlghde0v8s2jyya3h4&size=200&margin=2&ecLevel=H" + alt="Bitcoin QR"> + </div> + <div class="crypto-address"> + bc1q6jhue36rsh3w535q5gnhhlghde0v8s2jyya3h4 + </div> + <a href="bitcoin:bc1q6jhue36rsh3w535q5gnhhlghde0v8s2jyya3h4" class="btn">Open in wallet</a> + </div> + + <!-- Monero --> + <div class="support-card"> + <h3>🔒 Monero</h3> + <div class="qr-code"> + <img src="https://quickchart.io/qr?text=44La5HE87DujKoiTkYJqhujZdJJTh5gXfDxMco3b52a8R9agtcTxdnpcVzAypYRVtMGZSvyQejCE2YSYNRpeT4QrRso7MY6&size=200&margin=2&ecLevel=H" + alt="Monero QR"> + </div> + <div class="crypto-address" style="font-size: 0.65rem;"> + 44La5HE87DujKoiTkYJqhujZdJJTh5gXfDxMco3b52a8R9agtcTxdnpcVzAypYRVtMGZSvyQejCE2YSYNRpeT4QrRso7MY6 + </div> + <a href="monero:44La5HE87DujKoiTkYJqhujZdJJTh5gXfDxMco3b52a8R9agtcTxdnpcVzAypYRVtMGZSvyQejCE2YSYNRpeT4QrRso7MY6" class="btn">Open in wallet</a> + </div> + </div> + + <hr> + + <div style="text-align: center;"> + <a href="index.html" class="btn">🔙 Back to main page</a> + </div> + <div class="footer-note"> + <p>QR codes are generated automatically. Funds go directly to the specified wallets.</p> + </div> + </div> + + <div class="row footer"> + <div class="footer"> + <p>© Drohiczyn-Poleski project</p> + </div> + </div> +</div> +</body> +</html> |