diff --git a/doc/html/Donation.html b/doc/html/Donation.html
index 3abcf14d..9d0cd62f 100644
--- a/doc/html/Donation.html
+++ b/doc/html/Donation.html
@@ -7,6 +7,7 @@
+
@@ -27,37 +28,89 @@
Donation to VeraCrypt
-
You can support VeraCrypt development through donations using PayPal, bank transfers and cryptocurrencies (Bitcoin , Bitcoin Cash , Ethereum , Litecoin and Monero ). It is also possible to donate using Liberapay and Flattr.
+
You can support VeraCrypt development through donations using PayPal, bank transfers and cryptocurrencies (Bitcoin , Bitcoin Cash , Ethereum , Litecoin and Monero ). It is also possible to donate using Liberapay.
PayPal
-
-
-
-
-
-
-
-
-
-
-
-
-
-Euro
-US Dollar
-Pound Sterling
-Canadian Dollar
-Swiss Franc
-Japanese Yen
-Australian Dollar
-Polish złoty
-
-
-
+
-
For other currencies, click on the button below and then select your currency using the drop-down list under the amount.
-
+
For other currencies, select from the list below:
+
@@ -73,14 +126,15 @@
Bitcoin
-Legacy:
-
-14atYG4FNGwd3F89h1wDAfeRDwYodgRLcf
-
SegWit:
bc1q28x9udhvjp8jzwmmpsv7ehzw8za60c7g62xauh
+Legacy:
+
+14atYG4FNGwd3F89h1wDAfeRDwYodgRLcf
+
+
diff --git a/doc/html/donation.js b/doc/html/donation.js
new file mode 100644
index 00000000..2718bbc9
--- /dev/null
+++ b/doc/html/donation.js
@@ -0,0 +1,9 @@
+document.addEventListener('DOMContentLoaded', function() {
+ document.getElementById('currency-form').addEventListener('submit', function(e) {
+ e.preventDefault();
+ const select = this.querySelector('select');
+ if (select.value) {
+ window.open(select.value, '_blank');
+ }
+ });
+});
diff --git a/doc/html/styles.css b/doc/html/styles.css
index 6d9a5695..84c1515d 100644
--- a/doc/html/styles.css
+++ b/doc/html/styles.css
@@ -29,3 +29,54 @@
#menu li a:hover {
background-color: #111111;
}
+
+#currency-form select:hover, #currency-form input[type="submit"]:hover {
+ background-color: #111111;
+ color: white;
+}
+
+#currency-form select {
+ border: 1px solid #08aad7;
+ border-radius: 3px;
+}
+
+#currency-form input[type="submit"] {
+ border-radius: 3px;
+}
+
+.donation-buttons {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 15px;
+ margin: 20px 0;
+}
+
+.donation-button {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ min-width: 100px;
+}
+
+.donation-button a {
+ display: block;
+ text-decoration: none;
+}
+
+.donation-button img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+.currency-label {
+ margin-top: 5px;
+ text-align: center;
+ font-size: 0.9em;
+}
+
+.donation-button a:hover {
+ opacity: 0.9;
+ transform: translateY(-1px);
+ transition: all 0.2s ease;
+}