-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonation.html
133 lines (115 loc) · 4.97 KB
/
donation.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://clearufo.space/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payment Options</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Navigation Links -->
<nav>
<ul>
<li class="logo"><a href="index.html"><img src="logo.png" alt="ClearUFO Logo"></a></li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="container">
<h1>Donation Options</h1>
<h2>Select a Payment Method</h2>
<div class="payment-options">
<div class="payment-option" data-address="3MiZECN9AY5dbVo8Je3t3a6r8Frtog5zgA">
<img src="btc-qr-code.png" alt="Bitcoin QR Code">
<p>Bitcoin</p>
</div>
<div class="payment-option" data-address="0x706336B7B9689Fd0144F568b5f733Fd2aBf59ec6">
<img src="eth-qr-code.png" alt="Ethereum QR Code">
<p>Ethereum</p>
</div>
<div class="payment-option" data-address="D9LTj42XoLumvJfkwUTUDcfH93CJtN5niN">
<img src="doge-qr-code.png" alt="Dogecoin QR Code">
<p>Dogecoin</p>
</div>
<div class="payment-option" data-address="EPvSedny369FfpTwHwZ3dkH7Vsko9Gs6h666Kwtk8FCM">
<img src="sol-qr-code.png" alt="Solana QR Code">
<p>Solana</p>
</div>
<div class="payment-option" data-address="@Clearufo">
<img src="cashapp-qr-code.png" alt="Cash App QR Code">
<p>Cash App</p>
</div>
</div>
<div class="back-link">
<a href="home.html">← Back to Home</a>
</div>
</div>
<!-- Modal Window -->
<div id="modal" class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<h2 id="modal-title">Payment Address</h2>
<p id="modal-address">[Address will be displayed here]</p>
<button id="copy-button">Copy Address</button>
</div>
</div>
<footer>
<p>© 2024 ClearUFO.Space. All rights reserved.</p>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Get modal elements
var modal = document.getElementById('modal');
var modalTitle = document.getElementById('modal-title');
var modalAddress = document.getElementById('modal-address');
var copyButton = document.getElementById('copy-button');
var closeButton = document.querySelector('.close-button');
// Get all payment options
var paymentOptions = document.querySelectorAll('.payment-option');
// Add click event listener to each payment option
paymentOptions.forEach(function(option) {
option.addEventListener('click', function() {
var address = option.getAttribute('data-address');
var paymentMethod = option.querySelector('p').innerText;
// Set modal content
modalTitle.innerText = paymentMethod + ' Address';
modalAddress.innerText = address;
// Show the modal
modal.style.display = 'block';
});
});
// Add event listener to close button
closeButton.addEventListener('click', function() {
modal.style.display = 'none';
});
// When the user clicks anywhere outside of the modal, close it
window.addEventListener('click', function(event) {
if (event.target == modal) {
modal.style.display = 'none';
}
});
// Copy to clipboard functionality
copyButton.addEventListener('click', function() {
var addressText = modalAddress.innerText;
// Create a temporary textarea element to copy the text
var tempInput = document.createElement('textarea');
tempInput.value = addressText;
document.body.appendChild(tempInput);
// Select the text
tempInput.select();
tempInput.setSelectionRange(0, 99999); /* For mobile devices */
// Copy the text inside the textarea
document.execCommand('copy');
// Remove the temporary textarea
document.body.removeChild(tempInput);
// Optional: Alert the copied text or display a message
alert('Address copied to clipboard');
});
});
</script>
</body>
</html>