From e8e0be2ad55fbcb88228c5e8e7e65922458e3a49 Mon Sep 17 00:00:00 2001 From: Mounir IDRASSI Date: Mon, 6 Jan 2025 11:50:20 +0100 Subject: Update donation HTML page to use new PayPal donation links We add javascript code to the page to handle dynamic selection of donation currency --- doc/html/Donation.html | 118 +++++++++++++++++++++++++++++++++++-------------- doc/html/donation.js | 9 ++++ doc/html/styles.css | 51 +++++++++++++++++++++ 3 files changed, 146 insertions(+), 32 deletions(-) create mode 100644 doc/html/donation.js (limited to 'doc') 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

- - - - - - - - - - - - - - - - - - - - - - - -
EuroUS DollarPound SterlingCanadian DollarSwiss FrancJapanese YenAustralian DollarPolish złoty
- -

For other currencies, click on the button below and then select your currency using the drop-down list under the amount.

- +
+
+ + Donate in Euros + +
Euro
+
+
+ + Donate in USD + +
US Dollar
+
+
+ + Donate in GBP + +
Pound Sterling
+
+
+ + Donate in CAD + +
Canadian Dollar
+
+
+ + Donate in CHF + +
Swiss Franc
+
+
+ + Donate in JPY + +
Japanese Yen
+
+
+ + Donate in AUD + +
Australian Dollar
+
+
+ + Donate in PLN + +
Polish złoty
+
+
+ +

For other currencies, select from the list below:

+
+ + +
@@ -73,14 +126,15 @@

Bitcoin

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; +} -- cgit v1.2.3