donation.html
1 {% extends "layouts/index.html" %} 2 3 {% block title %}{{ gettext('page.donation.title') }}{% endblock %} 4 5 {% block body %} 6 {% from 'macros/copy_button.html' import copy_button %} 7 8 <div class="mb-4 p-6 overflow-hidden bg-black/5 break-words rounded"> 9 <div class="font-bold">{{ gettext('page.donation.title') }}</div> 10 <div>{{ gettext('page.donation.header.id', id=('+' + donation_dict.receipt_id)) }}</div> 11 <div>{{ gettext('page.donation.header.date', date=(donation_dict.created | dateformat(format='long'))) }}</div> 12 <div> 13 {% if donation_dict.json.discounts > 0 %} 14 {{ gettext('page.donation.header.total_including_discount', span_details=(' class="text-sm text-gray-500"' | safe), total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_formal, monthly_amount_usd=donation_dict.monthly_amount_usd, duration=donation_dict.json.duration, discounts=donation_dict.json.discounts) }} 15 {% else %} 16 {{ gettext('page.donation.header.total_without_discount', span_details=(' class="text-sm text-gray-500"' | safe), total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_formal, monthly_amount_usd=donation_dict.monthly_amount_usd, duration=donation_dict.json.duration) }} 17 {% endif %} 18 </div> 19 {% if ref_account_dict %} 20 <div class="text-sm"> 21 {% from 'macros/profile_link.html' import profile_link %} 22 🤩 23 {{ gettext('page.donate.bonus_downloads.main', percentage=50, profile_link=profile_link(ref_account_dict)) }} 24 {{ gettext('page.donate.bonus_downloads.period') }} 25 </div> 26 {% endif %} 27 <div>{{ gettext('page.donation.header.status', label=order_processing_status_labels[donation_dict.processing_status], span_label=(' class="italic"' | safe)) }}</div> 28 29 {% if donation_dict.processing_status in [0, 4] %} 30 <div class="mt-2"> 31 <form onsubmit='window.submitForm(event, "/dyn/account/cancel_donation/" + {{ donation_dict.donation_id | tojson }})'> 32 <fieldset> 33 <button class="button bg-gray-500 hover:bg-gray-600 aria-selected:bg-[#09008e] px-2 py-1 rounded-md text-white" onclick="document.querySelector('.js-donation-cancel').classList.remove('hidden'); this.classList.add('hidden'); event.preventDefault()">{{ gettext('page.donation.header.cancel.button') }}</button> 34 <span class="js-donation-cancel hidden">{{ gettext('page.donation.header.cancel.confirm.msg') }} <button type="submit" class="button bg-gray-500 hover:bg-gray-600 aria-selected:bg-[#09008e] px-2 py-1 rounded-md text-white">{{ gettext('page.donation.header.cancel.confirm.button') }}</button></span> 35 </fieldset> 36 <div class="hidden js-success">{{ gettext('page.donation.header.cancel.success') }} <a href="/donate?tier={{ donation_dict.json.tier }}&method={{ donation_dict.json.method }}&duration={{ donation_dict.json.duration }}">{{ gettext('page.donation.header.cancel.new_donation') }}</a></div> 37 <div class="hidden js-failure">{{ gettext('page.donation.header.cancel.failure') }}</div> 38 </form> 39 </div> 40 {% else %} 41 <div class="mt-2"><a href="/donate?tier={{ donation_dict.json.tier }}&method={{ donation_dict.json.method }}&duration={{ donation_dict.json.duration }}" class="custom-a inline-block bg-gray-500 hover:bg-gray-600 aria-selected:bg-[#09008e] px-2 py-1 rounded-md text-white">{{ gettext('page.donation.header.reorder') }}</a></div> 42 {% endif %} 43 </div> 44 45 {% if donation_dict.processing_status == 4 %} 46 <div class='js-donation-instructions-hidden'> 47 <p class="mb-4"> 48 {{ gettext('page.donation.old_instructions.intro_paid') }} 49 </p> 50 51 <a href="#" onclick="document.querySelector('.js-donation-instructions').classList.remove('hidden'); document.querySelector('.js-donation-instructions-hidden').classList.add('hidden')">{{ gettext('page.donation.old_instructions.show_button') }}</a> 52 </div> 53 {% elif donation_dict.processing_status != 0 %} 54 <div class='js-donation-instructions-hidden'> 55 <p class="mb-4 font-bold"> 56 {{ gettext('page.donation.thank_you_donation') }} 57 </p> 58 59 <p class="mb-4"> 60 {{ gettext('page.donation.old_instructions.intro_outdated') }} 61 </p> 62 63 <a href="#" onclick="document.querySelector('.js-donation-instructions').classList.remove('hidden'); document.querySelector('.js-donation-instructions-hidden').classList.add('hidden')">{{ gettext('page.donation.old_instructions.show_button') }}</a> 64 </div> 65 {% endif %} 66 67 <div class="js-donation-instructions {% if donation_dict.processing_status != 0 %}hidden{% endif %}"> 68 {% if donation_dict.json.method in ['crypto', 'paypal'] %} 69 <p class="mb-4"> 70 {{ gettext('page.donate.submit.crypto_note') }} 71 </p> 72 {% endif %} 73 74 {% if donation_dict.json.method == 'crypto' %} 75 <p class="mb-4"> 76 {{ gettext('page.donation.expired') }} 77 </p> 78 79 <!-- <h2 class="mt-4 mb-4 text-xl font-bold">{{ gettext('page.donation.payment.crypto.top_header') }}</h2> 80 81 <p class="mb-4 font-bold">{{ gettext('page.donation.payment.crypto.header1', span_circle=(' class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5"' | safe)) }}</p> 82 83 <p class=""> 84 {{ gettext('page.donation.payment.crypto.text1', total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions) }} 85 </p> 86 --> 87 {% elif donation_dict.json.method == 'binance' %} 88 <p class="mb-4"> 89 {{ gettext('page.donation.expired') }} 90 </p> 91 92 <!-- <p class="mb-4 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>Buy Bitcoin on Binance</p> 93 94 <p class="mb-4"> 95 Create an account on <a href="https://www.binance.com/en" rel="noopener noreferrer nofollow" target="_blank">Binance</a> and buy Bitcoin (BTC). Use this <a href="https://www.binance.com/en/how-to-buy/bitcoin" rel="noopener noreferrer nofollow" target="_blank">extensive guide</a> if you get stuck. 96 </p> 97 98 <p class="mb-4 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">2</span>Transfer the Bitcoin to our address</p> 99 100 <p class="mb-4"> 101 Go to Withdraw -> BTC. 102 </p> 103 104 <p class="mb-4"> 105 Enter our Bitcoin (BTC) address as the recipient, and follow the instructions to send your donation: 106 </p> 107 --> 108 {% elif donation_dict.json.method == 'paypal' %} 109 <p class="mb-4"> 110 {{ gettext('page.donation.expired') }} 111 </p> 112 113 <!-- <p class="mb-4 mt-6 font-bold">{{ gettext('page.donate.submit.header1', span_circle=(' class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5"' | safe)) }}</p> 114 115 <p class="mb-4"> 116 {{ gettext('page.donate.one_time_payment.paypal.text2') }} 117 </p> 118 119 <p class="mb-4"> 120 {{ gettext('page.donation.payment.paypal.text3', total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions) }} 121 </p> 122 123 <p class="mb-4 mt-8 font-bold">{{ gettext('page.donate.submit.header2', span_circle=(' class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5"' | safe)) }}</p> 124 125 <p class="mb-4"> 126 {{ gettext('page.donate.one_time_payment.paypal.text4', transfer_icon=('<span class="icon-[cil--transfer] align-middle"></span>' | safe)) }} 127 </p> 128 129 <p class="mb-4"> 130 {{ gettext('page.donation.payment.paypal.text5', total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions) }} 131 </p> 132 --> 133 {% elif donation_dict.json.method == 'hoodpay' %} 134 <h2 class="mt-4 mb-4 text-xl font-bold">{{ gettext('page.donation.credit_debit_card_instructions') }}</h2> 135 136 <!-- <p class="mb-4 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>{{ gettext('page.donation.credit_debit_card_our_page') }}</p> --> 137 138 <p class="mb-4"> 139 {{ gettext('page.donation.donate_on_this_page', amount=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions, a_page=((' href="' + donation_dict.json.hoodpay_request.data.url + '" class="font-bold" style="color: #0095ff" rel="noopener noreferrer nofollow" target="_blank" ') | safe)) }} {{ gettext('page.donation.stepbystep_below') }} 140 </p> 141 142 <p class="mb-4"> 143 <strong>{{ gettext('page.donation.status_header') }}</strong> {% if donation_confirming %}{{ gettext('page.donation.waiting_for_confirmation_refresh') }}{% else %}{{ gettext('page.donation.waiting_for_transfer_refresh') }}{% endif %}<br> 144 <strong>{{ gettext('page.donation.time_left_header') }}</strong> {{ (donation_time_left | string).split('.')[0] }} {% if donation_time_left_not_much %}{{ gettext('page.donation.might_want_to_cancel') }}{% endif %} 145 </p> 146 147 <p class="mb-4"> 148 {{ gettext('page.donation.reset_timer') }} 149 </p> 150 151 <p class="mb-4"> 152 <button onclick="window.location.reload()" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.refresh_status') }}</button> 153 </p> 154 155 <p class="mb-4"> 156 {{ gettext('page.donation.footer.issues_contact', email=(('<a class="break-all" href="mailto:' + donation_email + '">' + donation_email + '</a>') | safe)) }} 157 </p> 158 {% elif donation_dict.json.method == 'payment2paypal' %} 159 {% if donation_time_expired %} 160 <p class="mb-4"> 161 {{ gettext('page.donation.expired') }} 162 </p> 163 {% else %} 164 <p class="mb-4 mt-6 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>{{ gettext('page.donation.buy_pyusd') }}</p> 165 166 <p class="mb-4"> 167 {{ gettext('page.donate.one_time_payment.paypal.text2') }} 168 </p> 169 170 <p class="mb-4"> 171 {{ gettext('page.donation.pyusd.instructions') }} 172 {{ gettext('page.donation.pyusd.more', more='$4', amount=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions) }} 173 </p> 174 175 <p class="mb-4 mt-6 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">2</span>Transfer the PYUSD to our address</p> 176 177 <p class="mb-4"> 178 {{ gettext('page.donation.pyusd.transfer', icon=('<span class="icon-[cil--transfer] align-middle"></span>' | safe)) }} 179 </p> 180 181 <p class="mb-4"> 182 {{ gettext('page.donation.transfer_amount_to', amount=((donation_pay_amount + (donation_dict.json.payment2_request.pay_currency | upper) + ' ' + copy_button(donation_pay_amount)) | safe), account=((donation_dict.json.payment2_request.pay_address + ' ' + copy_button(donation_dict.json.payment2_request.pay_address)) | safe)) }} 183 </p> 184 185 <p class="mb-4"> 186 <strong>{{ gettext('page.donation.status_header') }}</strong> {% if donation_confirming %}{{ gettext('page.donation.waiting_for_confirmation_refresh') }}{% else %}{{ gettext('page.donation.waiting_for_transfer_refresh') }}{% endif %}<br> 187 <strong>{{ gettext('page.donation.time_left_header') }}</strong> {{ (donation_time_left | string).split('.')[0] }} {% if donation_time_left_not_much %}{{ gettext('page.donation.might_want_to_cancel') }}{% endif %} 188 </p> 189 190 <p class="mb-4"> 191 {{ gettext('page.donation.reset_timer') }} 192 </p> 193 194 <p class="mb-4"> 195 <button onclick="window.location.reload()" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.refresh_status') }}</button> 196 </p> 197 {% endif %} 198 {% elif donation_dict.json.method == 'payment2cashapp' %} 199 {% if donation_time_expired %} 200 <p class="mb-4"> 201 {{ gettext('page.donation.expired') }} 202 </p> 203 {% else %} 204 <p class="mb-4 mt-6 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>Buy Bitcoin (BTC) on Cash App</p> 205 206 <p class="mb-4"> 207 Go to the “Bitcoin” (BTC) page in Cash App. 208 </p> 209 210 <p class="mb-4"> 211 Buy a bit more (we recommend $4 more) than the amount that you’re donating ({{ donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions }}), to cover transaction fees. You will keep anything left over. 212 </p> 213 214 <p class="mb-4 mt-6 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">2</span>Transfer the Bitcoin to our address</p> 215 216 <p class="mb-4"> 217 Click the “Send bitcoin” button to make a “withdrawal”. Switch from dollars to BTC by pressing the <span class="icon-[cil--transfer] align-middle"></span> icon. Enter the BTC amount below and click “Send”. 218 </p> 219 220 <p class="mb-4"> 221 {{ gettext('page.donation.transfer_amount_to', amount=((donation_pay_amount + (donation_dict.json.payment2_request.pay_currency | upper) + ' ' + copy_button(donation_pay_amount)) | safe), account=((donation_dict.json.payment2_request.pay_address + ' ' + copy_button(donation_dict.json.payment2_request.pay_address)) | safe)) }} 222 </p> 223 224 <p class="mb-4"> 225 For small donations (under $25) you might need to use Rush or Priority. 226 </p> 227 228 <p class="mb-4"> 229 <strong>{{ gettext('page.donation.status_header') }}</strong> {% if donation_confirming %}{{ gettext('page.donation.waiting_for_confirmation_refresh') }}{% else %}{{ gettext('page.donation.waiting_for_transfer_refresh') }}{% endif %}<br> 230 <strong>{{ gettext('page.donation.time_left_header') }}</strong> {{ (donation_time_left | string).split('.')[0] }} {% if donation_time_left_not_much %}{{ gettext('page.donation.might_want_to_cancel') }}{% endif %} 231 </p> 232 233 <p class="mb-4"> 234 {{ gettext('page.donation.reset_timer') }} 235 </p> 236 237 <p class="mb-4"> 238 <button onclick="window.location.reload()" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.refresh_status') }}</button> 239 </p> 240 {% endif %} 241 {% elif donation_dict.json.method == 'payment2cc' %} 242 <h2 class="mt-4 mb-4 text-xl font-bold">{{ gettext('page.donation.credit_debit_card_instructions') }}</h2> 243 244 {% if donation_time_expired %} 245 <p class="mb-4"> 246 {{ gettext('page.donation.expired') }} 247 </p> 248 {% else %} 249 <p class="mb-4"> 250 Use any of the following “credit card to Bitcoin” express services, which only take a few minutes:<br> 251 - <a href="https://paybis.com/" rel="noopener noreferrer nofollow" target="_blank">Paybis</a> (minimum: $5)<br> 252 - <a href="https://switchere.com/exchange/buy-bitcoin" rel="noopener noreferrer nofollow" target="_blank">Switchere</a> (minimum: $10-20 depending on country, no verification for first transaction)<br> 253 - <a href="https://munzen.io/buy/bitcoin-btc" rel="noopener noreferrer nofollow" target="_blank">Münzen</a> (minimum: $15, no verification for first transaction)<br> 254 - <a href="https://exchange.mercuryo.io/" rel="noopener noreferrer nofollow" target="_blank">Mercuryo.io</a> (minimum: $30)<br> 255 - <a href="https://www.moonpay.com/buy" rel="noopener noreferrer nofollow" target="_blank">Moonpay</a> (minimum: $35)<br> 256 - <a href="https://buy.coingate.com/" rel="noopener noreferrer nofollow" target="_blank">Coingate</a> (minimum: $45)<br> 257 <span class="text-sm text-gray-500">If any of this information is out of date, please email us to let us know.</span> 258 </p> 259 260 <p class="mb-4"> 261 Fill in the following details in the form:<br> 262 </p> 263 264 <p class="mb-4"> 265 <strong>BTC / Bitcoin amount:</strong> {{ donation_pay_amount }} {{ copy_button(donation_pay_amount) }}<br>Please use this <span class="underline">exact amount</span>. Your total cost might be higher because of credit card fees. For small amounts this may be more than our discount, unfortunately.<br> 266 <strong>BTC / Bitcoin address (external wallet):</strong> {{ donation_dict.json.payment2_request.pay_address }} {{ copy_button(donation_dict.json.payment2_request.pay_address) }} 267 </p> 268 269 <p class="mb-4"> 270 <strong>{{ gettext('page.donation.status_header') }}</strong> {% if donation_confirming %}{{ gettext('page.donation.waiting_for_confirmation_refresh') }}{% else %}{{ gettext('page.donation.waiting_for_transfer_refresh') }}{% endif %}<br> 271 <strong>{{ gettext('page.donation.time_left_header') }}</strong> {{ (donation_time_left | string).split('.')[0] }} {% if donation_time_left_not_much %}{{ gettext('page.donation.might_want_to_cancel') }}{% endif %} 272 </p> 273 274 <p class="mb-4"> 275 {{ gettext('page.donation.reset_timer') }} 276 </p> 277 278 <p class="mb-4"> 279 <button onclick="window.location.reload()" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.refresh_status') }}</button> 280 </p> 281 {% endif %} 282 {% elif donation_dict.json.method == 'payment2' %} 283 <h2 class="mt-4 mb-4 text-xl font-bold">{{ gettext('page.donation.crypto_instructions', coin_name=(donation_dict.json.payment2_request.pay_currency | upper)) }}</h2> 284 285 {% if donation_time_expired %} 286 <p class="mb-4"> 287 {{ gettext('page.donation.expired') }} 288 </p> 289 {% else %} 290 <p class="mb-4"> 291 {{ gettext('page.donation.transfer_amount_to', amount=((donation_pay_amount + (donation_dict.json.payment2_request.pay_currency | upper) + ' ' + copy_button(donation_pay_amount)) | safe), account=((donation_dict.json.payment2_request.pay_address + ' ' + copy_button(donation_dict.json.payment2_request.pay_address)) | safe)) }} 292 </p> 293 294 <p class="mb-4"> 295 {{ gettext('page.donation.crypto_standard') }} 296 </p> 297 298 <p class="mb-4"> 299 <strong>{{ gettext('page.donation.status_header') }}</strong> {% if donation_confirming %}{{ gettext('page.donation.waiting_for_confirmation_refresh') }}{% else %}{{ gettext('page.donation.waiting_for_transfer_refresh') }}{% endif %}<br> 300 <strong>{{ gettext('page.donation.time_left_header') }}</strong> {{ (donation_time_left | string).split('.')[0] }} {% if donation_time_left_not_much %}{{ gettext('page.donation.might_want_to_cancel') }}{% endif %} 301 </p> 302 303 <p class="mb-4"> 304 {{ gettext('page.donation.reset_timer') }} 305 </p> 306 307 <p class="mb-4"> 308 <button onclick="window.location.reload()" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.refresh_status') }}</button> 309 </p> 310 {% endif %} 311 {% elif donation_dict.json.method == 'amazon' %} 312 <p class="mb-4 font-bold">{{ gettext('page.donation.amazon.header') }}</p> 313 314 <p class="mb-4"> 315 {{ gettext('page.donation.amazon.form_instructions', a_form=(' href="https://www.amazon.com/gp/product/B0BRSDM1XK" rel="noopener noreferrer nofollow" target="_blank" ' | safe), amount=(('<strong>' + donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions + '</strong>') | safe)) }} 316 {{ gettext('page.donation.amazon.only_official') }} 317 </p> 318 319 <ul class="list-inside mb-4 ml-1"> 320 <li class="list-disc">{{ gettext('page.donate.payment.desc.amazon_com') }}</li> 321 <li class="list-disc">{{ gettext('page.donate.payment.desc.amazon_message') }}</li> 322 </ul> 323 324 <p class="mb-4"> 325 {{ gettext('page.donation.amazon.form_to') }} <span class="font-mono font-bold text-sm">giftcards+{{ donation_dict.receipt_id }}@annas-mail.org{{ copy_button('giftcards+' + donation_dict.receipt_id + '@annas-mail.org') }}</span> 326 <br><span class="text-sm text-gray-500">{{ gettext('page.donation.amazon.unique') }}</span> 327 </p> 328 329 <p class="mb-4"> 330 <strong>{{ gettext('page.donation.status_header') }}</strong> {{ gettext('page.donation.amazon.waiting_gift_card') }} 331 </p> 332 333 <p class="mb-4"> 334 <button onclick="window.location.reload()" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.refresh_status') }}</button> 335 </p> 336 337 <p class="mb-4"> 338 {{ gettext('page.donation.amazon.confirm_automated', a_instr=(' href="https://www.amazon.com/gp/help/customer/display.html?nodeId=GPC35Y68PEZYG3ED" ' |safe)) }} 339 <span class="text-sm text-gray-500">{{ gettext('page.donation.amazon.doesnt_work') }}</span> 340 </p> 341 342 <p class="mb-4">{{ gettext('page.donation.amazon.example') }}</p> 343 344 <p class="mb-4 bg-gray-100 rounded"> 345 <img class="w-full max-w-[700px] p-2" src="/images/annagifts5.png"> 346 </p> 347 {% elif donation_dict.json.method == 'paypalreg' %} 348 <p class="mb-4"> 349 {{ gettext('page.donation.expired') }} 350 </p> 351 352 <!-- <h2 class="mt-4 mb-4 text-xl font-bold">PayPal (regular) instructions</h2> 353 354 <p class="mb-4 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>Donate on PayPal</p> 355 356 <p class="mb-4"> 357 Donate {{ donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions }} on PayPal to the following email address: 358 </p> 359 360 <p class="mb-4 font-mono font-bold text-sm break-all"> 361 AnnaReceipts@proton.me{{ copy_button('AnnaReceipts@proton.me') }} 362 </p> --> 363 {% elif donation_dict.json.method == 'bmc' %} 364 <p class="mb-4"> 365 {{ gettext('page.donation.expired') }} 366 </p> 367 368 <!-- 369 <h2 class="mt-4 mb-4 text-xl font-bold">“Buy Me a Coffee” instructions</h2> 370 371 <p class="mb-4 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>Donate through our “Buy Me a Coffee” page</p> 372 373 <p class="mb-4"> 374 Donate {{ donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions }} on <a href="https://gotopaypay.top/Home/pay?method=paypal" class="font-bold" style="color: #0095ff" rel="noopener noreferrer nofollow" target="_blank">this page</a>. 375 </p> 376 377 <p class="mb-4"> 378 {{ gettext('page.donate.strange_account') }} 379 </p> 380 --> 381 {% elif donation_dict.json.method == 'givebutter' %} 382 <p class="mb-4"> 383 {{ gettext('page.donation.expired') }} 384 </p> 385 386 <!-- <h2 class="mt-4 mb-4 text-xl font-bold">“Card / PayPal / Venmo” instructions</h2> 387 388 <p class="mb-4 font-bold"><span class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5">1</span>Donate through our “Card / PayPal / Venmo” page</p> 389 390 <p class="mb-4"> 391 Donate {{ donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions }} on <a href="https://givebutter.com/donate-annas-archive" class="font-bold" style="color: #0095ff" rel="noopener noreferrer nofollow" target="_blank">this page</a>. 392 </p> --> 393 394 <!-- <p class="mb-4"> 395 {{ gettext('page.donate.strange_account') }} 396 </p> --> 397 {% elif donation_dict.json.method == 'alipay' %} 398 <p class="mb-4"> 399 {{ gettext('page.donation.expired') }} 400 </p> 401 402 <!-- <h2 class="mt-4 mb-4 text-xl font-bold">{{ gettext('page.donation.payment.alipay.top_header') }}</h2> 403 404 <p class="mb-4 font-bold">{{ gettext('page.donation.payment.alipay.header1', span_circle=(' class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5"' | safe)) }}</p> 405 406 <p class="mb-4"> 407 {{ gettext('page.donation.payment.alipay.text1', total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions, a_account=(' href="https://gotopaypay.top/Home/pay?method=alipay" class="font-bold" style="color: #0095ff" rel="noopener noreferrer nofollow" target="_blank"' | safe)) }} 408 </p> 409 410 <p class="mb-4"> 411 {{ gettext('page.donate.strange_account') }} 412 </p> --> 413 {% elif donation_dict.json.method == 'pix' %} 414 <p class="mb-4"> 415 {{ gettext('page.donation.expired') }} 416 </p> 417 418 <!-- <h2 class="mt-4 mb-4 text-xl font-bold">{{ gettext('page.donation.payment.pix.top_header') }}</h2> 419 420 <p class="mb-4 font-bold">{{ gettext('page.donation.payment.pix.header1', span_circle=(' class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5"' | safe)) }}</p> 421 422 <p class="mb-4"> 423 {{ gettext('page.donation.payment.pix.text1', total=donation_dict.formatted_native_currency.cost_cents_native_currency_str_donation_page_instructions, a_account=(' href="https://gotopaypay.top/Home/pay?method=pix" class="font-bold" style="color: #0095ff" rel="noopener noreferrer nofollow" target="_blank"' | safe)) }} 424 </p> 425 426 <p class="mb-4"> 427 {{ gettext('page.donate.strange_account') }} 428 </p> --> 429 {% endif %} 430 431 {% if donation_dict.json.method not in ['payment1', 'payment1_alipay', 'payment1_wechat', 'payment1b', 'payment1bb', 'payment2', 'payment2paypal', 'payment2cashapp', 'payment2cc', 'amazon', 'hoodpay'] %} 432 <p class="mt-8 mb-4 font-bold">{{ gettext('page.donation.footer.header', span_circle=(' class="inline-block font-light rounded-full text-white bg-[#0095ff] w-[1.5em] h-[1.5em] text-center mr-1.5"' | safe), circle_number=(3 if donation_dict.json.method in ['paypal', 'binance'] else 2)) }} 433 434 <p class="mb-4"> 435 {% if donation_dict.json.method == 'paypalreg' %} 436 Send a receipt or screenshot to your personal verification address. Do NOT use this email address for your PayPal donation. 437 {% else %} 438 {{ gettext('page.donation.footer.text1') }} 439 {% endif %} 440 </p> 441 442 <p class="mb-4 font-mono font-bold text-sm break-all"> 443 AnnaReceipts+{{ donation_dict.receipt_id }}@proton.me{{ copy_button('AnnaReceipts+' + donation_dict.receipt_id + '@proton.me') }} 444 </p> 445 446 {% if donation_dict.json.method in ['crypto', 'paypal'] %} 447 <p class="mb-4"> 448 {{ gettext('page.donation.footer.crypto_note') }} 449 </p> 450 {% endif %} 451 452 <p class="mb-4"> 453 {{ gettext('page.donation.footer.text2') }} 454 </p> 455 456 <form onsubmit='event.preventDefault(); {% if donation_dict.processing_status == 0 %}window.submitForm(event, "/dyn/account/mark_manual_donation_sent/" + {{ donation_dict.donation_id | tojson }}){% endif %}' class="mb-4"> 457 <fieldset class="mb-2"> 458 459 <input type="hidden" name="tier" value=""> 460 <input type="hidden" name="method" value=""> 461 <input type="hidden" name="duration" value=""> 462 <input type="hidden" name="totalCentsVerification" value=""> 463 <button type="submit" class="bg-[#0095ff] hover:bg-[#007ed8] px-4 py-1 rounded-md text-white mb-1">{{ gettext('page.donation.footer.button') }}</button> 464 <span class="js-spinner invisible mb-[-3px] text-xl text-[#555] inline-block icon-[svg-spinners--ring-resize]"></span> 465 </fieldset> 466 <div class="hidden js-success">{{ gettext('page.donation.footer.success') }}</div> 467 <div class="hidden js-failure">{{ gettext('page.donation.footer.failure') }}</div> 468 </form> 469 {% endif %} 470 471 {% if donation_dict.json.method == 'hoodpay' %} 472 <h2 class="mt-8 mb-4 text-xl font-bold">{{ gettext('page.donation.stepbystep') }}</h2> 473 474 <p class="mb-4">{{ gettext('page.donation.crypto_dont_worry') }}</p> 475 476 <p class="mb-4">{{ gettext('page.donation.hoodpay.step1') }}</p> 477 478 <p class="mb-4 bg-gray-100 rounded"> 479 <img class="w-full max-w-[650px] p-2" src="/images/hoodpay/1.png"> 480 </p> 481 482 <p class="mb-4">{{ gettext('page.donation.hoodpay.step2') }}</p> 483 484 <p class="mb-4 bg-gray-100 rounded"> 485 <img class="w-full max-w-[650px] p-2" src="/images/hoodpay/2.png"> 486 </p> 487 488 <p class="mb-4">{{ gettext('page.donation.hoodpay.step3') }}</p> 489 490 <p class="mb-4 bg-gray-100 rounded"> 491 <img class="w-full max-w-[650px] p-2" src="/images/hoodpay/3.png"> 492 </p> 493 494 <p class="mb-4">{{ gettext('page.donation.hoodpay.step4') }}</p> 495 496 <p class="mb-4 bg-gray-100 rounded"> 497 <img class="w-full max-w-[650px] p-2" src="/images/hoodpay/4.png"> 498 </p> 499 500 <p class="mb-4">{{ gettext('page.donation.hoodpay.step5') }}</p> 501 502 <p class="mb-4 bg-gray-100 rounded"> 503 <img class="w-full max-w-[650px] p-2" src="/images/hoodpay/5.png"> 504 </p> 505 506 <!-- <p class="mb-4">{{ gettext('page.donation.hoodpay.step6') }}</p> --> 507 {% endif %} 508 509 <p class="mb-4"> 510 {{ gettext('page.donation.footer.issues_contact', email=(('<a class="break-all" href="mailto:' + donation_email + '">' + donation_email + '</a>') | safe)) }} <span class="text-sm text-gray-500">{{ gettext('page.donate.small_team') }} {{ gettext('page.donate.mistake') }}</span> 511 </p> 512 </div> 513 {% endblock %}