From 831326cac80c4d26082d0ef2f1e225d77af7101b Mon Sep 17 00:00:00 2001
From: Roman Tsisyk <roman@tsisyk.com>
Date: Fri, 9 Sep 2022 15:55:56 +0300
Subject: [PATCH] Rework donation page

Signed-off-by: Roman Tsisyk <roman@tsisyk.com>
Co-authored-by: Alexander Borsuk <170263+biodranik@users.noreply.github.com>
---
 content/donate/index.md                  |  46 +++-----
 sass/main.scss                           |  12 +-
 static/images/donates/amex.svg           |  98 ++++++++++++++++
 static/images/donates/apple.svg          |  76 +++++++++++++
 static/images/donates/bancontact.svg     |  56 ++++++++++
 static/images/donates/bank.svg           |  41 +++++++
 static/images/donates/bitcoin.svg        |  80 +++++++++++++
 static/images/donates/blik.svg           |  99 +++++++++++++++++
 static/images/donates/card.svg           |  48 ++++++++
 static/images/donates/cartes.svg         |  69 ++++++++++++
 static/images/donates/eps.svg            |  66 +++++++++++
 static/images/donates/ethereum.svg       |  70 ++++++++++++
 static/images/donates/giropay.svg        |  52 +++++++++
 static/images/donates/github.svg         |  51 +++++++++
 static/images/donates/google.svg         |  63 +++++++++++
 static/images/donates/ideal.svg          |  73 ++++++++++++
 static/images/donates/liberapay.svg      |  51 +++++++++
 static/images/donates/link.svg           |  47 ++++++++
 static/images/donates/mastercard.svg     |  58 ++++++++++
 static/images/donates/mir.svg            |  94 ++++++++++++++++
 static/images/donates/monero.svg         |  54 +++++++++
 static/images/donates/paypal.svg         | 136 +++++++++++++++++++++++
 static/images/donates/sepa.svg           |  52 +++++++++
 static/images/donates/sofort.svg         |  82 ++++++++++++++
 static/images/donates/telegram.svg       |  70 ++++++++++++
 static/images/donates/tron.svg           |  69 ++++++++++++
 static/images/donates/unionpay.svg       |  98 ++++++++++++++++
 static/images/donates/visa.svg           |  51 +++++++++
 static/images/donates/zcash.svg          |  89 +++++++++++++++
 templates/shortcodes/donate_buttons.html |  54 ++++++---
 30 files changed, 1953 insertions(+), 52 deletions(-)
 create mode 100644 static/images/donates/amex.svg
 create mode 100644 static/images/donates/apple.svg
 create mode 100644 static/images/donates/bancontact.svg
 create mode 100644 static/images/donates/bank.svg
 create mode 100644 static/images/donates/bitcoin.svg
 create mode 100644 static/images/donates/blik.svg
 create mode 100644 static/images/donates/card.svg
 create mode 100644 static/images/donates/cartes.svg
 create mode 100644 static/images/donates/eps.svg
 create mode 100644 static/images/donates/ethereum.svg
 create mode 100644 static/images/donates/giropay.svg
 create mode 100644 static/images/donates/github.svg
 create mode 100644 static/images/donates/google.svg
 create mode 100644 static/images/donates/ideal.svg
 create mode 100644 static/images/donates/liberapay.svg
 create mode 100644 static/images/donates/link.svg
 create mode 100644 static/images/donates/mastercard.svg
 create mode 100644 static/images/donates/mir.svg
 create mode 100644 static/images/donates/monero.svg
 create mode 100644 static/images/donates/paypal.svg
 create mode 100644 static/images/donates/sepa.svg
 create mode 100644 static/images/donates/sofort.svg
 create mode 100644 static/images/donates/telegram.svg
 create mode 100644 static/images/donates/tron.svg
 create mode 100644 static/images/donates/unionpay.svg
 create mode 100644 static/images/donates/visa.svg
 create mode 100644 static/images/donates/zcash.svg

diff --git a/content/donate/index.md b/content/donate/index.md
index f3ece770..a1a19b0a 100644
--- a/content/donate/index.md
+++ b/content/donate/index.md
@@ -1,5 +1,5 @@
 ---
-title: Feed your developers and Organic Maps servers!
+title: Feed your developers
 description: Donate to support the development of our free application
 weight: 10
 extra:
@@ -7,27 +7,27 @@ extra:
   preview_image: donate/donate.png
 ---
 
-We are looking for your help to fund the further development of the Organic Maps application.
+We rely on your **[donations][donate]** to carry out our mission to keep Organic Maps free!
 
 {{ donate_buttons() }}
 
-## Why?
+Organic Maps is free from nasty stuff:
 
-Organic Maps promotes the new ideology, which is unique on the market. Our app is entirely free from trackers and other nasty stuff:
-
-- 100% free, without paid features
-- No ads
-- No tracking
-- No data collection
-- No phoning home
+- **No ads**
+- **No tracking**
+- **No data collection**
 - No annoying registration
-- No mandatory tutorials
-- No noisy email spam
 - No push notifications
 - No crapware
-- No pesticides
+- <s>No pesticides</s> Purely organic!
 
-No ads, no tracking, no secret deals under the table! There is no even a paid premium version! Everyone can install the full-featured version of Organic Maps from the AppStore, Google Play, F-Droid, or GitHub at no cost.
+We made  Organic Maps with love ❤️:
+
+- Respects your privacy
+- Saves your battery
+- No unexpected mobile data charges
+
+Organic Maps promotes the new ideology, which is unique on the market. No ads, no tracking, no secret deals under the table! Everyone can install the full-featured version of Organic Maps from the AppStore, Google Play, F-Droid, or GitHub at no cost.
 
 Moreover, Organic Maps is one of a few applications nowadays that supports 100% of features without an active Internet connection. Install Organic Maps, download maps, throw away your SIM card (BTW, your operator constantly tracks you), and go for a weekly trip on a single battery charge without any byte sent to the network.
 
@@ -55,24 +55,17 @@ Thirdly, there are many other cool things to do:
 - Public Transport
 - ... and many other features you want and love
 
-
 ## How to donate?
 
 There are many ways to donate to the project:
 
-- **[GitHub Sponsors][] - recommended**, zero fees
-- [Liberapay][] - moderate fees
-- [PayPal donate@organicmaps.app][PayPal] - high fees
-- [SEPA/direct bank transfer][SEPA] - negligible fees
-- [Cryptocurrency][Crypto] - extreme fees
+{{ donate_buttons() }}
 
 Recurring donations are the best way to ensure a relatively stable income for
 the project and motivate us for long-term tasks and goals. But you can also
 donate one time.
 
-{{ donate_buttons() }}
-
-### SEPA and direct bank transfer
+### Bank Transfer
 
 #### Euro
 
@@ -137,9 +130,4 @@ Zcash         | ZEC  | t1djHnDg8yGfn6vLPrYgejUFf2ZCF4WMmkp
 Yes! There are many ways to support Organic Maps. Please see
 [Support Us](@/support-us/index.md) page for more details.
 
