diff --git a/images/izzetright.png b/images/izzetright.png new file mode 100644 index 00000000..b533b395 Binary files /dev/null and b/images/izzetright.png differ diff --git a/images/patreon.png b/images/patreon.png index 23696069..36c0fca7 100644 Binary files a/images/patreon.png and b/images/patreon.png differ diff --git a/images/paypal.png b/images/paypal.png index d68c0109..0f36713d 100644 Binary files a/images/paypal.png and b/images/paypal.png differ diff --git a/images/pucatrade.png b/images/pucatrade.png index 71fc6cef..a55f8079 100644 Binary files a/images/pucatrade.png and b/images/pucatrade.png differ diff --git a/index.html b/index.html index f6b50696..49a8adde 100644 --- a/index.html +++ b/index.html @@ -416,12 +416,13 @@ Donate?
- I hope that you found Card Conjurer useful! If you did, you can help me out tremendously by making a small donation. + I hope that you found Card Conjurer useful! If you did, you can help me out tremendously by making a small donation or using a referral link... Or you can check out my friend's youtube channel: Izzet Right?
-
- - - +
+
PayPal
+
Patreon
+
PucaTrade
+
Izzet Right?
@@ -564,7 +565,7 @@ html { cursor: pointer; } .selectionGrid > div:hover { - background-color: var(--color-c) !important; + background: var(--color-c); } /*.selectionGrid > div:nth-child(odd) { @@ -748,6 +749,26 @@ a:hover, a:active { .paragraph { text-indent: 2em; } +/*Donation buttons!*/ +.donateGrid { + grid-template-columns: repeat(auto-fit, minmax(13em, 1fr)); + text-align: center; +} +.donateGrid.grid > div { + background: var(--color-gray); + font-size: 1.7em; + cursor: pointer; + padding: 0px; +} +.donateGrid.grid > div:hover { + background: black; +} +.donateGrid > div > img { + position: relative; + top: 0.25em; + left: 0.5em; + height: 1.7em; +}