donate.html•11 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Support Luno MCP Server - Global Donation Options</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.container {
background: white;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
padding: 40px;
max-width: 800px;
width: 100%;
text-align: center;
}
.logo {
font-size: 3rem;
margin-bottom: 20px;
}
h1 {
color: #2d3748;
margin-bottom: 10px;
font-size: 2.2rem;
}
.subtitle {
color: #718096;
font-size: 1.1rem;
margin-bottom: 30px;
line-height: 1.6;
}
.donation-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin: 30px 0;
}
.donation-card {
background: #f7fafc;
border: 2px solid #e2e8f0;
border-radius: 15px;
padding: 25px;
transition: all 0.3s ease;
cursor: pointer;
}
.donation-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
border-color: #667eea;
}
.card-icon {
font-size: 2.5rem;
margin-bottom: 15px;
}
.card-title {
font-size: 1.3rem;
font-weight: 600;
color: #2d3748;
margin-bottom: 10px;
}
.card-description {
color: #718096;
margin-bottom: 20px;
line-height: 1.5;
}
.btn {
display: inline-block;
padding: 12px 30px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer;
font-size: 1rem;
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}
.btn-paypal {
background: #0070ba;
color: white;
}
.btn-paypal:hover {
background: #005ea6;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 112, 186, 0.4);
}
.btn-github {
background: #24292e;
color: white;
}
.btn-github:hover {
background: #1a1e22;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(36, 41, 46, 0.4);
}
.crypto-section {
margin-top: 40px;
padding-top: 30px;
border-top: 2px solid #e2e8f0;
}
.crypto-address {
background: #f7fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 15px;
margin: 10px 0;
font-family: 'Courier New', monospace;
font-size: 0.9rem;
word-break: break-all;
cursor: pointer;
transition: all 0.3s ease;
}
.crypto-address:hover {
background: #edf2f7;
border-color: #cbd5e0;
}
.features {
margin-top: 30px;
text-align: left;
}
.feature-list {
list-style: none;
padding: 0;
}
.feature-list li {
padding: 8px 0;
color: #4a5568;
display: flex;
align-items: center;
}
.feature-list li::before {
content: "✅";
margin-right: 10px;
}
.github-link {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #e2e8f0;
}
.global-note {
background: #e6fffa;
border: 1px solid #38b2ac;
border-radius: 10px;
padding: 15px;
margin: 20px 0;
color: #2d3748;
}
@media (max-width: 768px) {
.container {
padding: 30px 20px;
}
h1 {
font-size: 1.8rem;
}
.donation-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<div class="container">
<div class="logo">🚀💰</div>
<h1>Support Luno MCP Server</h1>
<p class="subtitle">
Help keep this free, open-source cryptocurrency trading tool growing!
Your support enables continuous development and new features.
</p>
<div class="global-note">
<strong>🌍 Global Support:</strong> All payment options below work internationally and support multiple currencies and payment methods!
</div>
<div class="donation-grid">
<div class="donation-card">
<div class="card-icon">💖</div>
<div class="card-title">GitHub Sponsors</div>
<div class="card-description">
Monthly or one-time sponsorship through GitHub. Direct support for open source development.
</div>
<a href="https://github.com/sponsors/amanasmuei"
class="btn btn-github" target="_blank">
Sponsor on GitHub
</a>
</div>
<div class="donation-card">
<div class="card-icon">💳</div>
<div class="card-title">PayPal.me</div>
<div class="card-description">
Direct PayPal payment link - simpler than donation buttons and works in most countries worldwide.
</div>
<a href="https://paypal.me/amanasmuei"
class="btn btn-paypal" target="_blank">
Send via PayPal.me
</a>
</div>
</div>
<div class="features">
<h3 style="color: #2d3748; margin-bottom: 15px;">🎯 What Your Support Enables:</h3>
<ul class="feature-list">
<li>New trading pair integrations and market data</li>
<li>Advanced analytics and technical indicators</li>
<li>Performance optimizations and faster responses</li>
<li>Bug fixes and security updates</li>
<li>Comprehensive documentation and tutorials</li>
<li>Community support and feature requests</li>
<li>Integration with more exchanges and platforms</li>
</ul>
</div>
<div class="crypto-section">
<h3 style="color: #2d3748; margin-bottom: 20px;">🪙 Cryptocurrency Donations</h3>
<p style="color: #718096; margin-bottom: 20px;">
Perfect for a crypto trading project! Send donations to these addresses:
</p>
<div style="text-align: left;">
<strong>Bitcoin (BTC):</strong>
<div class="crypto-address" onclick="copyToClipboard('3CPb1HP6Gfpx3MZFdrm4nhoHk4VbX2eZRj')" title="Click to copy">
3CPb1HP6Gfpx3MZFdrm4nhoHk4VbX2eZRj
</div>
<strong>Ethereum (ETH):</strong>
<div class="crypto-address" onclick="copyToClipboard('0x54dC4eDf6c940C52A1434824634d8cE8629767b3')" title="Click to copy">
0x54dC4eDf6c940C52A1434824634d8cE8629767b3
</div>
<strong>Luno Trading:</strong>
<div class="crypto-address" style="background: #e6fffa; border-color: #38b2ac;">
Use the MCP server to trade on Luno! 📈 Every transaction supports the ecosystem.
</div>
</div>
</div>
<div class="github-link">
<p style="color: #718096; margin-bottom: 15px;">
⭐ <strong>Free ways to support:</strong>
</p>
<div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
<a href="https://github.com/amanasmuei/mcp-luno" class="btn btn-primary" target="_blank">
⭐ Star on GitHub
</a>
<a href="https://github.com/amanasmuei/mcp-luno/issues" class="btn btn-primary" target="_blank">
🐛 Report Issues
</a>
<a href="https://twitter.com/intent/tweet?text=Check%20out%20this%20amazing%20Luno%20MCP%20Server!" class="btn btn-primary" target="_blank">
📢 Share Project
</a>
</div>
</div>
<div style="margin-top: 30px; color: #a0aec0; font-size: 0.9rem;">
<p>Thank you for supporting open source development! 🙏</p>
<p style="margin-top: 10px;">All payment methods above work globally and support multiple currencies.</p>
</div>
</div>
<script>
function copyToClipboard(text) {
navigator.clipboard.writeText(text).then(function() {
// Show a temporary success message
const originalText = event.target.textContent;
event.target.textContent = 'Copied!';
event.target.style.background = '#d4edda';
event.target.style.borderColor = '#c3e6cb';
setTimeout(() => {
event.target.textContent = originalText;
event.target.style.background = '#f7fafc';
event.target.style.borderColor = '#e2e8f0';
}, 2000);
});
}
// Add smooth scroll animations
document.querySelectorAll('.donation-card').forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-5px) scale(1.02)';
});
card.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0) scale(1)';
});
});
</script>
</body>
</html>