-
-[PayPal]: https://www.paypal.com/donate?hosted_button_id=JYM34AADM87V8 "PayPal donate@organicmaps.app"
-[GitHub Sponsors]: https://github.com/sponsors/organicmaps "GitHub Sponsors"
-[Liberapay]: https://liberapay.com/OrganicMaps/donate "Liberapay"
-[SEPA]: #sepa-and-direct-bank-transfer "SEPA and direct bank transfer"
-[Crypto]: #crypto "Donation in crypto"
+[Donate]: https://donate.organicmaps.app
diff --git a/sass/main.scss b/sass/main.scss
index 40315d0f..3046130b 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -176,12 +176,14 @@ footer {
 }
 
 .donate_buttons {
-  form, iframe, a {
-    display: inline-block;
-    vertical-align: top;
+  form, input {
+    display: inline;
+    border-width: 0;
   }
-  a {
-    margin: 0 1em 0 1em;
+  img, input[type="image"] {
+    height: 48px;
+    width: 48px;
+    padding: 2px;
   }
 }
 
diff --git a/static/images/donates/amex.svg b/static/images/donates/amex.svg
new file mode 100644
index 00000000..941c8c68
--- /dev/null
+++ b/static/images/donates/amex.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   id="svg379"
+   sodipodi:docname="amex.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+   id="defs383" />
+  <sodipodi:namedview
+   id="namedview381"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="4.7686311"
+   inkscape:cx="10.380337"
+   inkscape:cy="23.906232"
+   inkscape:window-width="1309"
+   inkscape:window-height="456"
+   inkscape:window-x="1440"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg379" />
+  <g
+   id="g400"
+   transform="matrix(0.06389193,0,0,0.06389193,-0.35633408,-0.35633408)">
+    <g
+   id="_x31_6-amex_x2C__Credit_card">
+      <g
+   id="g375">
+        <g
+   id="g373">
+          <path
+   d="m 432.121,329.196 v -3.595 c -8.621,4.47 -3.114,3.595 -125.077,3.595 0,-20.117 0.081,-19.078 0,-20.117 C 305.688,309 304.49,309 299.54,309 c 0,14.287 -0.078,5.428 -0.078,20.196 h -31.608 c 0,-9.66 0.08,-12.213 0.08,-23.31 -7.982,4.79 -18.199,5.109 -27.379,4.949 0,11.732 -0.08,6.626 -0.08,18.36 h -39.03 c -4.071,-4.553 -2.156,-2.478 -12.292,-13.891 -2.556,2.794 -10.218,11.097 -12.852,13.891 H 110.85 V 255.52 h 66.329 c 3.991,4.471 2.235,2.475 12.371,13.728 2.555,-2.792 9.738,-10.696 12.533,-13.728 h 46.295 c 7.821,0 14.368,1.518 19.396,4.471 v -4.471 c 43.342,0 51.324,-1.118 60.424,4.07 v -4.07 h 62.419 v 4.15 c 9.099,-5.508 15.644,-4.15 51.802,-4.15 v 3.991 c 8.222,-4.71 13.249,-4.15 43.343,-3.991 V 115.519 c 0,-21.152 -17.161,-38.314 -38.315,-38.314 H 64.314 c -21.152,0 -38.313,17.162 -38.313,38.314 v 87.641 c 7.504,-17.48 15.725,-36.716 18.438,-43.021 h 31.689 c 3.433,8.061 1.276,2.952 7.184,16.841 v -16.841 h 36.717 c 2.314,4.947 8.86,19.155 11.095,23.945 4.629,-10.856 8.063,-19.078 10.058,-23.945 h 82.213 c 0,-0.081 9.18,0 9.26,0 34.88,0.158 42.782,-0.64 51.402,4.229 v -4.229 h 31.85 v 7.422 c 6.065,-4.869 14.288,-7.422 24.503,-7.422 h 22.03 c 0,0.399 1.519,0.239 1.837,0.239 h 25.86 c 3.354,7.821 2.076,4.788 7.023,16.442 v -16.442 h 34.563 c 3.911,6.385 -0.798,-1.437 8.938,14.686 v -14.686 h 31.849 v 73.434 h -33.204 c -4.312,-7.185 -1.118,-1.757 -10.536,-17.48 v 17.48 h -42.146 c -5.107,-11.814 -0.081,-0.24 -5.268,-12.213 h -15.167 c -3.351,7.981 -1.755,4.151 -5.107,12.213 h -21.393 c -9.815,0 -17.799,-2.395 -23.705,-7.104 v 7.104 h -53.079 c -0.24,-11.095 -0.081,-19.796 -0.081,-19.796 -1.437,-0.239 -2.715,-0.159 -7.822,-0.159 v 20.034 H 146.848 v -9.1 c -1.996,4.47 -2.155,4.71 -4.071,9.1 H 119.23 c -3.193,-7.104 -2.314,-5.108 -4.07,-9.1 v 9.1 H 72.935 c -3.353,-8.062 -1.756,-4.23 -5.108,-12.212 H 52.501 c -3.352,7.981 -1.755,4.15 -5.108,12.212 H 26.16 V 396.48 c 0,21.155 17.162,38.315 38.314,38.315 h 383.212 c 21.15,0 38.313,-17.16 38.313,-38.315 v -72.154 c -10.137,6.624 -26.102,4.87 -53.878,4.87 z"
+   style="fill:#016fd0"
+   id="path351" />
+          <rect
+   height="55.313"
+   style="fill:#016fd0"
+   width="13.489"
+   x="293.23499"
+   y="170.754"
+   id="rect353" />
+          <path
+   d="m 285.652,185.599 c 0,-13.09 -11.254,-14.685 -21.87,-14.685 l -31.209,-0.241 v 55.314 h 13.09 v -20.034 h 14.368 c 14.687,0 11.573,8.222 11.813,20.034 h 13.251 v -10.776 c 0,-7.342 -1.198,-12.052 -8.781,-14.685 5.908,-2.395 9.418,-8.541 9.338,-14.927 z m -23.465,9.02 h -16.523 v -12.213 h 16.763 c 4.071,0 8.539,0.799 8.539,5.906 -0.001,5.269 -4.232,6.307 -8.779,6.307 z"
+   style="fill:#016fd0"
+   id="path355" />
+          <polygon
+   points="223.474,170.754 179.175,170.754 179.175,226.067 223.474,226.067 223.474,214.653 192.424,214.653 192.424,203.639 222.596,203.639 222.596,192.384 192.424,192.384 192.424,182.406 223.474,182.406 "
+   style="fill:#016fd0"
+   id="polygon357" />
+          <path
+   d="M 169.357,226.067 V 170.754 H 147.326 L 131.602,208.268 114.28,170.754 H 92.65 v 52.439 L 70.221,170.754 H 50.665 l -23.707,55.313 h 14.289 l 5.107,-12.212 H 73.892 L 79,226.067 h 26.979 v -43.262 l 19.156,43.262 h 11.654 l 19.156,-43.262 v 43.262 z m -118.294,-23.706 8.94,-22.03 9.18,22.03 z"
+   style="fill:#016fd0"
+   id="path359" />
+          <path
+   d="m 248.856,266.058 h -42.064 l -16.763,18.197 -16.363,-18.197 h -53.078 l -0.081,55.313 h 52.203 l 17,-18.357 16.283,18.357 h 25.702 l 0.079,-18.596 c 15.086,0 39.352,3.67 39.352,-18.598 0,-13.81 -9.818,-18.119 -22.27,-18.119 z m -82.852,43.66 h -32.407 v -11.015 h 28.975 V 287.45 h -28.975 v -9.979 h 33.285 l 14.288,16.125 z m 52.52,6.546 -20.193,-22.429 20.193,-21.871 z m 30.173,-24.743 h -16.923 v -14.05 h 17.161 c 4.471,0 8.143,1.836 8.143,6.707 0,5.106 -3.672,7.343 -8.381,7.343 z"
+   style="fill:#016fd0"
+   id="path361" />
+          <path
+   d="m 313.191,198.85 c 0,17.719 8.141,27.138 26.339,27.138 h 15.328 l 5.105,-12.212 h 27.379 l 5.267,12.212 h 26.901 v -41.426 l 24.902,41.426 h 18.839 V 170.915 H 449.76 v 38.393 l -23.228,-38.393 h -20.194 v 52.2 l -22.268,-52.2 h -19.796 l -18.758,43.5 h -5.906 c -10.617,0 -12.851,-6.466 -12.851,-15.884 0,-18.997 12.531,-15.964 26.419,-15.725 v -12.133 h -12.852 c -18.754,0 -27.135,9.578 -27.135,28.177 z m 60.743,-18.519 8.938,22.03 h -18.198 z"
+   style="fill:#016fd0"
+   id="path363" />
+          <path
+   d="m 415.597,309.479 h -25.699 l -0.081,11.813 h 25.703 c 11.813,0 20.912,-4.47 20.912,-17.559 0,-26.501 -34.241,-8.94 -34.241,-20.995 0,-4.468 3.91,-5.106 7.342,-5.106 h 24.266 v -11.655 h -26.5 c -10.217,0 -18.758,5.27 -18.758,16.522 0,26.341 34.081,9.979 34.081,21.872 -0.078,4.311 -3.752,5.108 -7.025,5.108 z"
+   style="fill:#016fd0"
+   id="path365" />
+          <path
+   d="m 330.591,280.984 c 0,-13.091 -11.254,-14.927 -21.63,-14.927 h -31.45 l -0.078,55.313 h 13.25 l 0.077,-20.192 h 14.05 c 8.78,0 11.813,1.597 11.813,11.015 l -0.08,9.178 h 13.25 l 0.081,-11.014 c 0,-7.104 -1.438,-12.053 -8.782,-14.687 6.147,-2.475 9.421,-8.62 9.499,-14.686 z m -23.307,8.939 H 290.76 v -12.452 h 16.764 c 4.071,0 8.541,0.8 8.541,5.907 -10e-4,5.508 -4.31,6.545 -8.781,6.545 z"
+   style="fill:#016fd0"
+   id="path367" />
+          <polygon
+   points="381.915,266.058 337.854,266.058 337.775,321.371 381.836,321.371 381.915,309.957 351.104,309.718 351.104,298.703 381.356,298.703 381.356,287.45 351.185,287.45 351.185,277.471 381.915,277.471 "
+   style="fill:#016fd0"
+   id="polygon369" />
+          <path
+   d="m 461.097,277.711 h 24.025 V 266.058 H 458.86 c -10.217,0 -18.996,5.268 -18.996,16.523 0,26.34 34.082,10.218 34.082,21.87 0,4.07 -3.432,5.108 -6.704,5.108 H 441.7 l -0.08,11.812 h 25.542 c 6.705,0 14.049,-1.438 17.96,-7.103 v -20.595 c -8.383,-11.014 -31.369,-1.037 -31.369,-10.774 0,-4.628 3.67,-5.188 7.344,-5.188 z"
+   style="fill:#016fd0"
+   id="path371" />
+        </g>
+      </g>
+    </g>
+    <g
+   id="Layer_1" />
+  </g>
+</svg>
diff --git a/static/images/donates/apple.svg b/static/images/donates/apple.svg
new file mode 100644
index 00000000..247fd26c
--- /dev/null
+++ b/static/images/donates/apple.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1417"
+   sodipodi:docname="apple.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1421" />
+  <sodipodi:namedview
+     id="namedview1419"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1417" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1415">
+    <path
+       fill="#003663"
+       d="M0 0h32v32H0z"
+       id="path1395" />
+    <path
+       fill="#FFF"
+       d="M0 0h32v32H0z"
+       id="path1397" />
+    <g
+       fill-rule="nonzero"
+       id="g1413">
+      <path
+         d="M27.419 7H4.5a49.077 49.077 0 0 0-.527.004 3.506 3.506 0 0 0-.525.046c-.176.032-.34.084-.5.165a1.675 1.675 0 0 0-.733.734c-.082.16-.133.323-.165.499-.03.173-.041.35-.046.525L2 9.213v13.16a68.313 68.313 0 0 0 .004.528c.005.175.015.352.046.525.032.176.083.34.165.499a1.67 1.67 0 0 0 .734.734c.16.081.323.133.499.164.173.031.35.042.525.047l.24.003h23.492l.242-.003c.174-.005.351-.016.525-.047.175-.031.339-.083.499-.164a1.667 1.667 0 0 0 .733-.734 1.76 1.76 0 0 0 .165-.5 3.48 3.48 0 0 0 .046-.524c.002-.08.003-.16.003-.241l.001-.287V9.214c0-.08-.002-.16-.004-.241a3.482 3.482 0 0 0-.046-.525 1.683 1.683 0 0 0-1.397-1.398 3.515 3.515 0 0 0-.525-.046l-.242-.003L27.42 7Z"
+         fill="#000"
+         id="path1399" />
+      <path
+         d="M27.419 7.596h.282c.076 0 .153.002.23.004.133.003.29.01.435.037.127.023.233.057.335.11a1.078 1.078 0 0 1 .473.473c.051.1.086.206.108.334.026.144.034.3.037.435l.004.23v13.438c0 .076-.002.152-.004.228a2.79 2.79 0 0 1-.037.436 1.156 1.156 0 0 1-.109.334 1.079 1.079 0 0 1-.473.473 1.166 1.166 0 0 1-.333.109 3.03 3.03 0 0 1-.434.037 8.916 8.916 0 0 1-.232.003H4.217c-.077 0-.154-.001-.228-.003a3.035 3.035 0 0 1-.436-.037 1.17 1.17 0 0 1-.335-.11 1.069 1.069 0 0 1-.472-.472 1.17 1.17 0 0 1-.11-.335 2.947 2.947 0 0 1-.036-.435 11.135 11.135 0 0 1-.004-.229V9.218c0-.077.001-.153.004-.23.003-.133.01-.289.037-.435a1.15 1.15 0 0 1 .109-.334 1.075 1.075 0 0 1 .473-.473c.101-.052.207-.086.334-.11a3.05 3.05 0 0 1 .436-.036l.228-.004H27.42"
+         fill="#FFF"
+         id="path1401" />
+      <g
+         fill="#000"
+         id="g1411">
+        <g
+           id="g1405">
+          <path
+             d="M9.622 13.012c.239-.3.401-.7.358-1.111-.35.017-.777.23-1.024.53-.222.256-.418.675-.367 1.068.393.034.785-.197 1.033-.487m.354.563c-.57-.034-1.056.324-1.328.324-.273 0-.69-.307-1.141-.298a1.682 1.682 0 0 0-1.43.869c-.613 1.056-.162 2.623.434 3.484.29.425.638.894 1.098.877.434-.017.605-.28 1.132-.28.528 0 .681.28 1.141.272.477-.009.775-.426 1.064-.852.333-.486.469-.954.477-.98-.008-.008-.92-.358-.928-1.405-.008-.878.715-1.295.75-1.32-.41-.605-1.048-.674-1.27-.69"
+             id="path1403" />
+        </g>
+        <g
+           id="g1409">
+          <path
+             d="M14.943 12.388c1.24 0 2.103.855 2.103 2.1 0 1.248-.88 2.107-2.134 2.107h-1.373v2.183h-.992v-6.39h2.396Zm-1.404 3.375h1.138c.864 0 1.355-.465 1.355-1.271 0-.806-.491-1.267-1.35-1.267h-1.143v2.538Zm3.767 1.691c0-.815.624-1.315 1.731-1.377l1.275-.075v-.359c0-.518-.35-.828-.934-.828-.554 0-.899.266-.983.682h-.903c.053-.842.77-1.462 1.921-1.462 1.13 0 1.851.598 1.851 1.533v3.21h-.916v-.766h-.022c-.27.518-.86.846-1.47.846-.913 0-1.55-.567-1.55-1.404Zm3.006-.42v-.368l-1.147.07c-.57.04-.894.293-.894.692 0 .407.336.673.85.673.669 0 1.191-.46 1.191-1.067Zm1.818 3.458v-.775c.07.018.23.018.31.018.443 0 .682-.186.828-.664 0-.01.084-.284.084-.288L21.67 14.12h1.036l1.179 3.79h.017l1.178-3.79h1.01l-1.745 4.902c-.398 1.13-.859 1.492-1.824 1.492a3.7 3.7 0 0 1-.39-.022Z"
+             id="path1407" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/bancontact.svg b/static/images/donates/bancontact.svg
new file mode 100644
index 00000000..8f8bb9b1
--- /dev/null
+++ b/static/images/donates/bancontact.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1491"
+   sodipodi:docname="bancontact.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1495" />
+  <sodipodi:namedview
+     id="namedview1493"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1491" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1489">
+    <path
+       d="M0 0h32v32H0z"
+       fill="#fff"
+       id="path1481" />
+    <g
+       fill-rule="nonzero"
+       id="g1487">
+      <path
+         d="M25.64 14.412h-7.664l-.783.896-2.525 2.898-.783.896H6.331l.764-.906.362-.428.763-.907H4.746c-.636 0-1.155.548-1.155 1.205v2.55c0 .666.52 1.204 1.155 1.204h13.328c.637 0 1.508-.398 1.928-.896l2.016-2.33z"
+         fill="#005498"
+         id="path1483" />
+      <path
+         d="M27.176 11.694c.636 0 1.154.548 1.154 1.205v2.539c0 .667-.518 1.204-1.154 1.204H23.71l.773-.896.382-.448.773-.896h-7.662l-4.081 4.68H6.292l5.451-6.273.206-.239c.43-.488 1.301-.896 1.937-.896h13.29z"
+         fill="#ffbf00"
+         id="path1485" />
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/bank.svg b/static/images/donates/bank.svg
new file mode 100644
index 00000000..527a1b4a
--- /dev/null
+++ b/static/images/donates/bank.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   fill="currentColor"
+   class="bi bi-bank"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg576"
+   sodipodi:docname="bank.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs580" />
+  <sodipodi:namedview
+     id="namedview578"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-2.0677966"
+     inkscape:cy="8"
+     inkscape:window-width="1309"
+     inkscape:window-height="456"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg576" />
+  <path
+     d="m 16,0 13.178816,6.0809969 h 1.774455 a 0.99688474,0.99688474 0 0 1 0.996885,0.9968847 v 3.9875394 a 0.99688474,0.99688474 0 0 1 -0.996885,0.996884 h -0.996885 v 13.956387 a 0.99688474,0.99688474 0 0 1 0.966978,0.755638 l 0.996885,3.987539 A 0.99688474,0.99688474 0 0 1 30.953271,32 H 1.0467287 A 0.99688474,0.99688474 0 0 1 0.07975054,30.761869 L 1.0766353,26.77433 A 0.99688474,0.99688474 0 0 1 2.0436135,26.018692 V 12.062305 H 1.0467287 A 0.99688474,0.99688474 0 0 1 0.049844,11.065421 V 7.0778816 A 0.99688474,0.99688474 0 0 1 1.0467287,6.0809969 H 2.8211836 Z M 7.5783175,6.0809969 H 24.419688 L 16,2.1931464 Z M 4.0373829,12.062305 V 26.018692 H 6.0311524 V 12.062305 Z m 3.987539,0 V 26.018692 H 13.009346 V 12.062305 Z m 6.9781931,0 v 13.956387 h 1.993769 V 12.062305 Z m 3.987539,0 v 13.956387 h 4.984424 V 12.062305 Z m 6.978193,0 v 13.956387 h 1.99377 V 12.062305 Z m 3.987539,-1.993769 V 8.0747664 H 2.0436135 v 1.9937696 z m -0.77757,17.943925 H 2.8211836 l -0.4984424,1.99377 H 29.677258 Z"
+     id="path574"
+     style="stroke-width:1.99377" />
+</svg>
diff --git a/static/images/donates/bitcoin.svg b/static/images/donates/bitcoin.svg
new file mode 100644
index 00000000..0c66714b
--- /dev/null
+++ b/static/images/donates/bitcoin.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   id="svg2"
+   preserveAspectRatio="xMidYMid"
+   version="1.1"
+   viewBox="0 0 0.0625 0.0625"
+   width="32"
+   sodipodi:docname="bitcoin.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview177"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="3.368289"
+     inkscape:cx="58.931998"
+     inkscape:cy="59.674214"
+     inkscape:window-width="1309"
+     inkscape:window-height="456"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs4">
+    <filter
+       color-interpolation-filters="sRGB"
+       id="_drop-shadow">
+      <feGaussianBlur
+         id="feGaussianBlur7"
+         in="SourceAlpha"
+         result="blur-out"
+         stdDeviation="1" />
+      <feBlend
+         id="feBlend9"
+         in="SourceGraphic"
+         in2="blur-out"
+         mode="normal" />
+    </filter>
+    <linearGradient
+       id="coin-gradient"
+       x1="0.0004394635"
+       x2="0.0004394635"
+       y1="-0.00059563987"
+       y2="63.996323"
+       gradientTransform="scale(0.99994167,1.0000583)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         id="stop12"
+         offset="0%"
+         style="stop-color:#f9aa4b" />
+      <stop
+         id="stop14"
+         offset="100%"
+         style="stop-color:#f7931a" />
+    </linearGradient>
+  </defs>
+  <g
+     id="g16"
+     transform="matrix(9.7666652e-4,0,0,9.7655259e-4,6.4370322e-6,-8.7257081e-6)">
+    <path
+       d="M 63.0359,39.741 C 58.7619,56.884 41.3989,67.317 24.2539,63.042 7.1159,58.768 -3.3171,41.404 0.9589,24.262 5.2309,7.117 22.5939,-3.317 39.7339,0.957 c 17.144,4.274 27.576,21.64 23.302,38.784 z"
+       id="coin"
+       style="fill:url(#coin-gradient)" />
+    <path
+       d="m 46.1009,27.441 c 0.637,-4.258 -2.605,-6.547 -7.038,-8.074 l 1.438,-5.768 -3.511,-0.875 -1.4,5.616 c -0.923,-0.23 -1.871,-0.447 -2.813,-0.662 l 1.41,-5.653 -3.509,-0.875 -1.439,5.766 c -0.764,-0.174 -1.514,-0.346 -2.242,-0.527 l 0.004,-0.018 -4.842,-1.209 -0.934,3.75 c 0,0 2.605,0.597 2.55,0.634 1.422,0.355 1.679,1.296 1.636,2.042 l -1.638,6.571 c 0.098,0.025 0.225,0.061 0.365,0.117 -0.117,-0.029 -0.242,-0.061 -0.371,-0.092 l -2.296,9.205 c -0.174,0.432 -0.615,1.08 -1.609,0.834 0.035,0.051 -2.552,-0.637 -2.552,-0.637 l -1.743,4.019 4.569,1.139 c 0.85,0.213 1.683,0.436 2.503,0.646 l -1.453,5.834 3.507,0.875 1.439,-5.772 c 0.958,0.26 1.888,0.5 2.798,0.726 l -1.434,5.745 3.511,0.875 1.453,-5.823 c 5.987,1.133 10.489,0.676 12.384,-4.739 1.527,-4.36 -0.076,-6.875 -3.226,-8.515 2.294,-0.529 4.022,-2.038 4.483,-5.155 z m -8.022,11.249 c -1.085,4.36 -8.426,2.003 -10.806,1.412 l 1.928,-7.729 c 2.38,0.594 10.012,1.77 8.878,6.317 z m 1.086,-11.312 c -0.99,3.966 -7.1,1.951 -9.082,1.457 l 1.748,-7.01 c 1.982,0.494 8.365,1.416 7.334,5.553 z"
+       id="symbol"
+       style="fill:#ffffff" />
+  </g>
+</svg>
diff --git a/static/images/donates/blik.svg b/static/images/donates/blik.svg
new file mode 100644
index 00000000..8aca83bb
--- /dev/null
+++ b/static/images/donates/blik.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1691"
+   sodipodi:docname="blik.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1693"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1691" />
+  <defs
+     id="defs1679">
+    <linearGradient
+       x1="49.998%"
+       y1="99.289%"
+       x2="49.998%"
+       y2=".384%"
+       id="bi_blik__a">
+      <stop
+         stop-color="#5A5A5A"
+         offset="0%"
+         id="stop1663" />
+      <stop
+         stop-color="#494949"
+         offset="14.59%"
+         id="stop1665" />
+      <stop
+         stop-color="#212121"
+         offset="51.97%"
+         id="stop1667" />
+      <stop
+         stop-color="#090909"
+         offset="81.74%"
+         id="stop1669" />
+      <stop
+         offset="100%"
+         id="stop1671" />
+    </linearGradient>
+    <linearGradient
+       x1="14.654%"
+       y1="14.68%"
+       x2="85.339%"
+       y2="85.364%"
+       id="bi_blik__b">
+      <stop
+         stop-color="#E52F08"
+         offset="0%"
+         id="stop1674" />
+      <stop
+         stop-color="#E94F96"
+         offset="100%"
+         id="stop1676" />
+    </linearGradient>
+  </defs>
+  <g
+     fill="none"
+     id="g1689">
+    <path
+       fill="url(#bi_blik__a)"
+       d="M0 0h32v32H0z"
+       id="path1681" />
+    <g
+       transform="translate(10 6)"
+       id="g1687">
+      <path
+         d="M6.276 7.305a6.269 6.269 0 0 0-2.968.745V.95H0v12.629a6.277 6.277 0 0 0 12.553 0 6.275 6.275 0 0 0-6.277-6.274Zm0 9.295a3.021 3.021 0 1 1 0-6.042 3.021 3.021 0 0 1 0 6.042Z"
+         fill="#FFF"
+         id="path1683" />
+      <circle
+         fill="url(#bi_blik__b)"
+         cx="9.592"
+         cy="2.961"
+         r="2.961"
+         id="circle1685" />
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/card.svg b/static/images/donates/card.svg
new file mode 100644
index 00000000..45bb1a20
--- /dev/null
+++ b/static/images/donates/card.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1623"
+   sodipodi:docname="card.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1627" />
+  <sodipodi:namedview
+     id="namedview1625"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1623" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1621">
+    <path
+       d="M0 0h32v32H0z"
+       fill="#e3e8ee"
+       id="path1617" />
+    <path
+       d="M26 11H6v-.938C6 9.2 6.56 8.5 7.25 8.5h17.5c.69 0 1.25.7 1.25 1.563zm0 3.125v8.125c0 .69-.56 1.25-1.25 1.25H7.25c-.69 0-1.25-.56-1.25-1.25v-8.125zM11 18.5a1.25 1.25 0 0 0 0 2.5h1.25a1.25 1.25 0 0 0 0-2.5z"
+       fill="#697386"
+       id="path1619" />
+  </g>
+</svg>
diff --git a/static/images/donates/cartes.svg b/static/images/donates/cartes.svg
new file mode 100644
index 00000000..328d55ff
--- /dev/null
+++ b/static/images/donates/cartes.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   class="SVGInline-svg SVGInline--cleaned-svg SVG-svg BrandIcon-svg BrandIcon--size--32-svg"
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1775"
+   sodipodi:docname="cartes.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1777"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1775" />
+  <defs
+     id="defs1767">
+    <linearGradient
+       x1="84.571%"
+       y1="-2.163%"
+       x2="20.485%"
+       y2="100%"
+       id="bi_cartesbancaires__a">
+      <stop
+         stop-color="#002253"
+         offset="0%"
+         id="stop1760" />
+      <stop
+         stop-color="#0082B1"
+         offset="54.255%"
+         id="stop1762" />
+      <stop
+         stop-color="#0E9641"
+         offset="100%"
+         id="stop1764" />
+    </linearGradient>
+  </defs>
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1773">
+    <path
+       fill="url(#bi_cartesbancaires__a)"
+       d="M0 0h32v32H0z"
+       id="path1769" />
+    <path
+       d="M17.657 10.009v6.008h9.591a3.004 3.004 0 0 0 0-6.008h-9.59zm-.818 6.008c-.054-1.182-.35-2.242-.846-3.142a5.963 5.963 0 0 0-2.358-2.357c-1.001-.553-2.2-.856-3.546-.856H8.818c-1.345 0-2.545.303-3.546.856a5.963 5.963 0 0 0-2.358 2.357c-.553 1.002-.856 2.201-.856 3.547 0 1.345.303 2.544.856 3.546a5.963 5.963 0 0 0 2.358 2.358c1.001.553 2.2.855 3.546.855h1.27c1.346 0 2.546-.302 3.547-.855a5.963 5.963 0 0 0 2.358-2.358c.497-.9.792-1.96.846-3.142H9.684v-.809h7.155zm.818.809v6.009h9.591a3.004 3.004 0 0 0 0-6.009h-9.59z"
+       fill="#FFF"
+       id="path1771" />
+  </g>
+</svg>
diff --git a/static/images/donates/eps.svg b/static/images/donates/eps.svg
new file mode 100644
index 00000000..1b38a286
--- /dev/null
+++ b/static/images/donates/eps.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1840"
+   sodipodi:docname="eps.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1844" />
+  <sodipodi:namedview
+     id="namedview1842"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1840" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1838">
+    <path
+       d="M0 0h32v32H0z"
+       fill="#fff"
+       id="path1824" />
+    <g
+       fill-rule="nonzero"
+       id="g1836">
+      <path
+         d="M26.834 16h-2.32a.465.465 0 0 1-.467-.464c0-.258.21-.485.468-.485h3.53v-1.747h-3.53a2.242 2.242 0 0 0-2.236 2.24 2.242 2.242 0 0 0 2.236 2.24h2.288c.258 0 .467.206.467.464s-.21.448-.467.448h-4.907c-.416.798-.821 1.481-1.643 1.823h6.581c1.212-.018 2.203-1.046 2.203-2.268 0-1.222-.991-2.233-2.203-2.251"
+         fill="#5f6360"
+         id="path1826" />
+      <path
+         d="M17.943 13.304c-1.966 0-3.567 1.615-3.567 3.6v7.488h1.78V20.52h1.783c1.966 0 3.561-1.637 3.561-3.622 0-1.984-1.591-3.593-3.557-3.593zm0 5.392h-1.788v-1.799c0-1.005.798-1.822 1.788-1.822.989 0 1.794.817 1.794 1.822s-.805 1.8-1.794 1.8z"
+         fill="#5f6360"
+         id="path1828" />
+      <g
+         fill="#a41760"
+         id="g1834">
+        <path
+           d="M8.741 20.519c-1.683 0-3.098-1.203-3.48-2.774 0 0-.111-.519-.111-.861 0-.342.105-.867.105-.867a3.592 3.592 0 0 1 3.478-2.734 3.603 3.603 0 0 1 3.598 3.592v.872H7.08c.31.607.937.95 1.66.95h4.72l.006-5.14c0-.766-.625-1.392-1.39-1.392H5.39c-.764 0-1.389.607-1.389 1.374v6.707c0 .766.625 1.412 1.389 1.412h6.689c.685 0 1.257-.493 1.368-1.139z"
+           id="path1830" />
+        <path
+           d="M8.733 14.988c-.72 0-1.346.442-1.657 1.012h3.315c-.31-.57-.937-1.012-1.658-1.012m3.03-5.005c0-1.637-1.357-2.964-3.03-2.964-1.646 0-2.985 1.284-3.029 2.883v.911c0 .107.087.212.195.212h1.115c.11 0 .205-.105.205-.212v-.83c0-.817.679-1.482 1.514-1.482.836 0 1.515.665 1.515 1.482v.83c0 .107.088.212.197.212h1.115c.11 0 .203-.105.203-.212z"
+           id="path1832" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/ethereum.svg b/static/images/donates/ethereum.svg
new file mode 100644
index 00000000..43ecacc7
--- /dev/null
+++ b/static/images/donates/ethereum.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   id="svg223"
+   sodipodi:docname="ethereum.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+   id="defs227" />
+  <sodipodi:namedview
+   id="namedview225"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="8.0875248"
+   inkscape:cx="35.548577"
+   inkscape:cy="34.373929"
+   inkscape:window-width="1309"
+   inkscape:window-height="456"
+   inkscape:window-x="1440"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg223" />
+  <g
+   id="_x31_16-Ethereum"
+   transform="matrix(0.07413579,0,0,0.07413579,-2.9787622,-2.9787622)">
+    <g
+   id="g219">
+      <polygon
+   points="256.16,472.499 395.646,274.453 256.16,358.909 "
+   style="fill:#2f3030"
+   id="polygon207" />
+      <polygon
+   points="256.16,39.501 256.16,203.346 390.294,264.834 "
+   style="fill:#2f3030"
+   id="polygon209" />
+      <polygon
+   points="256.16,343.114 389.201,264.348 256.16,203.291 "
+   style="fill:#131313"
+   id="polygon211" />
+      <polygon
+   points="256.19,39.501 256.19,203.346 122.078,264.834 "
+   style="fill:#828384"
+   id="polygon213" />
+      <polygon
+   points="256.19,343.114 122.788,264.348 256.19,203.291 "
+   style="fill:#343535"
+   id="polygon215" />
+      <polygon
+   points="255.83,472.499 116.354,274.453 255.83,358.909 "
+   style="fill:#828384"
+   id="polygon217" />
+    </g>
+  </g>
+  <g
+   id="Layer_1"
+   transform="matrix(0.07413579,0,0,0.07413579,-4.6323022,-2.7969344)" />
+</svg>
diff --git a/static/images/donates/giropay.svg b/static/images/donates/giropay.svg
new file mode 100644
index 00000000..fd280d8a
--- /dev/null
+++ b/static/images/donates/giropay.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1279"
+   sodipodi:docname="giropay.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1283" />
+  <sodipodi:namedview
+     id="namedview1281"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1279" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1277">
+    <path
+       d="M0 0h32v32H0z"
+       fill="#fff"
+       id="path1271" />
+    <path
+       d="M4 11.191C4 9.705 5.239 8.5 6.766 8.5h18.468C26.762 8.5 28 9.705 28 11.191v9.618c0 1.486-1.238 2.691-2.766 2.691H6.766C5.239 23.5 4 22.295 4 20.809zm1.02 9.6c0 .944.783 1.71 1.75 1.71h9.213V9.5H6.77c-.967 0-1.75.765-1.75 1.708v9.584zm13.749-.104h2.272v-3.57h.025c.43.782 1.29 1.072 2.084 1.072 1.957 0 3.004-1.615 3.004-3.558 0-1.589-.997-3.319-2.815-3.319-1.035 0-1.994.417-2.45 1.338h-.025v-1.185h-2.095zm5.037-6.005c0 1.047-.518 1.766-1.376 1.766-.758 0-1.39-.72-1.39-1.678 0-.984.556-1.716 1.39-1.716.885 0 1.376.757 1.376 1.627z"
+       fill="#04337b"
+       id="path1273" />
+    <path
+       d="M14.153 11.463v5.71c0 2.657-1.33 3.515-4.017 3.515a7.958 7.958 0 0 1-2.547-.41l.115-1.764c.703.335 1.292.533 2.253.533 1.33 0 2.047-.607 2.047-1.874v-.348h-.026c-.55.757-1.318 1.105-2.24 1.105-1.83 0-2.969-1.34-2.969-3.252 0-1.924.935-3.366 3.007-3.366.985 0 1.78.523 2.267 1.318h.025v-1.168zM9.15 14.64c0 1.005.616 1.576 1.306 1.576.818 0 1.472-.67 1.472-1.664 0-.72-.435-1.527-1.472-1.527-.857 0-1.306.734-1.306 1.615z"
+       fill="#ee3525"
+       id="path1275" />
+  </g>
+</svg>
diff --git a/static/images/donates/github.svg b/static/images/donates/github.svg
new file mode 100644
index 00000000..7fe1ca6c
--- /dev/null
+++ b/static/images/donates/github.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   sodipodi:docname="github.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+   id="defs698" />
+  <sodipodi:namedview
+   id="namedview696"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="3.0076649"
+   inkscape:cx="92.929236"
+   inkscape:cy="85.780833"
+   inkscape:window-width="1309"
+   inkscape:window-height="456"
+   inkscape:window-x="1440"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+  <style
+   type="text/css"
+   id="style689">
+    <![CDATA[
+	.st0{fill-rule:evenodd;clip-rule:evenodd;}
+]]>
+  </style>
+  <g
+   id="g693"
+   transform="matrix(0.06053269,0,0,0.06053269,0.50363136,0.50434783)">
+    <path
+   class="st0"
+   d="M 256,32 C 132.3,32 32,134.8 32,261.7 c 0,101.5 64.2,187.5 153.2,217.9 11.2,2.1 15.3,-5 15.3,-11.1 0,-5.5 -0.2,-19.9 -0.3,-39.1 -62.3,13.9 -75.5,-30.8 -75.5,-30.8 C 114.5,372.1 99.8,365 99.8,365 c -20.3,-14.3 1.5,-14 1.5,-14 22.5,1.6 34.3,23.7 34.3,23.7 20,35.1 52.4,25 65.2,19.1 2,-14.8 7.8,-25 14.2,-30.7 -49.7,-5.8 -102,-25.5 -102,-113.5 0,-25.1 8.7,-45.6 23,-61.6 -2.3,-5.8 -10,-29.2 2.2,-60.8 0,0 18.8,-6.2 61.6,23.5 17.9,-5.1 37,-7.6 56.1,-7.7 19,0.1 38.2,2.6 56.1,7.7 42.8,-29.7 61.5,-23.5 61.5,-23.5 12.2,31.6 4.5,55 2.2,60.8 14.3,16.1 23,36.6 23,61.6 0,88.2 -52.4,107.6 -102.3,113.3 8,7.1 15.2,21.1 15.2,42.5 0,30.7 -0.3,55.5 -0.3,63 0,6.1 4,13.3 15.4,11 C 415.9,449.1 480,363.1 480,261.7 480,134.8 379.7,32 256,32 Z"
+   id="path691" />
+  </g>
+</svg>
diff --git a/static/images/donates/google.svg b/static/images/donates/google.svg
new file mode 100644
index 00000000..13e018d1
--- /dev/null
+++ b/static/images/donates/google.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 33"
+   version="1.1"
+   id="svg1219"
+   sodipodi:docname="google.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1223" />
+  <sodipodi:namedview
+     id="namedview1221"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1219" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g1217">
+    <path
+       d="M0 1h32v32H0z"
+       id="path1205" />
+    <g
+       fill-rule="nonzero"
+       id="g1215">
+      <path
+         d="M27.865 17.087c0-.785-.065-1.57-.196-2.356H16.673v4.494h6.305a5.34 5.34 0 0 1-2.334 3.535v2.924h3.752a11.41 11.41 0 0 0 3.491-8.597h-.022Z"
+         fill="#4285F4"
+         id="path1207" />
+      <path
+         d="M16.673 28.498c3.142 0 5.803-1.025 7.723-2.814l-3.752-2.924a6.982 6.982 0 0 1-3.971 1.113 6.982 6.982 0 0 1-6.546-4.8H6.244v2.989a11.673 11.673 0 0 0 10.429 6.436Z"
+         fill="#34A853"
+         id="path1209" />
+      <path
+         d="M10.127 19.073a6.982 6.982 0 0 1 0-4.473v-3.01H6.244a11.673 11.673 0 0 0 0 10.472l3.883-2.99Z"
+         fill="#FBBC04"
+         id="path1211" />
+      <path
+         d="M16.673 9.8a6.327 6.327 0 0 1 4.472 1.745l3.339-3.338a11.673 11.673 0 0 0-18.24 3.382l3.883 3.011a6.982 6.982 0 0 1 6.546-4.8Z"
+         fill="#EA4335"
+         id="path1213" />
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/ideal.svg b/static/images/donates/ideal.svg
new file mode 100644
index 00000000..b5b63393
--- /dev/null
+++ b/static/images/donates/ideal.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1147"
+   sodipodi:docname="ideal.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1151" />
+  <sodipodi:namedview
+     id="namedview1149"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1147" />
+  <g
+     fill="none"
+     id="g1145">
+    <path
+       fill="#FFF"
+       d="M0 0h32v32H0z"
+       id="path1129" />
+    <g
+       transform="translate(3 5)"
+       id="g1143">
+      <path
+         d="M0 1.694v19.464c0 .936.758 1.694 1.694 1.694h11.63c8.788 0 12.599-4.922 12.599-11.448C25.923 4.903 22.112 0 13.323 0H1.694C.759 0 0 .758 0 1.694Z"
+         fill="#FFF"
+         id="path1131" />
+      <path
+         d="M13.321 21.296H3.206A1.628 1.628 0 0 1 1.58 19.67V3.182a1.628 1.628 0 0 1 1.626-1.626h10.115c9.593 0 11.026 6.17 11.026 9.848 0 6.381-3.916 9.892-11.026 9.892ZM3.206 2.098c-.598 0-1.084.485-1.085 1.084V19.67a1.086 1.086 0 0 0 1.085 1.084h10.115c6.76 0 10.484-3.32 10.484-9.35 0-8.097-6.569-9.306-10.484-9.306H3.206Z"
+         fill="#000"
+         id="path1133" />
+      <path
+         d="M7.781 4.78v14.377h6.259c5.686 0 8.151-3.213 8.151-7.746 0-4.342-2.465-7.716-8.151-7.716H8.865c-.598 0-1.084.485-1.084 1.084Z"
+         fill="#C06"
+         id="path1135" />
+      <path
+         fill="#FFF"
+         d="M19.713 9.47v2.8h1.674v.635h-2.429V9.47zm-2.514 0 1.285 3.435H17.7l-.26-.762h-1.285l-.27.762h-.762l1.3-3.435h.776Zm.043 2.107-.433-1.26H16.8l-.447 1.26h.89Zm-2.63-2.107v.635h-1.814v.736h1.665v.587h-1.665v.842h1.853v.635h-2.607V9.47zm-4.627 0c.21-.002.42.034.617.106.187.068.356.176.496.318.146.15.257.331.328.529.082.24.122.492.117.746.002.234-.03.467-.096.692a1.56 1.56 0 0 1-.29.549c-.133.156-.3.28-.487.363-.216.093-.45.138-.685.132H8.503V9.47h1.482Zm-.053 2.8a.983.983 0 0 0 .317-.053.703.703 0 0 0 .275-.176.888.888 0 0 0 .192-.319c.052-.155.076-.318.072-.481a2.04 2.04 0 0 0-.05-.47.932.932 0 0 0-.17-.357.74.74 0 0 0-.305-.23 1.212 1.212 0 0 0-.47-.079h-.538v2.165h.677Z"
+         id="path1137" />
+      <path
+         d="M4.953 13.683a1.2 1.2 0 0 1 1.2 1.2v4.274a2.401 2.401 0 0 1-2.401-2.401v-1.872a1.2 1.2 0 0 1 1.2-1.2Z"
+         fill="#000"
+         id="path1139" />
+      <circle
+         fill="#000"
+         cx="4.953"
+         cy="11.188"
+         r="1.585"
+         id="circle1141" />
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/liberapay.svg b/static/images/donates/liberapay.svg
new file mode 100644
index 00000000..57d58f7f
--- /dev/null
+++ b/static/images/donates/liberapay.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   aria-label="Liberapay"
+   role="img"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg737"
+   sodipodi:docname="liberapay.svg"
+   width="32"
+   height="32"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs741" />
+  <sodipodi:namedview
+     id="namedview739"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="5.5029759"
+     inkscape:cx="97.674424"
+     inkscape:cy="36.162252"
+     inkscape:window-width="1309"
+     inkscape:window-height="456"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg737" />
+  <rect
+     width="32"
+     height="32"
+     rx="0.93749994%"
+     fill="#f6c915"
+     id="rect733"
+     x="0"
+     y="0"
+     style="stroke-width:0.0624999" />
+  <path
+     fill="#ffffff"
+     d="M 13.0625,22.4375 C 12,22.4375 11.1875,22.312499 10.625,21.999998 10,21.749999 9.6249997,21.374999 9.3749996,20.937499 9.1249997,20.437499 8.9999998,19.9375 8.9999998,19.3125 c 0,-0.625001 0.062499,-1.25 0.2499999,-1.9375 L 12,5.8124998 15.374999,5.3124999 12.375,17.875 12.249999,18.5625 c 0,0.249999 0,0.437499 0.125001,0.5625 0.0625,0.1875 0.249999,0.3125 0.437499,0.437499 l 0.875001,0.1875 -0.625,2.687501 m 12.187499,-7.250001 c 0,1.062501 -0.1875,2.062501 -0.5625,2.9375 a 6.4374998,6.4374998 0 0 1 -3.6875,3.750001 7.3124998,7.3124998 0 0 1 -4.25,0.437499 l -1,3.9375 H 12.5625 L 16.124999,11.1875 a 19.062499,19.062499 0 0 1 4.4375,-0.6875 c 0.8125,0 1.500001,0.125 2.125,0.375 a 3.9374999,3.9374999 0 0 1 2.25,2.5 c 0.1875,0.5625 0.3125,1.187499 0.3125,1.812499 m -7.9375,4.5 0.937501,0.0625 c 0.562499,0 1.0625,-0.0625 1.562499,-0.312499 0.4375,-0.1875 0.812501,-0.5 1.1875,-0.875 0.312501,-0.375001 0.5625,-0.812501 0.75,-1.375 0.1875,-0.5 0.249999,-1.125 0.249999,-1.750001 0,-0.625 -0.124998,-1.124999 -0.374999,-1.5625 -0.312499,-0.4375 -0.8125,-0.6875 -1.4375,-0.6875 l -1.3125,0.125001 -1.5625,6.374999"
+     id="path735"
+     style="stroke-width:0.0624999" />
+</svg>
diff --git a/static/images/donates/link.svg b/static/images/donates/link.svg
new file mode 100644
index 00000000..f1f49d28
--- /dev/null
+++ b/static/images/donates/link.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   class="SVGInline-svg SVGInline--cleaned-svg SVG-svg BrandIcon-svg BrandIcon--size--32-svg"
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   fill="none"
+   version="1.1"
+   id="svg1985"
+   sodipodi:docname="link.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1989" />
+  <sodipodi:namedview
+     id="namedview1987"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="705"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1985" />
+  <rect
+     width="32"
+     height="32"
+     rx="6"
+     fill="#33DDB3"
+     id="rect1981" />
+  <path
+     d="M7.978 10.172a1.023 1.023 0 1 1 1.137 1.702 1.023 1.023 0 0 1-1.137-1.702ZM4 10.109h1.829v11.063H4V10.109Zm24.725 3.165a26.692 26.692 0 0 1-2.234 3.895L29 21.166h-2.16L25.298 18.7c-1.55 1.766-3.084 2.63-4.563 2.63-1.802 0-2.539-1.288-2.539-2.754 0-.349.005-.778.005-1.047 0-1.932-.204-2.476-.856-2.392-1.253.168-3.156 3.022-4.395 6.03h-1.72v-7.893h1.828v3.949c1.043-1.76 1.997-3.268 3.535-3.85.895-.34 1.647-.191 2.04-.018 1.417.625 1.415 2.151 1.396 4.197-.005.27-.005.56-.005.869 0 .741.205 1.067.71 1.117.3.026.602-.041.864-.191v-9.238h1.828v7.917s1.585-1.45 3.261-4.752h2.038Zm-19.265.004H7.633v7.895h1.829v-7.895Z"
+     fill="#1D3944"
+     id="path1983" />
+</svg>
diff --git a/static/images/donates/mastercard.svg b/static/images/donates/mastercard.svg
new file mode 100644
index 00000000..be6da0d5
--- /dev/null
+++ b/static/images/donates/mastercard.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 32 20"
+   height="32"
+   overflow="visible"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   version="1.1"
+   id="svg555"
+   sodipodi:docname="mastercard.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+   id="defs559" />
+  <sodipodi:namedview
+   id="namedview557"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="11.8"
+   inkscape:cx="3.5169492"
+   inkscape:cy="10.084746"
+   inkscape:window-width="1309"
+   inkscape:window-height="456"
+   inkscape:window-x="1440"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg555" />
+  <g
+   id="g553"
+   transform="translate(0,6)">
+    <g
+   id="Master_Card_1_">
+      <g
+   id="Master_Card">
+        <circle
+   cx="10"
+   cy="10"
+   fill="#f93232"
+   id="Red_x5F_Circle"
+   r="10" />
+        <path
+   d="M 22,0 C 19.754,0 17.688,0.75 16.02,2 H 16 V 2.014 C 15.604,2.312 15.24,2.648 14.893,3 h 2.214 c 0.308,0.313 0.592,0.648 0.855,1 H 14.03 c -0.242,0.319 -0.464,0.652 -0.667,1 h 5.264 c 0.188,0.324 0.365,0.654 0.518,1 h -6.291 c -0.143,0.325 -0.269,0.658 -0.377,1 h 7.044 c 0.104,0.326 0.186,0.661 0.258,1 H 12.216 C 12.149,8.328 12.093,8.66 12.059,9 H 19.94 C 19.979,9.328 20,9.661 20,10 h -8 c 0,0.339 0.027,0.67 0.06,1 h 7.882 c -0.038,0.339 -0.093,0.672 -0.162,1 h -7.563 c 0.069,0.341 0.158,0.673 0.261,1 h 7.044 c -0.108,0.342 -0.234,0.675 -0.377,1 h -6.291 c 0.151,0.344 0.321,0.678 0.509,1 h 5.264 c -0.202,0.348 -0.427,0.681 -0.669,1 H 14.03 c 0.266,0.352 0.553,0.687 0.862,1 h 2.215 C 16.759,17.353 16.396,17.688 16,17.986 17.672,19.245 19.745,20 22,20 27.523,20 32,15.522 32,10 32,4.478 27.523,0 22,0 Z"
+   fill="#fed049"
+   id="Yellow_x5F_Circle" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/mir.svg b/static/images/donates/mir.svg
new file mode 100644
index 00000000..457c0886
--- /dev/null
+++ b/static/images/donates/mir.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg780"
+   sodipodi:docname="mir.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview782"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="10.34496"
+     inkscape:cx="40.841144"
+     inkscape:cy="25.519673"
+     inkscape:window-width="1309"
+     inkscape:window-height="456"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg780" />
+  <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
+  <title
+     id="title764">mir-logo</title>
+  <desc
+     id="desc766">Created with Sketch.</desc>
+  <defs
+     id="defs773">
+    <linearGradient
+       x1="218.79996"
+       y1="40.171848"
+       x2="154.9808"
+       y2="40.171848"
+       id="linearGradient-1"
+       gradientTransform="scale(1.6087754,0.62159081)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         stop-color="#1F5CD7"
+         offset="0%"
+         id="stop768" />
+      <stop
+         stop-color="#02AEFF"
+         offset="100%"
+         id="stop770" />
+    </linearGradient>
+  </defs>
+  <g
+     id="sim"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(0.08773798,0,0,0.08773798,-2.1617618,10.647253)">
+    <g
+       id="mir-logo"
+       transform="translate(31,13)">
+      <g
+         id="Group-5">
+        <path
+           d="M 32.550566,0.01638478 C 35.695292,-0.00242816 45.041237,-0.84417542 49,12.516649 c 2.666667,9 6.914507,23.742417 12.743522,44.22725 v 0 h 2.373915 C 70.368543,35.147351 74.66273,20.404934 77,12.516649 81,-0.98335068 91,0.01664932 95,0.01664932 l 30.86096,3.85e-5 V 96.016441 H 94.406634 V 39.442187 H 92.297398 L 74.763172,96.016441 H 51.097788 L 33.563562,39.400266 H 31.454325 V 96.016441 H 0 V 0.01668782 Z M 171.02873,0.01668782 V 56.633071 H 173.538 L 194.86679,10.077819 C 199.00708,0.81319405 207.83135,0.01668782 207.83135,0.01668782 v 0 h 30.43839 V 96.016649 H 206.1585 V 39.400266 h -2.50927 l -20.91058,46.555252 c -4.14029,9.222704 -13.38277,10.061131 -13.38277,10.061131 H 138.91749 V 0.01668782 Z M 349.26051,45.636504 c -4.47917,12.692941 -18.54559,21.783264 -34.11902,21.783264 v 0 h -33.67498 v 28.596881 h -30.5359 V 45.636504 Z"
+           id="Combined-Shape"
+           fill="#0f754e" />
+        <path
+           d="M 316.61422,0.01668782 H 249.3293 C 250.93061,21.38954 269.33637,39.686093 288.39013,39.686093 H 351.3823 C 355.0174,21.922741 342.50344,0.01668782 316.61422,0.01668782 Z"
+           id="path24"
+           fill="url(#linearGradient-1)"
+           style="fill:url(#linearGradient-1)" />
+      </g>
+    </g>
+  </g>
+  <metadata
+     id="metadata784">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>mir-logo</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/static/images/donates/monero.svg b/static/images/donates/monero.svg
new file mode 100644
index 00000000..50bbb2f8
--- /dev/null
+++ b/static/images/donates/monero.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   id="svg319"
+   sodipodi:docname="monero.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+   id="defs323" />
+  <sodipodi:namedview
+   id="namedview321"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="7.0745967"
+   inkscape:cx="53.359932"
+   inkscape:cy="38.871474"
+   inkscape:window-width="1309"
+   inkscape:window-height="456"
+   inkscape:window-x="1440"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="svg319" />
+  <g
+   id="_x32_21-Monero"
+   transform="matrix(0.07272732,0,0,0.07272732,-2.6181394,-2.6182444)">
+    <g
+   id="g315">
+      <path
+   d="m 256.253,284.215 c -47.643,-48.11 -94.639,-95.241 -141.966,-143.384 0,61.938 0,123.123 0,184.673 -1.731,0 -3.05,0.334 -4.061,0.334 -19.093,0 -38.171,0 -57.552,0 -2.729,0 -4.093,-0.668 -4.749,-3.467 -7.844,-26.478 -11.284,-53.262 -9.229,-81.112 3.431,-46.798 19.417,-88.734 49.379,-124.827 33.028,-40.249 74.897,-66.011 125.982,-76.006 67.363,-13.038 128.677,2.755 181.784,47.111 40.509,33.718 64.986,77.383 74.539,129.645 6.486,35.405 3.768,70.163 -6.454,104.525 -1.045,2.731 -2.041,3.797 -5.106,3.797 -19.064,0 -38.123,0 -57.534,0 -1.057,0 -2.373,0 -3.767,0 0,-61.548 0,-122.805 0,-184.33 -46.962,48.133 -93.948,95.266 -141.266,143.041 z"
+   style="fill:#f16822"
+   id="path311" />
+      <path
+   d="m 70.049,370.179 c 30.304,0 60.604,0 91.229,0 0,-38.501 0,-77.016 0,-116.192 31.639,31.959 62.99,63.609 94.288,95.231 31.68,-31.997 62.984,-63.269 94.684,-95.231 0,38.848 0,77.361 0,115.851 30.604,0 60.588,0 91.883,0 -18.045,29.256 -40.496,52.962 -68.764,71.184 C 345.462,459.26 314.82,470.61 281.805,474.386 181.37,486.437 103.397,428.981 70.049,370.179 Z"
+   style="fill:#4d4d4d"
+   id="path313" />
+    </g>
+  </g>
+  <g
+   id="Layer_1"
+   transform="matrix(0.07272732,0,0,0.07272732,-2.6829024,-2.0964507)" />
+</svg>
diff --git a/static/images/donates/paypal.svg b/static/images/donates/paypal.svg
new file mode 100644
index 00000000..c018a7fb
--- /dev/null
+++ b/static/images/donates/paypal.svg
@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 24 24"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 32 32"
+   xml:space="preserve"
+   sodipodi:docname="paypal.svg"
+   width="32"
+   height="32"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+   id="defs641" />
+  <sodipodi:namedview
+   id="namedview639"
+   pagecolor="#ffffff"
+   bordercolor="#999999"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="9.8333333"
+   inkscape:cx="-3.1016949"
+   inkscape:cy="12"
+   inkscape:window-width="1309"
+   inkscape:window-height="456"
+   inkscape:window-x="1440"
+   inkscape:window-y="25"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+  <g
+   id="g606"
+   transform="matrix(1.3050847,0,0,1.3050847,0.33898357,0.33898386)">
+    <path
+   d="m 17.500954,5.0000005 h -7.500489 c -0.5668941,0 -1.2856441,0.2451172 -1.4916988,1.4130859 C 8.4833755,6.5551763 6.001442,22.636719 6.001442,23 c 0,0.570312 0.4296875,1 0.9995117,1 h 5.5004883 c 0.244629,0 0.453125,-0.176758 0.493164,-0.417969 L 13.924782,18 h 1.576172 c 4.134765,0 7.499023,-3.364258 7.499023,-7.5 0,-3.0327144 -2.466797,-5.4999995 -5.499023,-5.4999995 z"
+   fill="#009ada"
+   id="path585" />
+    <path
+   d="M 12.611733,23.75 H 6.9411392 C 6.5251236,23.75 6.1883316,23.5177 6.0344009,23.172119 6.114418,23.650391 6.492897,24 7.0009537,24 h 5.5004883 c 0.244629,0 0.453125,-0.176758 0.493164,-0.417969 l 0.0046,-0.02759 C 12.906959,23.671509 12.76963,23.75 12.611733,23.75 Z"
+   opacity="0.1"
+   id="path587" />
+    <path
+   d="M 15.500954,17.75 H 13.966781 L 13.923507,18 h 1.577447 c 4.134765,0 7.499023,-3.364258 7.499023,-7.5 0,-0.04224 -0.0054,-0.08307 -0.0063,-0.125061 C 22.926002,14.452637 19.593544,17.75 15.500954,17.75 Z"
+   opacity="0.1"
+   id="path589" />
+    <path
+   d="M 15.452818,-4e-7 5.501442,4e-7 C 4.8080826,4e-7 4.2250748,0.5415043 4.0160904,1.3793949 3.986305,1.5000004 1.00193,19.41748 1.0009534,20.087402 0.9975354,20.279297 0.9926526,20.541992 1.2035901,20.756836 1.4135511,20.970703 1.7114027,21 2.00193,21 H 6.2826793 L 7.3437269,14 H 12.501442 C 17.19601,14 21.013551,10.173911 21.000421,5.4758568 20.991943,2.44157 18.487116,-7e-7 15.452818,-4e-7 Z"
+   fill="#273691"
+   id="path591" />
+    <path
+   d="M 5.4499283,0.2500004 H 15.494484 c 2.404297,0 4.473206,1.5075073 5.258362,3.6223145 C 20.050331,1.6257939 17.928444,4e-7 15.452797,4e-7 H 5.501442 c -0.6933594,0 -1.2763672,0.5415039 -1.4853516,1.3793945 -0.00146,0.00586 -0.011902,0.065674 -0.026673,0.1520386 C 4.2219009,0.754456 4.7801895,0.2500004 5.4499283,0.2500004 Z"
+   fill="#ffffff"
+   opacity="0.2"
+   id="path593" />
+    <path
+   d="m 1.8705823,20.75 c -0.2905273,0 -0.5883789,-0.0293 -0.7983398,-0.243164 -0.015137,-0.01544 -0.02179,-0.03247 -0.03479,-0.04834 0.027954,0.10199 0.074219,0.204712 0.1661377,0.29834 C 1.4135511,20.970703 1.7114027,21 2.00193,21 h 4.280762 l 0.037903,-0.25 z"
+   opacity="0.1"
+   id="path595" />
+    <path
+   d="m 7.3437271,14 h 5.1577149 c 4.439209,0 8.089294,-3.422424 8.462707,-7.7669673 C 20.017921,5.4633183 18.812904,5.0000005 17.500954,5.0000005 h -7.500489 c -0.5668942,0 -1.2856442,0.2451172 -1.4916989,1.4130859 z"
+   opacity="0.2"
+   id="path597" />
+    <linearGradient
+   gradientUnits="userSpaceOnUse"
+   id="SVGID_1_"
+   x1="1.2849817"
+   x2="21.048635"
+   y1="7.1307149"
+   y2="16.346659">
+      <stop
+   offset="0"
+   style="stop-color:#FFFFFF;stop-opacity:0.2"
+   id="stop599" />
+      <stop
+   offset="1"
+   style="stop-color:#FFFFFF;stop-opacity:0"
+   id="stop601" />
+    </linearGradient>
+    <path
+   d="M 20.96415,6.2330327 C 20.98563,5.9830937 21.00114,5.7313848 21.0004,5.4758306 20.99192,2.4415288 18.487099,5e-7 15.452797,5e-7 H 5.501442 C 4.8080826,5e-7 4.2250748,0.5415044 4.0160904,1.379395 3.986305,1.5000004 1.00193,19.41748 1.0009534,20.087402 0.9975354,20.279297 0.9926526,20.541992 1.2035901,20.756836 1.4135511,20.970703 1.7114027,21 2.00193,21 h 4.2799683 c -0.1713257,1.157593 -0.2804565,1.924194 -0.2804565,2 0,0.570312 0.4296875,1 0.9995117,1 h 5.5004885 c 0.244629,0 0.453125,-0.176758 0.493164,-0.417969 L 13.924782,18 h 1.576172 c 4.134765,0 7.499023,-3.364258 7.499023,-7.5 0,-1.7205811 -0.795044,-3.25769 -2.035827,-4.2669673 z"
+   fill="url(#SVGID_1_)"
+   id="path604"
+   style="fill:url(#SVGID_1_)" />
+  </g>
+  <g
+   id="g608"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g610"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g612"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g614"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g616"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g618"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g620"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g622"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g624"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g626"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g628"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g630"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g632"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g634"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+  <g
+   id="g636"
+   transform="matrix(1.3050847,0,0,1.3050847,-0.30509177,1.220339e-7)" />
+</svg>
diff --git a/static/images/donates/sepa.svg b/static/images/donates/sepa.svg
new file mode 100644
index 00000000..b2f467fd
--- /dev/null
+++ b/static/images/donates/sepa.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   width="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg749"
+   sodipodi:docname="sepa.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs753" />
+  <sodipodi:namedview
+     id="namedview751"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="725"
+     inkscape:window-height="480"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg749" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g747">
+    <path
+       d="M0 0h32v32H0z"
+       fill="#10298d"
+       id="path741" />
+    <path
+       d="M27.485 18.42h-2.749l-.37 1.342H22.24L24.533 12h3.104l2.325 7.762h-2.083l-.393-1.342zm-.408-1.512-.963-3.364-.936 3.364zm-10.452 2.854V12h3.83c.526 0 .928.044 1.203.13.63.202 1.052.612 1.27 1.233.111.325.167.816.167 1.47 0 .788-.06 1.354-.183 1.699-.247.68-.753 1.072-1.517 1.175-.09.015-.472.028-1.146.04l-.341.011H18.68v2.004zm2.056-3.805h1.282c.407-.015.653-.047.744-.096.12-.068.202-.204.242-.408.026-.136.04-.337.04-.604 0-.329-.026-.573-.079-.732-.073-.222-.25-.358-.53-.407a3.91 3.91 0 0 0-.4-.011h-1.299zm-10.469-1.48H6.3c0-.32-.038-.534-.11-.642-.114-.162-.43-.242-.942-.242-.5 0-.831.046-.993.139-.161.093-.242.296-.242.608 0 .283.072.469.215.558a.91.91 0 0 0 .408.112l.386.026c.517.033 1.033.072 1.55.119.654.066 1.126.243 1.421.53.231.222.37.515.414.875.025.216.037.46.037.73 0 .626-.057 1.083-.175 1.374-.213.532-.693.868-1.437 1.009-.312.06-.788.089-1.43.089-1.072 0-1.819-.064-2.24-.196-.517-.158-.858-.482-1.024-.969-.092-.269-.137-.72-.137-1.353h1.914v.162c0 .337.096.554.287.65.13.067.29.101.477.106h.704c.359 0 .587-.019.687-.056a.57.57 0 0 0 .346-.34 1.38 1.38 0 0 0 .044-.374c0-.341-.123-.55-.368-.624-.092-.03-.52-.071-1.28-.123a15.411 15.411 0 0 1-1.274-.128c-.626-.119-1.044-.364-1.252-.736-.184-.315-.275-.793-.275-1.432 0-.487.05-.877.148-1.17.1-.294.258-.517.48-.669.321-.234.735-.371 1.237-.412.463-.04.927-.058 1.391-.056.803 0 1.375.046 1.717.14.833.227 1.248.863 1.248 1.909a5.8 5.8 0 0 1-.018.385z"
+       fill="#fff"
+       id="path743" />
+    <path
+       d="M13.786 13.092c.849 0 1.605.398 2.103 1.02l.444-.966a3.855 3.855 0 0 0-2.678-1.077c-1.62 0-3.006.995-3.575 2.402h-.865l-.51 1.111h1.111c-.018.23-.017.46.006.69h-.56l-.51 1.111h1.354a3.853 3.853 0 0 0 3.549 2.335c.803 0 1.55-.244 2.167-.662v-1.363a2.683 2.683 0 0 1-2.036.939 2.7 2.7 0 0 1-2.266-1.248h2.832l.511-1.112h-3.761a2.886 2.886 0 0 1-.016-.69h4.093l.51-1.11h-4.25a2.704 2.704 0 0 1 2.347-1.38"
+       fill="#ffcc02"
+       id="path745" />
+  </g>
+</svg>
diff --git a/static/images/donates/sofort.svg b/static/images/donates/sofort.svg
new file mode 100644
index 00000000..74ccad8a
--- /dev/null
+++ b/static/images/donates/sofort.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   fill="none"
+   version="1.1"
+   id="svg607"
+   sodipodi:docname="sofort.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview609"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.44"
+     inkscape:cx="6.779661"
+     inkscape:cy="12.552966"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     inkscape:window-x="1440"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg607" />
+  <path
+     d="M 29.481661,22.447749 H 0.17372871 L 2.4011322,9.5522507 H 31.826271 Z"
+     fill="#393a41"
+     id="path586"
+     style="stroke-width:0.703389" />
+  <g
+     clip-path="url(#clip0_9:576)"
+     id="g600"
+     transform="matrix(0.70338983,0,0,0.70338983,0.29096928,7.2076377)">
+    <path
+       d="m 13.8211,9.66667 c -1.872,0 -3.2931,1.40913 -3.2931,3.08823 0,1.5191 1.1663,2.5784 2.7541,2.5784 1.872,0 3.2833,-1.4491 3.2833,-3.1281 0.0098,-1.5291 -1.1565,-2.53853 -2.7443,-2.53853 z m -0.4214,4.23753 c -0.7155,0 -1.2153,-0.4797 -1.2153,-1.2193 0,-0.8195 0.6174,-1.5991 1.5093,-1.5991 0.7155,0 1.2154,0.4997 1.2154,1.2393 0.0098,0.8295 -0.6175,1.5791 -1.5094,1.5791 z"
+       fill="#ededed"
+       id="path588" />
+    <path
+       d="m 25.0825,9.66667 c -1.872,0 -3.2833,1.40913 -3.2833,3.08823 0,1.5191 1.1663,2.5784 2.7541,2.5784 1.872,0 3.2833,-1.4491 3.2833,-3.1281 0.0098,-1.5291 -1.1565,-2.53853 -2.7541,-2.53853 z m -0.4116,4.23753 c -0.7155,0 -1.2153,-0.4797 -1.2153,-1.2193 0,-0.8195 0.6174,-1.5991 1.5093,-1.5991 0.7155,0 1.2153,0.4997 1.2153,1.2393 0,0.8295 -0.6174,1.5791 -1.5093,1.5791 z"
+       fill="#ededed"
+       id="path590" />
+    <path
+       d="m 33.3448,11.4556 c 0,-1.0194 -0.7743,-1.66899 -2.1856,-1.66899 h -1.9798 l -0.8723,5.42679 h 1.6661 l 0.2745,-1.709 h 0.0784 l 0.8821,1.709 h 1.9112 l -1.2252,-1.8989 c 0.9115,-0.3198 1.4506,-1.0094 1.4506,-1.8589 z m -2.6659,0.8995 h -0.245 l 0.1862,-1.1393 h 0.2254 c 0.5195,0 0.7939,0.1599 0.7939,0.5097 0,0.4097 -0.392,0.6296 -0.9605,0.6296 z"
+       fill="#ededed"
+       id="path592" />
+    <path
+       d="M 8.61678,11.9553 C 7.97971,11.6255 7.8425,11.5456 7.8425,11.3657 c 0,-0.2199 0.25483,-0.3298 0.59786,-0.3298 0.40184,0 1.00951,0.0499 1.60734,0.6296 0.147,-0.4697 0.3921,-0.8895 0.7057,-1.2593 C 9.91052,9.91652 9.12643,9.66667 8.41096,9.66667 c -1.42115,0 -2.24444,0.77953 -2.24444,1.71903 0,0.8095 0.59786,1.2292 1.30354,1.599 0.63707,0.3298 0.79388,0.4398 0.79388,0.6396 0,0.2199 -0.26462,0.3398 -0.61746,0.3398 -0.60767,0 -1.31334,-0.3897 -1.73479,-0.7895 l -0.24502,1.5091 c 0.43124,0.3198 1.05851,0.6496 2.00921,0.6496 1.47016,0 2.26404,-0.7595 2.26404,-1.7289 0,-0.7996 -0.50965,-1.2293 -1.32314,-1.6491 z"
+       fill="#ededed"
+       id="path594" />
+    <path
+       d="m 20.9661,12.1652 h -1.9602 l 0.1568,-0.9494 h 2.0974 c 0.2744,-0.5697 0.6959,-1.0594 1.2153,-1.42919 h -3.4303 c -0.7645,0 -1.4114,0.52969 -1.5192,1.24929 l -0.6664,4.1875 h 1.6661 l 0.2745,-1.709 h 1.9798 l 0.147,-0.9294 c 0.0098,-0.1499 0.0196,-0.2799 0.0392,-0.4198 z"
+       fill="#ededed"
+       id="path596" />
+    <path
+       d="m 33.384,9.78661 c 0.4509,0.34979 0.7253,0.83949 0.7841,1.42919 h 1.3917 l -0.637,3.9976 h 1.6661 l 0.6371,-3.9976 h 1.5486 L 39,9.78661 Z"
+       fill="#ededed"
+       id="path598" />
+  </g>
+  <defs
+     id="defs605">
+    <clipPath
+       id="clip0_9:576">
+      <rect
+         width="33.333302"
+         height="5.6666698"
+         fill="#ffffff"
+         transform="translate(5.66667,9.66667)"
+         id="rect602"
+         x="0"
+         y="0" />
+    </clipPath>
+  </defs>
+</svg>
diff --git a/static/images/donates/telegram.svg b/static/images/donates/telegram.svg
new file mode 100644
index 00000000..1fe9deb9
--- /dev/null
+++ b/static/images/donates/telegram.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 32 32"
+   xml:space="preserve"
+   sodipodi:docname="telegram.svg"
+   width="32"
+   height="32"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs31" /><sodipodi:namedview
+     id="namedview29"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="4.8127163"
+     inkscape:cx="38.855397"
+     inkscape:cy="29.816842"
+     inkscape:window-width="1440"
+     inkscape:window-height="847"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><style
+     type="text/css"
+     id="style9">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#D2E4F0;}
+	.st3{fill:#B5CFE4;}
+</style><g
+     id="g26"
+     transform="scale(0.0625)"><linearGradient
+       gradientUnits="userSpaceOnUse"
+       id="SVGID_1_"
+       x1="256"
+       x2="256"
+       y1="0"
+       y2="510.1322"><stop
+         offset="0"
+         style="stop-color:#41BCE7"
+         id="stop11" /><stop
+         offset="1"
+         style="stop-color:#22A6DC"
+         id="stop13" /></linearGradient><circle
+       class="st0"
+       cx="256"
+       cy="256"
+       r="256"
+       id="circle16"
+       style="fill:url(#SVGID_1_)" /><g
+       id="g24"><path
+         class="st1"
+         d="m 380.6,147.3 -45.7,230.5 c 0,0 -6.4,16 -24,8.3 L 205.4,305.2 167,286.7 102.4,265 c 0,0 -9.9,-3.5 -10.9,-11.2 -1,-7.7 11.2,-11.8 11.2,-11.8 L 359.5,141.3 c 0,-0.1 21.1,-9.4 21.1,6 z"
+         id="path18" /><path
+         class="st2"
+         d="m 197.2,375.2 c 0,0 -3.1,-0.3 -6.9,-12.4 C 186.5,350.7 167,286.7 167,286.7 l 155.1,-98.5 c 0,0 9,-5.4 8.6,0 0,0 1.6,1 -3.2,5.4 -4.8,4.5 -121.8,109.7 -121.8,109.7"
+         id="path20" /><path
+         class="st3"
+         d="m 245.8,336.2 -41.7,38.1 c 0,0 -3.3,2.5 -6.8,0.9 l 8,-70.7"
+         id="path22" /></g></g></svg>
diff --git a/static/images/donates/tron.svg b/static/images/donates/tron.svg
new file mode 100644
index 00000000..d6cf3cb6
--- /dev/null
+++ b/static/images/donates/tron.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   viewBox="0 0 32 32"
+   width="32"
+   version="1.1"
+   id="svg410"
+   sodipodi:docname="trcon.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview412"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.921875"
+     inkscape:cx="126.91525"
+     inkscape:cy="128.54237"
+     inkscape:window-width="1440"
+     inkscape:window-height="847"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg410" />
+  <defs
+     id="defs404">
+    <style
+       id="style402">
+      .cls-1 {
+        fill: #111;
+      }
+
+      .cls-2 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <g
+     data-name="tron trn coin "
+     id="tron_trn_coin_"
+     transform="scale(0.125)">
+    <g
+       data-name="tron trn"
+       id="tron_trn">
+      <circle
+         class="cls-1"
+         cx="128"
+         cy="128"
+         data-name="Эллипс 28"
+         id="Эллипс_28"
+         r="128" />
+      <path
+         class="cls-2"
+         d="m 788,1966 119,28 26,16.77 -81.755,114.23 z m 10.8,7.72 101.808,24.7 -40.108,40.13 z m 0,7.72 50.9,126.58 L 857,2044 Z M 905.236,1999.96 923,2011 869,2037 Z M 924,2016 l -68.128,93.56 7.713,-63.29 z"
+         data-name="Фигура 15"
+         id="Фигура_15"
+         transform="translate(-728,-1909)" />
+    </g>
+  </g>
+</svg>
diff --git a/static/images/donates/unionpay.svg b/static/images/donates/unionpay.svg
new file mode 100644
index 00000000..a7aedcda
--- /dev/null
+++ b/static/images/donates/unionpay.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   id="svg479"
+   sodipodi:docname="unionpay.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs483" /><sodipodi:namedview
+     id="namedview481"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="7.2834836"
+     inkscape:cx="39.266925"
+     inkscape:cy="40.571246"
+     inkscape:window-width="1440"
+     inkscape:window-height="847"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg479" /><g
+     id="g506"
+     transform="matrix(0.02875177,0,0,0.02875177,-0.05013645,5.0733603)"><g
+       transform="scale(4.16667)"
+       id="g477"><path
+         d="m 62.002,0.416 c -15.605,0 -30.09,11.795 -33.693,27.434 0,0.004 -27.496,119.509 -27.496,119.509 -2.034,8.805 -0.209,17.675 5,24.34 C 10.939,178.242 18.855,182 27.521,182 h 178.418 c 15.598,0 30.086,-11.79 33.706,-27.42 0,-0.018 27.492,-119.523 27.492,-119.523 2.036,-8.804 0.209,-17.691 -5.004,-24.344 C 257.002,4.17 249.096,0.416 240.429,0.416 Z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path437" /><path
+         d="m 64.505,19.785 h 57.003 c 7.96,0 12.908,6.477 11.047,14.459 l -26.536,113.929 c -1.869,7.981 -9.835,14.454 -17.792,14.454 H 31.224 c -7.966,0 -12.911,-6.473 -11.043,-14.454 L 46.722,34.244 c 1.86,-7.982 9.817,-14.459 17.783,-14.459 z"
+         style="fill:#ed1c24;fill-rule:nonzero"
+         id="path439" /><path
+         d="m 116.778,19.785 h 56.999 c 7.965,0 12.912,6.477 11.043,14.459 l -26.541,113.929 c -1.869,7.981 -9.826,14.454 -17.8,14.454 h -56.99 c -7.974,0 -12.912,-6.473 -11.044,-14.454 L 98.979,34.244 c 1.868,-7.982 9.834,-14.459 17.799,-14.459 z"
+         style="fill:#00569e;fill-rule:nonzero"
+         id="path441" /><path
+         d="m 179.732,19.785 h 56.994 c 7.966,0 12.912,6.477 11.044,14.459 l -26.532,113.929 c -1.869,7.981 -9.834,14.454 -17.801,14.454 h -57.002 c -7.966,0 -12.912,-6.473 -11.043,-14.454 L 161.924,34.244 c 1.868,-7.982 9.834,-14.459 17.808,-14.459 z"
+         style="fill:#00898e;fill-rule:nonzero"
+         id="path443" /><path
+         d="m 188.223,103.898 -5.38,22.981 h 1.86 l -1.125,4.77 h -1.861 l -0.342,1.456 h -6.606 l 0.342,-1.456 h -13.429 l 1.051,-4.399 1.368,-0.021 5.463,-23.331 1.085,-4.716 h 6.747 l -0.533,2.39 c 0,0 1.701,-1.305 3.369,-1.743 1.677,-0.438 11.444,-0.609 11.444,-0.609 l -1.134,4.678 z m -11.886,0 -1.377,5.881 c 0,0 1.936,-0.909 3.012,-1.201 1.084,-0.288 2.736,-0.4 2.736,-0.4 l 0.993,-4.28 z m -2.068,8.809 -1.427,6.094 c 0,0 1.968,-1.047 3.054,-1.34 1.076,-0.291 2.734,-0.475 2.734,-0.475 l 1.019,-4.279 z m -3.328,14.242 h 5.371 l 1.21,-5.176 h -5.372 z"
+         style="fill:#ffffff"
+         id="path445" /><path
+         d="m 192.043,99.229 h 7.19 l 0.084,2.676 c -0.042,0.434 0.342,0.652 1.184,0.667 h 1.209 l -1.084,4.43 h -3.886 c -3.37,0.242 -4.647,-1.21 -4.563,-2.832 z"
+         style="fill:#ffffff"
+         id="path447" /><path
+         d="m 193.261,120.23 h -6.865 l 0.918,-3.945 h 7.832 l 0.876,-3.611 h -7.74 l 1.042,-4.434 h 21.537 l -1.051,4.434 h -7.232 l -0.875,3.611 h 7.24 l -0.926,3.945 h -7.824 l -1.293,1.665 h 3.178 l 1.126,4.97 c 0.09,0.489 0.141,0.811 0.308,1.014 0.167,0.176 1.134,0.264 1.685,0.264 h 0.96 l -1.134,4.849 h -2.445 c -0.375,0 -0.942,-0.016 -1.709,-0.084 -0.744,-0.057 -1.301,-0.483 -1.811,-0.717 -0.467,-0.216 -1.176,-0.771 -1.401,-1.693 l -1.093,-4.954 -3.219,4.895 c -1.043,1.519 -2.494,2.696 -5.072,2.696 h -5.004 l 1.009,-4.297 h 1.919 c 0.55,0 1.033,-0.224 1.375,-0.403 0.351,-0.164 0.66,-0.351 1.002,-0.873 z"
+         style="fill:#ffffff"
+         id="path449" /><path
+         d="m 117.42,109.437 h 18.155 l -1.042,4.338 h -7.291 l -0.888,3.695 h 7.411 l -1.076,4.487 h -7.412 l -1.438,5.984 c -0.167,0.673 1.814,0.764 2.532,0.764 l 3.681,-0.492 -1.183,4.93 h -8.379 c -0.668,0 -1.18,-0.076 -1.918,-0.259 -0.718,-0.171 -1.047,-0.492 -1.393,-0.976 -0.33,-0.467 -0.822,-0.876 -0.572,-1.917 l 1.911,-7.958 h -4.13 l 1.097,-4.563 h 4.138 l 0.879,-3.695 h -4.12 z"
+         style="fill:#ffffff"
+         id="path451" /><path
+         d="m 129.169,101.655 h 7.457 l -1.085,4.517 h -10.18 l -1.051,0.972 c -0.43,0.45 -0.617,0.262 -1.205,0.584 -0.567,0.3 -1.739,0.867 -3.308,0.867 h -3.26 l 1.046,-4.355 h 0.977 c 0.833,0 1.397,-0.074 1.676,-0.261 0.3,-0.188 0.638,-0.66 1.005,-1.407 L 122.9,99.17 h 7.42 z"
+         style="fill:#ffffff"
+         id="path453" /><path
+         d="m 139.662,99.204 h 6.356 l -0.734,3.202 c 0,0 1.91,-1.605 3.286,-2.143 1.368,-0.543 4.504,-1.001 4.504,-1.001 l 10.259,-0.066 -2.769,11.659 c -0.475,1.995 -1.076,3.287 -1.459,3.883 -0.367,0.584 -0.775,1.106 -1.644,1.598 -0.85,0.45 -1.618,0.709 -2.335,0.783 -0.692,0.059 -1.726,0.08 -3.162,0.096 h -9.892 l -2.21,9.23 c -0.225,0.913 -0.318,1.342 -0.134,1.584 0.168,0.225 0.518,0.477 0.984,0.477 l 4.33,-0.418 -1.176,5.058 h -4.896 c -1.543,0 -2.686,-0.02 -3.47,-0.095 -0.759,-0.059 -1.543,0 -2.085,-0.418 -0.493,-0.391 -1.21,-0.908 -1.227,-1.45 0.017,-0.505 0.167,-1.334 0.417,-2.47 z m 14.213,11.794 h -10.402 l -0.509,2.093 h 9.009 c 1.06,-0.109 1.284,0.024 1.368,-0.013 z m -9.952,-1.894 c 0,0 1.91,-1.86 5.365,-2.469 0.784,-0.142 5.747,-0.1 5.747,-0.1 l 0.591,-2.494 h -10.493 z"
+         style="fill:#ffffff"
+         id="path455" /><path
+         d="m 159.338,118.033 -0.4,2.807 c -0.218,0.863 -0.376,1.526 -1.001,2.101 -0.659,0.592 -1.443,1.202 -3.345,1.202 l -3.503,0.137 0.15,3.161 c 0.026,0.918 0.251,0.823 0.401,0.967 0.166,0.154 0.324,0.223 0.484,0.264 l 1.117,-0.041 3.337,-0.205 -1.094,4.641 h -3.853 c -2.719,0 -4.721,-0.083 -5.413,-0.575 -0.676,-0.446 -0.801,-0.959 -0.834,-1.822 l -0.517,-12.358 h 6.164 l 0.074,2.528 h 1.477 c 0.517,0 0.851,-0.051 1.06,-0.184 0.175,-0.134 0.291,-0.342 0.375,-0.658 l 0.467,-1.965 z"
+         style="fill:#ffffff"
+         id="path457" /><path
+         d="m 71.252,56.16 c -0.216,1.021 -4.178,19.263 -4.187,19.271 -0.851,3.679 -1.468,6.332 -3.561,8.033 -1.218,0.976 -2.594,1.455 -4.212,1.455 -2.595,0 -4.113,-1.296 -4.379,-3.745 l -0.051,-0.83 c 0,0 0.793,-4.946 0.801,-4.971 0,0 4.162,-16.632 4.896,-18.842 0.025,-0.117 0.042,-0.183 0.067,-0.259 -8.083,0.101 -9.525,0.025 -9.625,-0.117 -0.042,0.176 -0.259,1.21 -0.259,1.21 l -4.237,18.755 -0.367,1.588 -0.693,5.189 c 0,1.547 0.301,2.81 0.91,3.862 1.926,3.386 7.44,3.895 10.551,3.895 4.012,0 7.774,-0.876 10.326,-2.406 4.404,-2.624 5.572,-6.719 6.606,-10.331 l 0.476,-1.86 c 0,0 4.278,-17.283 5.013,-19.53 0.025,-0.121 0.041,-0.179 0.058,-0.255 -5.847,0.088 -7.582,0.017 -8.133,-0.112 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path459" /><path
+         d="m 94.908,90.462 c -2.878,-0.033 -3.87,-0.033 -7.223,0.117 l -0.134,-0.225 c 0.292,-1.294 0.617,-2.544 0.909,-3.837 l 0.4,-1.731 c 0.626,-2.732 1.235,-5.864 1.302,-6.827 0.066,-0.584 0.25,-2.027 -1.393,-2.027 -0.701,0 -1.435,0.334 -2.169,0.667 -0.4,1.435 -1.218,5.497 -1.601,7.34 -0.826,3.908 -0.885,4.35 -1.251,6.265 l -0.243,0.258 c -2.952,-0.033 -3.979,-0.033 -7.373,0.117 l -0.159,-0.258 c 0.568,-2.328 1.135,-4.651 1.669,-6.974 1.434,-6.268 1.768,-8.666 2.16,-11.836 l 0.267,-0.224 c 3.32,-0.443 4.112,-0.551 7.715,-1.29 l 0.293,0.33 -0.543,2.027 c 0.601,-0.367 1.193,-0.734 1.819,-1.067 1.685,-0.81 3.569,-1.069 4.595,-1.069 1.569,0 3.295,0.443 4.012,2.252 0.693,1.618 0.234,3.612 -0.667,7.557 l -0.458,1.994 c -0.926,4.387 -1.077,5.197 -1.577,8.183 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path461" /><path
+         d="m 106.561,90.462 c -1.735,-0.016 -2.845,-0.025 -3.929,-0.012 -1.076,0.012 -2.127,0.053 -3.737,0.129 l -0.092,-0.133 -0.1,-0.125 c 0.434,-1.669 0.667,-2.253 0.893,-2.837 0.216,-0.588 0.425,-1.18 0.809,-2.861 0.5,-2.181 0.809,-3.732 1.034,-5.063 0.226,-1.321 0.367,-2.423 0.526,-3.694 l 0.133,-0.109 0.142,-0.117 c 1.718,-0.237 2.811,-0.396 3.92,-0.576 1.118,-0.179 2.252,-0.383 4.046,-0.717 l 0.116,0.3 c -0.334,1.364 -0.667,2.736 -0.992,4.101 -0.326,1.363 -0.642,2.735 -0.96,4.099 -0.65,2.886 -0.9,3.978 -1.05,4.721 -0.151,0.742 -0.193,1.143 -0.442,2.636 l -0.159,0.132 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path463" /><path
+         d="m 132.305,80.595 c 1.009,-4.417 0.242,-6.477 -0.751,-7.732 -1.502,-1.911 -4.124,-2.536 -6.869,-2.536 -1.643,0 -5.554,0.183 -8.616,3.02 -2.185,2.018 -3.219,4.778 -3.828,7.431 -0.617,2.69 -1.335,7.586 3.119,9.35 1.401,0.593 3.37,0.777 4.646,0.777 3.286,0 6.64,-0.918 9.154,-3.608 1.952,-2.135 2.837,-5.376 3.145,-6.702 z m -7.486,-0.33 c -0.167,0.738 -0.809,3.533 -1.701,4.709 -0.593,0.85 -1.335,1.367 -2.136,1.367 -0.225,0 -1.643,0 -1.677,-2.101 -0.016,-1.031 0.193,-2.098 0.459,-3.275 0.759,-3.315 1.652,-6.109 3.921,-6.109 1.793,0 1.901,2.06 1.134,5.409 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path465" /><path
+         d="m 195.505,85.32 c -0.592,0.838 -1.985,1.355 -2.787,1.355 -0.224,0 -1.642,0 -1.676,-2.085 -0.016,-1.026 0.192,-2.086 0.459,-3.253 0.758,-3.287 1.651,-6.064 3.92,-6.064 1.477,0 2.194,1.448 1.995,3.804 -0.118,0.529 -0.218,1.008 -0.36,1.634 -0.242,1.027 -0.525,2.036 -0.775,3.057 -0.234,0.601 -0.485,1.168 -0.776,1.552 z m 11.344,-14.768 c -3.587,0.654 -4.529,0.801 -7.967,1.277 l -0.266,0.216 c -0.042,0.292 -0.075,0.559 -0.116,0.839 -0.535,-0.877 -1.286,-1.644 -2.495,-2.107 -1.535,-0.592 -5.137,0.184 -8.199,2.995 -2.185,2.01 -3.22,4.75 -3.828,7.381 -0.617,2.67 -1.335,7.532 3.119,9.284 1.401,0.585 2.695,0.759 3.971,0.692 1.367,-0.07 2.619,-0.788 3.795,-1.772 -0.11,0.417 -0.209,0.838 -0.318,1.255 l 0.201,0.26 c 3.211,-0.151 4.195,-0.151 7.657,-0.11 l 0.317,-0.259 c 0.5,-2.961 0.985,-5.846 2.303,-11.547 0.625,-2.707 1.283,-5.41 1.942,-8.112 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path467" /><path
+         d="m 151.89,90.462 c -2.878,-0.033 -3.862,-0.033 -7.223,0.117 l -0.134,-0.225 c 0.3,-1.294 0.617,-2.544 0.918,-3.837 l 0.392,-1.731 c 0.625,-2.732 1.235,-5.864 1.309,-6.827 0.058,-0.584 0.242,-2.027 -1.402,-2.027 -0.692,0 -1.425,0.334 -2.16,0.667 -0.399,1.435 -1.217,5.497 -1.609,7.34 -0.817,3.908 -0.885,4.35 -1.251,6.265 l -0.242,0.258 c -2.946,-0.033 -3.971,-0.033 -7.366,0.117 l -0.158,-0.258 c 0.567,-2.328 1.134,-4.651 1.668,-6.974 1.435,-6.268 1.76,-8.666 2.16,-11.836 l 0.267,-0.224 c 3.312,-0.443 4.112,-0.551 7.708,-1.29 l 0.291,0.33 -0.533,2.027 c 0.592,-0.367 1.192,-0.734 1.809,-1.067 1.685,-0.81 3.571,-1.069 4.596,-1.069 1.569,0 3.296,0.443 4.021,2.252 0.683,1.618 0.224,3.612 -0.676,7.557 l -0.45,1.994 c -0.935,4.387 -1.084,5.197 -1.585,8.183 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path469" /><path
+         d="m 179.84,66.849 c -0.516,2.276 -1.976,4.195 -3.886,5.138 -1.585,0.788 -3.496,0.855 -5.48,0.855 h -1.293 l 0.116,-0.521 c 0,0 2.353,-10.268 2.344,-10.235 l 0.067,-0.521 0.05,-0.413 0.935,0.092 c 0,0 4.862,0.433 4.987,0.458 1.918,0.734 2.728,2.652 2.16,5.147 z m -3.102,-10.727 c -0.008,0 -2.386,0.05 -2.386,0.05 -6.197,0.062 -8.683,0.046 -9.709,-0.083 -0.092,0.442 -0.259,1.255 -0.259,1.259 0,0 -2.211,10.293 -2.211,10.301 0,0 -5.312,21.888 -5.562,22.914 5.404,-0.076 7.632,-0.08 8.558,0.024 0.216,-1.034 1.476,-7.131 1.485,-7.144 0,0 1.075,-4.492 1.142,-4.633 0,0 0.326,-0.476 0.676,-0.659 h 0.484 c 4.663,0 9.942,0 14.071,-3.045 2.803,-2.068 4.729,-5.138 5.588,-8.875 0.217,-0.925 0.385,-2.018 0.385,-3.119 0,-1.41 -0.285,-2.841 -1.12,-3.97 -2.109,-2.932 -6.288,-2.97 -11.142,-3.02 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path471" /><path
+         d="m 109.705,72.871 c 1.894,-1.306 2.135,-3.137 0.525,-4.087 -1.609,-0.943 -4.445,-0.647 -6.347,0.659 -1.91,1.318 -2.135,3.148 -0.534,4.095 1.61,0.947 4.454,0.65 6.356,-0.667 z"
+         style="fill:#ffffff;fill-rule:nonzero"
+         id="path473" /><path
+         d="m 230.728,70.519 -0.282,-0.326 c -3.529,0.73 -4.171,0.843 -7.416,1.277 l -0.259,0.22 c -0.008,0.055 -0.016,0.109 -0.024,0.163 l -0.017,-0.042 c -2.436,5.597 -2.353,4.388 -4.32,8.775 -0.008,-0.2 -0.018,-0.35 -0.026,-0.538 l -0.492,-9.529 -0.301,-0.326 c -3.711,0.73 -3.802,0.843 -7.222,1.277 l -0.276,0.22 c -0.016,0.13 -0.033,0.255 -0.05,0.389 l 0.034,0.033 c 0.417,2.202 0.325,1.718 0.751,5.163 0.191,1.685 0.459,3.399 0.65,5.08 0.35,2.777 0.533,4.186 0.942,8.425 -2.31,3.836 -2.86,5.279 -5.063,8.64 v 0.008 l -1.576,2.494 c -0.175,0.267 -0.342,0.433 -0.559,0.517 -0.25,0.108 -0.592,0.151 -1.043,0.151 h -1.201 l -1,4.486 4.471,-0.066 c 2.593,-0.021 4.236,-1.301 5.129,-2.919 l 2.736,-4.774 z"
+         style="fill:#ffffff"
+         id="path475" /></g></g></svg>
diff --git a/static/images/donates/visa.svg b/static/images/donates/visa.svg
new file mode 100644
index 00000000..ed31c9f6
--- /dev/null
+++ b/static/images/donates/visa.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   xml:space="preserve"
+   id="svg253"
+   sodipodi:docname="visa.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs257" /><sodipodi:namedview
+     id="namedview255"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="4.221004"
+     inkscape:cx="11.845523"
+     inkscape:cy="30.916815"
+     inkscape:window-width="1440"
+     inkscape:window-height="847"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg253" /><g
+     id="g321"
+     transform="translate(-0.41016053,-0.66588033)"><g
+       id="形状_1_3_"
+       style="enable-background:new"
+       transform="matrix(0.06226674,0,0,0.06226674,0.49904706,0.69449265)"><g
+         id="形状_1"><g
+           id="g243"><path
+             d="m 211.328,184.445 -23.465,144.208 h 37.542 l 23.468,-144.208 z m -55.052,0 -35.794,99.185 -4.234,-21.358 0.003,0.007 -0.933,-4.787 c -4.332,-9.336 -14.365,-27.08 -33.31,-42.223 -5.601,-4.476 -11.247,-8.296 -16.705,-11.559 l 32.531,124.943 h 39.116 l 59.733,-144.208 z m 146.521,40.035 c 0,-16.304 36.563,-14.209 52.629,-5.356 l 5.357,-30.972 c 0,0 -16.534,-6.288 -33.768,-6.288 -18.632,0 -62.875,8.148 -62.875,47.739 0,37.26 51.928,37.723 51.928,57.285 0,19.562 -46.574,16.066 -61.944,3.726 l -5.586,32.373 c 0,0 16.763,8.148 42.382,8.148 25.616,0 64.272,-13.271 64.272,-49.37 0,-37.493 -52.395,-40.985 -52.395,-57.285 z m 153.2,-40.035 h -30.185 c -13.938,0 -17.332,10.747 -17.332,10.747 l -55.988,133.461 h 39.131 l 7.828,-21.419 h 47.728 l 4.403,21.419 h 34.472 z m -45.727,93.196 19.728,-53.966 11.098,53.966 z"
+             style="clip-rule:evenodd;fill:#005bac;fill-rule:evenodd"
+             id="path241" /></g></g></g><g
+       id="形状_1_2_"
+       style="enable-background:new"
+       transform="matrix(0.06226674,0,0,0.06226674,0.49904706,0.69449265)"><g
+         id="形状_1_1_"><g
+           id="g249"><path
+             d="m 104.132,198.022 c 0,0 -1.554,-13.015 -18.144,-13.015 H 25.715 l -0.706,2.446 c 0,0 28.972,5.906 56.767,28.033 26.562,21.148 35.227,47.51 35.227,47.51 z"
+             style="clip-rule:evenodd;fill:#f6ac1d;fill-rule:evenodd"
+             id="path247" /></g></g></g></g></svg>
diff --git a/static/images/donates/zcash.svg b/static/images/donates/zcash.svg
new file mode 100644
index 00000000..f6cc187c
--- /dev/null
+++ b/static/images/donates/zcash.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   width="32"
+   id="svg368"
+   sodipodi:docname="zcash.svg"
+   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview370"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="4.0571975"
+     inkscape:cx="79.611603"
+     inkscape:cy="72.094099"
+     inkscape:window-width="1440"
+     inkscape:window-height="847"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg368" />
+  <title
+     id="title349" />
+  <desc
+     id="desc351" />
+  <defs
+     id="defs358">
+    <linearGradient
+       id="linearGradient-1"
+       x1="28"
+       x2="228"
+       y1="128"
+       y2="128"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0%"
+         stop-color="#CE913B"
+         id="stop353" />
+      <stop
+         offset="100%"
+         stop-color="#F2C45E"
+         id="stop355" />
+    </linearGradient>
+  </defs>
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="Classic"
+     stroke="none"
+     stroke-width="1"
+     transform="scale(0.125)">
+    <g
+       id="Zcash"
+       transform="translate(-3388,-1122)">
+      <g
+         transform="translate(3388,1122)"
+         id="g364">
+        <circle
+           cx="128"
+           cy="128"
+           fill="#000000"
+           id="Oval-6"
+           r="128" />
+        <circle
+           cx="128"
+           cy="128"
+           fill="url(#linearGradient-1)"
+           id="circle361"
+           r="100"
+           style="fill:url(#linearGradient-1)" />
+        <path
+           d="m 175.77939,159.85759 v 27.87018 h -34.14997 c 0.55576,7.97484 0.86136,15.36615 1.41712,23.31312 H 114.315 V 188.0056 H 80.165027 c 0,-9.11413 -1.139293,-18.20039 0.55576,-26.73089 0.861258,-4.55707 5.974084,-8.5306 9.11403,-12.50413 10.809083,-12.80974 21.618163,-25.31367 32.705073,-38.12351 4.27914,-4.83489 8.5306,-9.39196 13.3654,-14.782613 H 82.721337 V 67.994276 H 114.28722 V 44.681162 h 27.59225 v 22.757355 h 34.42801 c 0,9.392064 1.13919,18.478321 -0.55576,27.036694 -0.86136,4.557067 -5.97419,8.530499 -9.39207,12.504029 -10.80898,12.80974 -21.61806,25.31377 -32.70507,38.12351 -4.22349,5.08505 -8.47496,9.61424 -13.33762,14.75484 z"
+           fill="#000000"
+           id="Fill-4" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/templates/shortcodes/donate_buttons.html b/templates/shortcodes/donate_buttons.html
index 08b49148..fb1d4599 100644
--- a/templates/shortcodes/donate_buttons.html
+++ b/templates/shortcodes/donate_buttons.html
@@ -1,26 +1,44 @@
 <div class="donate_buttons">
-  <iframe src="https://github.com/sponsors/organicmaps/button" title="Sponsor Organic Maps" height="35" width="116" style="border: 0;"></iframe>
-
-  <a href="https://liberapay.com/OrganicMaps/donate" title="Donate with Liberapay"><img src="/images/liberapay.svg" alt="Liberapay" height="35" /></a>
-
-  <form action="https://www.paypal.com/donate" method="post" target="_top">
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/visa.svg" alt="Credit/Debit Card"></a>
+  <a href="https://t.me/OrganicMapsRu/23361"><img id="mir" style="display: none;" src="/images/donates/mir.svg" alt="Telegram в рублях"></a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/apple.svg" alt="Apple Pay"></a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/google.svg" alt="Google Play"></a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/giropay.svg" alt="giropay"></a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/ideal.svg" alt="iDeal"></a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/sofort.svg" alt="Sofort"></a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/sepa.svg" alt="SEPA"></a>
+  <a href="/donate#bank-transfer"><img src="/images/donates/bank.svg" alt="Bank Transfer"></a>
+  <a href="https://liberapay.com/OrganicMaps"><img src="/images/donates/liberapay.svg" alt="LiberaPay"></a>
+  <a href="https://github.com/sponsors/organicmaps/"><img src="/images/donates/github.svg" alt="GitHub Sponsors"></a>
+  <form action="https://www.paypal.com/donate" method="post" target="_blank">
     <input type="hidden" name="hosted_button_id" value="JYM34AADM87V8" />
-    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="Donate to Organic Maps using PayPal" alt="Donate with PayPal button" />
+    <input type="image" src="/images/donates/paypal.svg" name="submit" title="Donate to Organic Maps using PayPal" alt="Donate with PayPal button" />
   </form>
-
-  <a href="/donate#sepa-and-direct-bank-transfer" title="SEPA or direct bank transfer">S€PA</a>
-  <a href="/donate#crypto" title="Bitcoin, Monero, Ethereum, Algorand, Tron, Zcash, Litecoin, Binance, etc.">CRYPTO</a>
-  <a href="https://t.me/OrganicMapsApp/78" title="Donate using Telegram Messenger">Telegram (EUR)</a>
-  <a id="telegramRu" style="display: none" href="https://t.me/OrganicMapsRu/23361" title="Пожертвования через Telegram в рублях">Телеграм (рубли)</a>
+  <a href="https://donate.organicmaps.app/"><img src="/images/donates/bancontact.svg" alt="BanContact"></a>
+  <a href="https://donate.organicmaps.app/"><img id="eps" src="/images/donates/eps.svg" alt="EPS"></a>
+  <a href="/donate#crypto"><img src="/images/donates/bitcoin.svg" alt="Bitcoin"></a>
+  <a href="/donate#crypto"><img src="/images/donates/ethereum.svg" alt="Ethereum"></a>
+  <a href="/donate#crypto"><img src="/images/donates/monero.svg" alt="Monero"></a>
+  <a href="/donate#crypto"><img src="/images/donates/tron.svg" alt="Tron"></a>
+  <a href="/donate#crypto"><img src="/images/donates/zcash.svg" alt="ZCash"></a>
 </div>
+
 <script>
-  function ShowElementById(id) {
-    document.getElementById(id).style = null;
+  function HasLanguage(code) {
+      if (navigator.languages) {
+        for (var i = 0; i < navigator.languages.length; i++)
+          if (navigator.languages[i].indexOf(code) == 0) {
+            return true;
+          }
+    } else if (navigator.language.indexOf(code) == 0) {
+      return true;
+    }
+    return false;
   }
-  if (navigator.languages) {
-    for (var i = 0; i < navigator.languages.length; i++)
-      if (navigator.languages[i].indexOf('ru') == 0) ShowElementById('telegramRu');
-  } else if (navigator.language.indexOf('ru') == 0) {
-    ShowElementById('telegramRu');
+
+  if (HasLanguage('ru')) {
+    document.getElementById('mir').style.display = null;
+    document.getElementById('eps').style.display = 'none';
   }
+  //
 </script>