-
-
Notifications
You must be signed in to change notification settings - Fork 488
/
donate.html
262 lines (234 loc) · 11.5 KB
/
donate.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
---
title: Donate
permalink: /donate/
paypal-id: FDQ7BMPSLHPBJ
crypto:
- id: xmr
name: Monero / XMR
address: 83mqnpVY5dwJDFTi63xSkZTUcGidcYw9h1Z2GkH8hfTKBbTQDuhcxZZAKy1zpBjALUA93BNrJAHfJaNkJtRex2XVCWZeJf3
qr-size: 215
- id: btc
name: Bitcoin / BTC
address: bc1qnvgrts8ulv9lan8ahus3mkd95ddxyzaqme0hpj
qr-size: 155
- id: ltc
name: Litecoin / LTC
address: LNqkf5vU5Tbdf19xDhtTBwkhof7otxUgwQ
qr-size: 155
- id: eth
name: Etherium / ETH
address: "0x270e539cB57D0A7a3d9fFd83374FFf3Fd8C3A313"
qr-size: 155
- id: doge
name: Dogecoin / DOGE
address: DBuFqyN6C5FjrT1WYBdMU4wsPsFwfzH29x
qr-size: 155
- id: wow
name: Wownero / WOW
address: WW3mRA2HdhCSnjjUgEVsrMERLUZ3dqCiVciF17jKmNVScHqzUJRw5iSZb9iiUnN1F1fLdiR8tiAg68EKWfwhgabj1GwqLRHmq
qr-size: 256
---
{% include title.html l1 = page.title l2 = page.description bg = "lightBlue" %}
<style>
details {
padding: 10px;
}
.copy-code button {
font-size: 0.715rem;
margin-left: 5px;
}
</style>
<div class="padding20 no-padding-left no-padding-right bg-grayLighter">
<div class="container">
<p>
If you like my work and want me to continue doing it, consider making a donation.
Your support allows me to keep the lights on and justify the time and effort spent developing Wurst.
</p>
</div>
</div>
<div class="padding20 no-padding-left no-padding-right">
<div class="container">
<div class="margin20 no-margin-left no-margin-right no-margin-top">
<h2>Donate via Ko-fi</h2>
<p>
<a class="command-button bg-lightBlue fg-white text-shadow shadow bd-lightBlue" href="https://ko-fi.com/wurst" target="_blank" style="padding-top: 1rem;padding-bottom: 1rem;padding-left: 5rem;" data-analytics="Donate via Ko-fi">
<img src="https://storage.ko-fi.com/cdn/cup-border.png" class="icon" style="width: auto;">
Donate via Ko-fi
</a>
</p>
<p>
If you join the "Cape Tier" on my Ko-fi page, you will get an in-game Wurst Cape as a thank you for your support. Wurst Capes can be seen by you and other Wurst Client users, as long as they are using a reasonably up-to-date version of Wurst.
</p>
<h3>Wurst Capes FAQ</h3>
<details class="cape-faq">
<summary id="what-does-default-cape-look-like">What does the default Wurst Cape look like?</summary>
<p>
The default cape shows the Wurst logo over a TNT block lit on fire by flint and steel. When using elytra, the cape gives you sausages instead of wings.
</p>
<p>
<img src="https://storage.ko-fi.com/cdn/useruploads/post/82e02264-c2c4-4f54-8e26-9b4af4e586c4_capeandelytra.png" alt="Default Wurst Cape" width="2560" height="1440">
</p>
</details>
<details class="cape-faq">
<summary id="can-i-get-custom-cape">Can I get a custom Wurst Cape instead of the default one?</summary>
<p>
Yes. If you have a custom cape image that you would like to use, you can send it to me and I will set it up for you. Please note that the image must be in PNG format and have a resolution of 64x32 pixels.
</p>
</details>
<details class="cape-faq">
<summary id="how-long-to-see-cape">How long does it take before I can see my Wurst Cape?</summary>
<p>
When you join the Cape Tier, I will ask you for your Minecraft username or UUID. Once you've told me that, I will manually add your account to the list of Wurst Cape owners. This usually takes less than 24 hours.
</p>
</details>
<details class="cape-faq">
<summary id="risk-of-ban-for-cape">Could I get banned from a Minecraft server for using a Wurst Cape?</summary>
<p>
Wurst Capes have been around for many years and I have never heard of anyone getting banned for using one. But it is theoretically possible.
</p>
</details>
<details class="cape-faq">
<summary id="refund-policy">What is your refund policy?</summary>
<p>
Simple: If you're unhappy with your membership for any reason, let me know within 30 days of payment and I'll give you a full refund. This means you can always get a refund for the current month of your membership, but not for any previous months. When you get a refund, your Wurst Cape will be deactivated immediately.
</p>
</details>
<details class="cape-faq">
<summary id="cancel-membership">What if I want to cancel my membership?</summary>
<p>
You can cancel your membership at any time. For the rest of the month, your Wurst Cape will remain active and you will still be able to request changes. After that, there is a 30 day grace period where your Wurst Cape remains visible, but you can no longer request changes. After that, your Wurst Cape will be deactivated. Because deactivating Wurst Capes is a manual process, it might not always happen immediately after the grace period.
</p>
</details>
<details class="cape-faq">
<summary id="settings-toggle-cape">Is there a settings menu where I can toggle or customize my Wurst Cape?</summary>
<p>
Currently, no. I might add one in the future, but for now, you will have to contact me if you want to change or disable your Wurst Cape.
</p>
</details>
<details class="cape-faq">
<summary id="see-cape-in-launcher">Can I see my Wurst Cape in the Minecraft launcher or on Minecraft.net?</summary>
<p>
No. Wurst Capes are not like Mojang's official capes. They won't show up in those places.
</p>
</details>
</div>
</div>
</div>
<div class="padding20 no-padding-left no-padding-right bg-grayLighter">
<div class="container">
<div class="margin20 no-margin-left no-margin-right no-margin-top">
<h2>Donate via PayPal</h2>
<p>
<a class="command-button bg-lightBlue fg-white text-shadow shadow bd-lightBlue" href="https://www.paypal.com/biz/fund?id={{ page.paypal-id }}" target="_blank" data-analytics="Donate via PayPal" data-analytics-method="biz-fund">
<span class="icon mif-paypal"></span>
Donate via PayPal
<small>Also accepts Debit or Credit Cards</small>
</a>
</p>
<details class="paypal-details">
<summary id="donate-paypal-me">PayPal.Me link (click to expand)</summary>
<p><a href="https://paypal.me/WurstImperium" target="_blank" data-analytics="Donate via PayPal" data-analytics-method="paypal-me">PayPal.Me/WurstImperium</a></p>
</details>
<details class="paypal-details">
<summary id="donate-paypal-email">PayPal email (click to expand)</summary>
<p><span class="copy-code"><code>[email protected]</code><button onclick="copyPayPalEmail(this)">Copy</button></span></p>
<p>or <span class="copy-code"><code>[email protected]</code><button onclick="copyPayPalEmail(this)">Copy</button></span></p>
</details>
</div>
</div>
</div>
<div class="padding20 no-padding-left no-padding-right">
<div class="container">
<div class="margin20 no-margin-left no-margin-right no-margin-top">
<h2>Donate via Cryptocurrency</h2>
{%- for crypto in page.crypto -%}
<details class="crypto-details" style="max-width: 600px">
<summary id="donate-{{ crypto.id }}">{{ crypto.name }} (click to expand)</summary>
<p>Address: <span class="copy-code"><code style="word-break: break-all">{{ crypto.address }}</code><button onclick="copyCryptoAddress(this)">Copy</button></span></p>
<p>
<img src="https://images.wurstclient.net/_media/crypto/{{ crypto.id }}.png" w="{{ crypto.qr-size }}" h="{{ crypto.qr-size }}" alt="QR code for {{ crypto.name }} donation wallet">
</p>
</details>
{%- endfor -%}
<details class="crypto-details">
<summary id="donate-other-crypto">Other Crypto (click to expand)</summary>
<p>If you want to use a different crypto, <a href="/contact/">just let me know</a>! I can generate an address for almost any coin.</p>
</details>
</div>
</div>
</div>
<script>
function copyPayPalEmail(button) {
copyCode(button);
var code = button.parentElement.querySelector('code');
const codeText = code.textContent;
plausible('Copy PayPal Email', {
props: {
id: codeText
}
});
}
function copyCryptoAddress(button) {
copyCode(button);
const detailsElement = button.closest('details');
const summaryElement = detailsElement.querySelector('summary');
const summaryId = summaryElement.getAttribute('id');
plausible('Copy Crypto Address', {
props: {
id: summaryId
}
});
}
function copyCode(button) {
var code = button.parentElement.querySelector('code');
var range = document.createRange();
range.selectNodeContents(code);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
selection.removeAllRanges();
}
document.querySelectorAll('details.cape-faq').forEach((details) => {
details.addEventListener('toggle', (event) => {
if(event.target.hasAttribute('open'))
{
const summaryElement = event.target.querySelector('summary');
const summaryId = summaryElement.getAttribute('id');
plausible('Open Cape FAQ', {
props: {
id: summaryId
}
});
}
});
});
document.querySelectorAll('details.paypal-details').forEach((details) => {
details.addEventListener('toggle', (event) => {
if(event.target.hasAttribute('open'))
{
const summaryElement = event.target.querySelector('summary');
const summaryId = summaryElement.getAttribute('id');
plausible('Reveal PayPal Details', {
props: {
id: summaryId
}
});
}
});
});
document.querySelectorAll('details.crypto-details').forEach((details) => {
details.addEventListener('toggle', (event) => {
if(event.target.hasAttribute('open'))
{
const summaryElement = event.target.querySelector('summary');
const summaryId = summaryElement.getAttribute('id');
plausible('Reveal Crypto Address', {
props: {
id: summaryId
}
});
}
});
});
</script>