diff --git a/static/donate.html b/static/donate.html index 8367db126..f8b9f6174 100644 --- a/static/donate.html +++ b/static/donate.html @@ -33,188 +33,160 @@ {% with current_page="donate" %} {% include "header.html" %} {% endwith %} -
-

Donate

- -

GrapheneOS is an open source project supported via donations from individuals, - companies and other organizations. Donations are used for paying developers, - purchasing hardware (workstations, test devices, debugging cables/boards, etc.), - paying for infrastructure (domains, virtual/dedicated servers) and paying legal - fees.

- -

The multiple ways to donate are listed in the sections on this page.

- - - -
-

GitHub Sponsors (credit card)

- -

GrapheneOS can be sponsored with recurring or one-time donations via credit - cards through GitHub - Sponsors. There are standard tiers from $5 to $250 or you can donate a custom - amount.

+
+
+

Donate

+

GrapheneOS is an open source project supported via donations from individuals, + companies and other organizations. Learn more about donations.

-
-

Bitcoin

- -

Bitcoin can be used to make donations to the non-profit GrapheneOS - Foundation.

- -

You can send Bitcoin donations to the following Bech32 (Segwit) address:

- -
- - Bitcoin donation QR code -

bc1q9qw3g8tdxf3dugkv2z8cahd3axehph0mhsqk96

- -
- -

Alternatively, you can donate to the following Bech32m (Taproot) address if - your wallet supports it (preferred):

- -
- - Bitcoin Taproot donation QR code -

bc1prqf5hks5dnd4j87wxw3djn20559yhj7wvvcv6fqxpwlg96udkzgqtamhry

- -
- -

You can donate to the following BIP47 payment code (stealth address) or PayNym - if your wallet supports it:

- -
- - Bitcoin BIP47 payment code QR code -

PM8TJKmhJNQX6UTFagyuBk8UGmwKM6yDovEokpHBscPgP3Ac7WdK5zaQKh5XLSawyxiGYZS2a7HkAoeL6oHg7Ahn1VXX888yRG4PwF1dojouPtW7tEHT

- -
- -

PayNym: +wildtooth299

- -

We recommend using the lowest fee tier recommended by your wallet since the - transaction taking hours or even a couple days is fine. An even lower custom fee - isn't recommended unless you're going to monitor it and bump the fee with RBF.

-
- -
-

Monero

- -

Monero can be used to make donations to the non-profit GrapheneOS - Foundation.

- -

You can send Monero donations to the following address:

- -
- - Monero donation QR code -

862CebHaBpFPgYoNC6zw4U8rsXrDjD8s5LMJNS7yVCRHMUKr9dDi7adMSLUMjkDYJ85xahQTCJHHyK5RCvvRJu9x7iSzN9D

- -
- -

We recommend using the lowest fee level since it will still be quick.

-
- -
-

Zcash

- -

Zcash can be used to make donations to the non-profit GrapheneOS - Foundation.

- -

You can send Zcash donations to the following transparent address:

- -
- - Transparent Zcash donation QR code -

t1SJABjX8rqgzqgrzLW5dUw7ikSDZ2snD8A

- -
-
- -
-

Ethereum

- -

Ethereum can be used to make donations to the non-profit GrapheneOS - Foundation.

- -

You can send Ethereum donations to the following address:

- -
- - Ethereum donation QR code -

0xC822A62E5Ab443E0001f30cEB9B2336D0524fC61

- -
- -

We aren't looking for donations of tokens, only Ethereum itself.

-
- -
-

Cardano

- -

Cardano can be used to make donations to the non-profit GrapheneOS - Foundation.

- -

You can send Cardano donations to the following address:

- -
- - Cardano donation QR code -

addr1q9v89vfwyfssveug5zf2w7leafz8ethq490gvq0ghag883atfnucytpnq2t38dj7cnyngs6ne05cdwu9gseevgmt3ggq2a2wt6

- -
- -

We own the $grapheneos handle with this address so you can also send to the handle.

- -

We aren't looking for donations of tokens, only Cardano itself.

-
- -
-

PayPal

- -

PayPal can be used to make one-time, monthly or yearly donations to the - non-profit GrapheneOS Foundation.

- -

If possible, use the donation link for your currency. If it's not listed, - please use the CAD donation link.

