update supporter page

fmbot-discord · Jun 22, 2023 · 347d39a · 347d39a
1 parent cb2db66
commit 347d39a
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 14 deletions.
diff --git a/docs/style/style.css b/docs/style/style.css
@@ -25,6 +25,34 @@ code {
     margin-block-end: 0.3em;
 }
 
+.md-typeset__table {
+    width: 100%;
+}
+
+table {
+    width: 100%;
+    display: table !important;
+}
+
+.divider {
+    top: 20px;
+    position: relative;
+    margin: 0 !important;
+}
+
+.purchase-option {
+    text-align: center;
+    font-size: 0.9em !important;
+    margin-block-start: 0.5em;
+    margin-block-end: 0.3em;
+}
+
+.getsupporter-button-discord {
+    width: 100% !important;
+    display: block !important;
+    margin-block-end: 1em;
+}
+
 .getsupporter-button h4 {
     margin-top: 0.66em;
     margin-bottom: 0 !important;
@@ -37,7 +65,7 @@ code {
 }
 
 .getsupporter-button {
-    width: 31.5%;
+    width: 31.8%;
     display: inline-block;
     text-align: center;
     padding-top: 0 !important;

diff --git a/docs/supporter.md b/docs/supporter.md
@@ -2,22 +2,37 @@
 
 .fmbot is open-source and free to use. Optionally you can get supporter to help support the development of the bot and receive the following extra features and benefits.
 
+<hr class="divider">
 <div>
-<a href="https://opencollective.com/fmbot/contribute/fmbot-monthly-supporter-45504/checkout?interval=month&amount=4" class="md-button md-button--primary getsupporter-button"> 
+<p class="purchase-option">Discord</p>
+<a href="https://discord.com/application-directory/356268235697553409/premium" class="md-button md-button--primary getsupporter-button getsupporter-button-discord"> 
+  <h4>Monthly</h3>
+  <h3>$3.99</h3>
+</a>
+</div>
+
+
+<hr class="divider">
+
+<div>
+
+<p class="purchase-option">OpenCollective</p>
+
+<a href="https://opencollective.com/fmbot/contribute/fmbot-monthly-supporter-45504/checkout?interval=month&amount=4" class="md-button md-button--secondary getsupporter-button"> 
   <h4 class="title">Monthly</h3>
   <h3>$4</h3>
 </a>
 
 <h4 class="getsupporter-text"></h4>
 
-<a href="https://opencollective.com/fmbot/contribute/fmbot-yearly-supporter-53612/checkout?interval=year&amount=28" class="md-button md-button--primary getsupporter-button"> 
+<a href="https://opencollective.com/fmbot/contribute/fmbot-yearly-supporter-53612/checkout?interval=year&amount=28" class="md-button md-button--secondary getsupporter-button"> 
   <h4>Yearly</h3>
   <h3>$28</h3>
 </a>
 
 <h4 class="getsupporter-text"></h4>
 
-<a href="https://opencollective.com/fmbot/contribute/fmbot-lifetime-supporter-25651/checkout?amount=45" class="md-button md-button--primary getsupporter-button"> 
+<a href="https://opencollective.com/fmbot/contribute/fmbot-lifetime-supporter-25651/checkout?amount=45" class="md-button md-button--secondary getsupporter-button"> 
   <h4>Lifetime</h3>
   <h3>$45</h3>
 </a>
@@ -64,6 +79,12 @@ We're dedicated to making sure the bot remains free and independent. That's why
 
 By getting supporter you help us to be able to spend more time working on new features and fixes, which in return improves the user experience for everyone.
 
+#### How does my supporter get activated?
+
+If you purchase through Discord it should get automatically activated within a minute.
+
+If you have purchased through OpenCollective it needs to be added manually. Join [our Discord](https://discord.gg/6y3jJjtDqK) and create a thread in #help. A staff member will apply it to your account as soon as possible.
+
 #### What is OpenCollective?
 
 OpenCollective is like Patreon, except for open source projects. It's also more transparent and easier when working with multiple people.
@@ -72,16 +93,8 @@ They manage our funds and allow us to focus on development while they handle the
 
 OpenCollective relies on Stripe to handle their payments, which is one of the worlds biggest payment providers. You can read more about their [security here](https://docs.opencollective.com/help/product/security).
 
-#### Can I see where my money goes?
-
-Yes! We use [OpenCollective](https://opencollective.com/fmbot) which means that our finances are fully transparent.
-
-If you go to the [budget category](https://opencollective.com/fmbot#category-BUDGET) on our page it's easy to see where the money comes from and where it goes.
-
 #### Can I cancel or change my subscription?
 
-Yes, you can cancel a recurring contribution at any time. To do so, go to [OpenCollective](https://opencollective.com/) and sign in. After signing in go to 'Manage Contributions' where you can change your subscription.
-
-#### I just bought supporter, what now?
+If you have purchased through Discord, you can go to settings and then 'Subscriptions'.
 
-Join [our Discord](https://discord.gg/6y3jJjtDqK) and create a thread in #help. A staff member will apply it to your account as soon as possible.
+If you have puchased through OpenCollective, you can cancel a recurring contribution at any time. To do so, go to [OpenCollective](https://opencollective.com/) and sign in. After signing in go to 'Manage Contributions' where you can change your subscription.