- -

Donation links:

- - - -

PayPal charges a base fee of 30 cents and 2.9% of the donation amount within - Canada. There's an additional 0.8% fee for donations from the US and 1% for other - countries. Currency conversion adds an additional 4% fee as opposed to the usual - PayPal conversion fee of 3%.

-
- -
-

Interac e-Transfer

- -

If you have a Canadian bank account, you can send Canadian dollar donations to - the non-profit GrapheneOS Foundation via Interac e-Transfer to - contact@grapheneos.org. The email address has Interac e-Transfer - Autodeposit support enabled so no security question is necessary. If your bank - doesn't support Autodeposit, set the answer to the security question to - GrapheneOS.

+
+
+ +
+

GitHub Sponsors

+

Recurring or one-time donations through GitHub Sponsors.

+ +

github.com/sponsors/thestinger

+ +
+
+ +
+ +
+

PayPal

+

You can donate via one of the PayPal links below.

+

PayPal:

+ +

(USD)

+ + +

(CAD)

+ + +

(EUR)

+ + +

(GBP)

+ +
+
+ +
+ +
+

Interac e-Transfer

+

If you have a Canadian bank account, you can send CAD donations via

+ +

contact@grapheneos.org

+ +
+
+ +
+ +
+

Bitcoin

+

You can send Bitcoin donations to the following address:

+ +

Bitcoin address

+ +
+
+ +
+ +
+

Bitcoin Taproot

+

You can send Bitcoin Taproot donations to the following address:

+ +

Bitcoin Taproot address

+ +
+
+ +
+ +
+

Bitcoin BIP47 (Stealth)

+

You can send Bitcoin Taproot donations to one of the following addresses:

+ +

Bitcoin BIP47 (Stealth)

+ +

+wildtooth299

+
+
+ +
+ +
+

Monero

+

You can send Monero donations to the following address:

+ +

Monero address

+ +
+
+ +
+ +
+

Zcash

+

You can send Zcash donations to the following address:

+ +

Zcash address

+ +
+
+ +
+ +
+

Ethereum

+

You can send Ethereum donations to the following address:

+ +

Ethereum address

+ +
+
+ +
+ +
+

Cardano

+

You can send Cardano donations to the following address:

+ +

Cardano address

+ +
+
{% include "footer.html" %} diff --git a/static/donation-information.html b/static/donation-information.html new file mode 100644 index 000000000..40b57a17b --- /dev/null +++ b/static/donation-information.html @@ -0,0 +1,148 @@ + + + + + Donation Information | GrapheneOS + + + + + + + + + + + + + + + + + + + + + + [[css|/main.css]] + + + + + + {% with current_page="donation-information" %} + {% include "header.html" %} + {% endwith %} +
+

Donation Information

+ +

GrapheneOS is an open source project supported via donations from individuals, + companies and other organizations. Donations are used for paying developers, + purchasing hardware (workstations, test devices, debugging cables/boards, etc.), + paying for infrastructure (domains, virtual/dedicated servers) and paying legal + fees.

+ +

More information about the different ways to donate is listed on this page.

+ + + +
+

GitHub Sponsors (credit card)

+ +

GrapheneOS can be sponsored with recurring or one-time donations via credit + cards through GitHub + Sponsors. There are standard tiers from $5 to $250 or you can donate a custom + amount.

+
+ +
+

Bitcoin

+ +

Bitcoin can be used to make donations to the non-profit GrapheneOS + Foundation.

+ +

We recommend using the lowest fee tier recommended by your wallet since the + transaction taking hours or even a couple days is fine. An even lower custom fee + isn't recommended unless you're going to monitor it and bump the fee with RBF.

+
+ +
+

Monero

+ +

Monero can be used to make donations to the non-profit GrapheneOS + Foundation.

+ +

You can send Monero donations to the following address:

+ +

We recommend using the lowest fee level since it will still be quick.

+
+ +
+

Zcash

+ +

Zcash can be used to make donations to the non-profit GrapheneOS + Foundation.

+
+ +
+

Ethereum

+ +

Ethereum can be used to make donations to the non-profit GrapheneOS + Foundation.

+ +

We aren't looking for donations of tokens, only Ethereum itself.

+
+ +
+

Cardano

+ +

Cardano can be used to make donations to the non-profit GrapheneOS + Foundation.

+ +

We own the $grapheneos handle with this address so you can also send to the handle.

+ +

We aren't looking for donations of tokens, only Cardano itself.

+
+ +
+

PayPal

+ +

PayPal can be used to make one-time, monthly or yearly donations to the + non-profit GrapheneOS Foundation.

+ +

If possible, use the donation link for your currency. If it's not listed, + please use the CAD donation link.

+ +

PayPal charges a base fee of 30 cents and 2.9% of the donation amount within + Canada. There's an additional 0.8% fee for donations from the US and 1% for other + countries. Currency conversion adds an additional 4% fee as opposed to the usual + PayPal conversion fee of 3%.

+
+ +
+

Interac e-Transfer

+ +

If you have a Canadian bank account, you can send Canadian dollar donations to + the non-profit GrapheneOS Foundation via Interac e-Transfer to + contact@grapheneos.org. The email address has Interac e-Transfer + Autodeposit support enabled so no security question is necessary. If your bank + doesn't support Autodeposit, set the answer to the security question to + GrapheneOS.

+
+
+ {% include "footer.html" %} + + \ No newline at end of file diff --git a/static/github-logo.png b/static/github-logo.png new file mode 100644 index 000000000..e28a83730 Binary files /dev/null and b/static/github-logo.png differ diff --git a/static/interac-logo.png b/static/interac-logo.png new file mode 100644 index 000000000..8da27498b Binary files /dev/null and b/static/interac-logo.png differ diff --git a/static/main.css b/static/main.css index b04d29e29..56da30fa4 100644 --- a/static/main.css +++ b/static/main.css @@ -201,11 +201,109 @@ button:disabled { text-align: center; } -.coin-address img { +section.donate-thumb { + display: grid; + justify-items: center; + align-items: center; +} + +section.donate-thumb img.qr { image-rendering: pixelated; - width: 180px; - height: 180px; + width: 150px; + height: 150px; + border: 2px solid gray; + border-radius: 16px; + margin-right: 1em; +} + +section.donate-thumb img.logo { + image-rendering: auto; + width: 150px; + height: 150px; + border-radius: 16px; + margin-right: 1em; +} + +section.donation-card-holder { + display: grid; + margin-left: auto; + margin-right: auto; + margin-bottom: 2em; + padding: 1em; + width: 90vw; + grid-template-columns: 1fr 1fr; + column-gap: 1em; + row-gap: 1em; +} + +section.page-title { + text-align: center; + margin-bottom: 0.5em; +} + +section.page-title p { + margin: 0 auto; + width: 50vw; +} + +section.donation-card { + width: auto; + display: grid; + padding: 1em; + grid-template-columns: 0.25fr 0.75fr; + background-color: #fff; border-radius: 16px; + box-shadow: 0 2px 22px -18px rgb(0 0 0 / 75%); +} + +@media (max-width: 600px) { + section.donation-card { + display: block; + width: inherit; + padding: 1em 0.1em; + grid-template-columns: 1fr; + grid-template-rows: 0.25fr 0.75fr; + text-align: center; + } + + section.donation-card-holder { + grid-template-columns: 1fr; + } + + section.donate-thumb img { + margin-right: 0; + } + + section.page-title p { + width: 85vw; + } +} + +section.donation-card h2 { + margin-bottom: 0; +} + +section.donation-card p { + margin-top: 0.5em; + display: inline-block; + white-space: pre-wrap; +} + +section.donation-card a { + margin-top: 0.5em; + overflow-wrap: anywhere; +} + +@media (max-width: 600px) { + section.donation-card p { + max-width: 80%; + margin: 0.5em auto; + } + + section.donation-card a { + max-width: 80%; + overflow-wrap: break-word; + } } footer img { @@ -444,6 +542,14 @@ main.normalize { filter: invert(87%); } + section.donation-card { + background-color: #212121; + } + + section.donate-thumb img.qr { + border-color: black; + } + .surface { background-color: #212121; } diff --git a/static/paypal-logo.png b/static/paypal-logo.png new file mode 100644 index 000000000..245ff61ec Binary files /dev/null and b/static/paypal-logo.png differ