fix djlint formatting

This commit is contained in:
D-Bao 2023-04-05 16:12:17 +02:00
parent 1803acb318
commit b4ae0a5b14
1 changed files with 693 additions and 588 deletions

View File

@ -8,7 +8,8 @@
<script>
if (window.Paddle === undefined) {
console.log("cannot load Paddle from CDN");
document.write('<script src="/static/vendor/paddle.js"><\/script>')
// split string to avoid djlint incorrectly formatting the file
document.write('<' + 'script src="/static/vendor/paddle.js"><\/script' + '>');
}
</script>
<style type="text/css">
@ -90,13 +91,31 @@ You currently have a Coinbase subscription until <b>{{ coinbase_sub.end_at.forma
Please note that the time left will <b>not</b> be taken into account in a new Paddle subscription.
</div>
{% endif %}
<div class="nav btn-group mb-4 justify-content-center position-relative flex-nowrap d-flex" id="pills-tab" role="tablist">
<a class="btn btn-outline-primary flex-grow-0 px-8 py-2" id="monthly-plan-tab" data-toggle="tab" href="#monthly-plan" role="tab" aria-controls="monthly-plan" aria-selected="false">Monthly</a>
<a class="btn btn-outline-primary flex-grow-0 px-8 py-2 position-relative active" id="yearly-plan-tab" data-toggle="tab" href="#yearly-plan" role="tab" aria-controls="yearly-plan" aria-selected="true">Yearly<span class="badge badge-success position-absolute tab-yearly__badge" style="font-size: 12px">Save $18</span></a>
<div class="nav btn-group mb-4 justify-content-center position-relative flex-nowrap d-flex"
id="pills-tab"
role="tablist">
<a class="btn btn-outline-primary flex-grow-0 px-8 py-2"
id="monthly-plan-tab"
data-toggle="tab"
href="#monthly-plan"
role="tab"
aria-controls="monthly-plan"
aria-selected="false">Monthly</a>
<a class="btn btn-outline-primary flex-grow-0 px-8 py-2 position-relative active"
id="yearly-plan-tab"
data-toggle="tab"
href="#yearly-plan"
role="tab"
aria-controls="yearly-plan"
aria-selected="true">Yearly<span class="badge badge-success position-absolute tab-yearly__badge"
style="font-size: 12px">Save $18</span></a>
</div>
<div class="tab-content mb-8">
<!-- monthly tab content -->
<div class="tab-pane" id="monthly-plan" role="tabpanel" aria-labelledby="monthly-plan-tab">
<div class="tab-pane"
id="monthly-plan"
role="tabpanel"
aria-labelledby="monthly-plan-tab">
<div class="row row-cards">
<!-- monthly free plan -->
<div class="{{ 'col-md-6 col-lg-4' if proton_upgrade else 'col-md-6' }}">
@ -107,7 +126,9 @@ Please note that the time left will <b>not</b> be taken into account in a new Pa
<div class="h3 my-3">$0</div>
<div class="text-center mt-4 mb-6">
{% set sub = current_user.get_paddle_subscription() %}
<button class="{{ 'invisible' if sub or manual_sub or coinbase_sub }} btn btn-lg btn-outline-secondary w-100 btn-no-pointer" aria-disabled="true" disabled>
<button class="{{ 'invisible' if sub or manual_sub or coinbase_sub }} btn btn-lg btn-outline-secondary w-100 btn-no-pointer"
aria-disabled="true"
disabled>
Current plan
</button>
</div>
@ -134,7 +155,8 @@ Current plan
<div class="h3">SimpleLogin Premium</div>
<div class="h3 my-3">$4 / month</div>
<div class="text-center mt-4 mb-6">
<button class="btn btn-primary btn-lg w-100" onclick="upgradePaddle({{ PADDLE_MONTHLY_PRODUCT_ID }})">
<button class="btn btn-primary btn-lg w-100"
onclick="upgradePaddle({{ PADDLE_MONTHLY_PRODUCT_ID }})">
Upgrade to Premium
</button>
</div>
@ -187,7 +209,10 @@ PGP Encryption
<div class="h3">Proton plan</div>
<div class="h3 my-3">Starts at $11.99 / month</div>
<div class="text-center mt-4 mb-6">
<a class="btn btn-lg btn-outline-primary w-100" role="button" href="https://account.proton.me/u/0/mail/upgrade" target="_blank">Upgrade your Proton account</a>
<a class="btn btn-lg btn-outline-primary w-100"
role="button"
href="https://account.proton.me/u/0/mail/upgrade"
target="_blank">Upgrade your Proton account</a>
</div>
</div>
<p>Proton Unlimited / Business plans include:</p>
@ -238,7 +263,10 @@ Unlimited messages per day
</div>
<!-- END monthly tab content -->
<!-- yearly tab content -->
<div class="tab-pane show active" id="yearly-plan" role="tabpanel" aria-labelledby="yearly-plan-tab">
<div class="tab-pane show active"
id="yearly-plan"
role="tabpanel"
aria-labelledby="yearly-plan-tab">
<div class="row row-cards">
<!-- yearly free plan (identical to monthly) -->
<div class="{{ 'col-md-6 col-lg-4' if proton_upgrade else 'col-md-6' }}">
@ -249,7 +277,9 @@ Unlimited messages per day
<div class="h3 my-3">$0</div>
<div class="text-center mt-4 mb-6">
{% set sub = current_user.get_paddle_subscription() %}
<button class="{{ 'invisible' if sub or manual_sub or coinbase_sub }} btn btn-lg btn-outline-secondary w-100 btn-no-pointer" aria-disabled="true" disabled>
<button class="{{ 'invisible' if sub or manual_sub or coinbase_sub }} btn btn-lg btn-outline-secondary w-100 btn-no-pointer"
aria-disabled="true"
disabled>
Current plan
</button>
</div>
@ -276,7 +306,8 @@ Current plan
<div class="h3">SimpleLogin Premium</div>
<div class="h3 my-3">$30 / year</div>
<div class="text-center mt-4 mb-6">
<button class="btn btn-primary btn-lg w-100" onclick="upgradePaddle({{ PADDLE_YEARLY_PRODUCT_ID }})">
<button class="btn btn-primary btn-lg w-100"
onclick="upgradePaddle({{ PADDLE_YEARLY_PRODUCT_ID }})">
Upgrade to Premium
</button>
</div>
@ -329,7 +360,10 @@ PGP Encryption
<div class="h3">Proton plan</div>
<div class="h3 my-3">Starts at $119.88 / year</div>
<div class="text-center mt-4 mb-6">
<a class="btn btn-lg btn-outline-primary w-100" role="button" href="https://account.proton.me/u/0/mail/upgrade" target="_blank">Upgrade your Proton account</a>
<a class="btn btn-lg btn-outline-primary w-100"
role="button"
href="https://account.proton.me/u/0/mail/upgrade"
target="_blank">Upgrade your Proton account</a>
</div>
</div>
<p>Proton Unlimited / Business plans include:</p>
@ -386,9 +420,14 @@ Unlimited messages per day
<h3 class="text-center mb-5 mt-7">Frequently asked questions</h3>
<div id="pricing-faq">
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-payment-methods">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-payment-methods">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-payment-methods" aria-controls="pricing-faq-answer-payment-methods" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-payment-methods"
aria-controls="pricing-faq-answer-payment-methods"
aria-expanded="false">
<span class="text-start">Which payment methods (credit cards, PayPal, cryptocurrencies...) do you support?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -399,7 +438,10 @@ Unlimited messages per day
</button>
</h5>
</div>
<div id="pricing-faq-answer-payment-methods" class="collapse" aria-labelledby="pricing-faq-question-payment-methods" data-parent="#pricing-faq">
<div id="pricing-faq-answer-payment-methods"
class="collapse"
aria-labelledby="pricing-faq-question-payment-methods"
data-parent="#pricing-faq">
<div class="card-body">
<p>
We use <a href="https://paddle.com" target="_blank" rel="noopener noreferrer">Paddle <i class="fe fe-external-link"></i></a> by default for handling payments via credit cards and PayPal. Paddle currently supports the following payment methods:
@ -419,17 +461,24 @@ Wire Transfers (ACH/SEPA/BACS)
</li>
</ul>
<p>
More information can be found on <a href="https://paddle.com/support/which-payment-methods-do-you-support/" target="_blank" rel="noopener noreferrer">Paddle supported payment methods <i class="fe fe-external-link"></i></a>.
More information can be found on <a href="https://paddle.com/support/which-payment-methods-do-you-support/"
target="_blank"
rel="noopener noreferrer">Paddle supported payment methods <i class="fe fe-external-link"></i></a>.
</p>
<hr />
<p>
Furthermore we also support cryptocurrencies for the yearly plan via <a href="https://commerce.coinbase.com" target="_blank" rel="noopener noreferrer">Coinbase Commerce <i class="fe fe-external-link"></i></a>, which currently supports Bitcoin, Bitcoin Cash, DAI, ApeCoin, Dogecoin, Ethereum, Litecoin, SHIBA INU, Tether and USD Coin.
Furthermore we also support cryptocurrencies for the yearly plan via <a href="https://commerce.coinbase.com"
target="_blank"
rel="noopener noreferrer">Coinbase Commerce <i class="fe fe-external-link"></i></a>, which currently supports Bitcoin, Bitcoin Cash, DAI, ApeCoin, Dogecoin, Ethereum, Litecoin, SHIBA INU, Tether and USD Coin.
</p>
<p>
In the future, we are going to support Monero as well. In the meantime, please send us an email at <a href="mailto:support@simplelogin.zendesk.com">support@simplelogin.zendesk.com</a> if you want to use this cryptocurrency.
</p>
<div class="d-flex justify-content-center">
<a class="btn btn-outline-primary text-center" href="{{ url_for('dashboard.coinbase_checkout_route') }}" target="_blank" rel="noopener noreferrer">
<a class="btn btn-outline-primary text-center"
href="{{ url_for('dashboard.coinbase_checkout_route') }}"
target="_blank"
rel="noopener noreferrer">
Upgrade to Premium - cryptocurrency
<br />
$30 / year
@ -440,9 +489,14 @@ $30 / year
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-coupon">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-coupon">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-coupon" aria-controls="pricing-faq-answer-coupon" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-coupon"
aria-controls="pricing-faq-answer-coupon"
aria-expanded="false">
<span class="text-start">Where can I redeem / buy a coupon?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -453,7 +507,10 @@ $30 / year
</button>
</h5>
</div>
<div id="pricing-faq-answer-coupon" class="collapse" aria-labelledby="pricing-faq-question-coupon" data-parent="#pricing-faq">
<div id="pricing-faq-answer-coupon"
class="collapse"
aria-labelledby="pricing-faq-question-coupon"
data-parent="#pricing-faq">
<div class="card-body">
<p>
To redeem or buy a coupon, please go to the
@ -463,9 +520,14 @@ To redeem or buy a coupon, please go to the
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-aliases-sub-stopped">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-aliases-sub-stopped">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-aliases-sub-stopped" aria-controls="pricing-faq-answer-aliases-sub-stopped" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-aliases-sub-stopped"
aria-controls="pricing-faq-answer-aliases-sub-stopped"
aria-expanded="false">
<span class="text-start">What happens to my aliases when I stop the subscription?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -476,7 +538,10 @@ To redeem or buy a coupon, please go to the
</button>
</h5>
</div>
<div id="pricing-faq-answer-aliases-sub-stopped" class="collapse" aria-labelledby="pricing-faq-question-aliases-sub-stopped" data-parent="#pricing-faq">
<div id="pricing-faq-answer-aliases-sub-stopped"
class="collapse"
aria-labelledby="pricing-faq-question-aliases-sub-stopped"
data-parent="#pricing-faq">
<div class="card-body">
<p>
When your subscription ends, all aliases you created continue working normally, both on receiving and
@ -503,9 +568,14 @@ For example, if you have 100 aliases by the time your subscription ends, these 1
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-aliases-max">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-aliases-max">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-aliases-max" aria-controls="pricing-faq-answer-aliases-max" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-aliases-max"
aria-controls="pricing-faq-answer-aliases-max"
aria-expanded="false">
<span class="text-start">What happens when I reach the maximum number of alias in free plan?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -516,7 +586,10 @@ For example, if you have 100 aliases by the time your subscription ends, these 1
</button>
</h5>
</div>
<div id="pricing-faq-answer-aliases-max" class="collapse" aria-labelledby="pricing-faq-question-aliases-max" data-parent="#pricing-faq">
<div id="pricing-faq-answer-aliases-max"
class="collapse"
aria-labelledby="pricing-faq-question-aliases-max"
data-parent="#pricing-faq">
<div class="card-body">
<p>
If you are in the free plan, you cannot create new aliases when you reach the maximum number of aliases
@ -528,9 +601,14 @@ Aliases that would otherwise be created automatically via the catch-all domain o
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-discounts">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-discounts">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-discounts" aria-controls="pricing-faq-answer-discounts" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-discounts"
aria-controls="pricing-faq-answer-discounts"
aria-expanded="false">
<span class="text-start">Do you offer discounts?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -541,7 +619,10 @@ Aliases that would otherwise be created automatically via the catch-all domain o
</button>
</h5>
</div>
<div id="pricing-faq-answer-discounts" class="collapse" aria-labelledby="pricing-faq-question-discounts" data-parent="#pricing-faq">
<div id="pricing-faq-answer-discounts"
class="collapse"
aria-labelledby="pricing-faq-question-discounts"
data-parent="#pricing-faq">
<div class="card-body">
<p>
We offer important discounts or free premium for:
@ -567,9 +648,14 @@ We used to offer free premium accounts for students but this program ended at Ju
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-refund">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-refund">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-refund" aria-controls="pricing-faq-answer-refund" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-refund"
aria-controls="pricing-faq-answer-refund"
aria-expanded="false">
<span class="text-start">Do you have a refund policy?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -580,7 +666,10 @@ We used to offer free premium accounts for students but this program ended at Ju
</button>
</h5>
</div>
<div id="pricing-faq-answer-refund" class="collapse" aria-labelledby="pricing-faq-question-refund" data-parent="#pricing-faq">
<div id="pricing-faq-answer-refund"
class="collapse"
aria-labelledby="pricing-faq-question-refund"
data-parent="#pricing-faq">
<div class="card-body">
<p>
No we don't have a refund policy because SimpleLogin has a trial period where you can try all premium features.
@ -589,9 +678,14 @@ No we don't have a refund policy because SimpleLogin has a trial period where yo
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-family">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-family">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-family" aria-controls="pricing-faq-answer-family" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-family"
aria-controls="pricing-faq-answer-family"
aria-expanded="false">
<span class="text-start">Do you have a family plan?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -602,7 +696,10 @@ No we don't have a refund policy because SimpleLogin has a trial period where yo
</button>
</h5>
</div>
<div id="pricing-faq-answer-family" class="collapse" aria-labelledby="pricing-faq-question-family" data-parent="#pricing-faq">
<div id="pricing-faq-answer-family"
class="collapse"
aria-labelledby="pricing-faq-question-family"
data-parent="#pricing-faq">
<div class="card-body">
<p>
No we don't have a family plan but offer 30% reduction for additional subscriptions. Please contact us at <a href="mailto:support@simplelogin.zendesk.com">support@simplelogin.zendesk.com</a> for more information.
@ -611,9 +708,14 @@ No we don't have a family plan but offer 30% reduction for additional subscripti
</div>
</div>
<div class="card mb-3">
<div class="card-header card-collapse p-0" id="pricing-faq-question-other-ways">
<div class="card-header card-collapse p-0"
id="pricing-faq-question-other-ways">
<h5 class="mb-0 w-100">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none" data-toggle="collapse" data-target="#pricing-faq-answer-other-ways" aria-controls="pricing-faq-answer-other-ways" aria-expanded="false">
<button class="btn btn-link btn-block d-flex justify-content-between card-btn p-4 collapsed text-decoration-none"
data-toggle="collapse"
data-target="#pricing-faq-answer-other-ways"
aria-controls="pricing-faq-answer-other-ways"
aria-expanded="false">
<span class="text-start">Are there other ways to buy SimpleLogin subscriptions?</span>
<span class="if-collapsed">
<i class="fe fe-chevron-down"></i>
@ -624,7 +726,10 @@ No we don't have a family plan but offer 30% reduction for additional subscripti
</button>
</h5>
</div>
<div id="pricing-faq-answer-other-ways" class="collapse" aria-labelledby="pricing-faq-question-other-ways" data-parent="#pricing-faq">
<div id="pricing-faq-answer-other-ways"
class="collapse"
aria-labelledby="pricing-faq-question-other-ways"
data-parent="#pricing-faq">
<div class="card-body">
<p>
Yes you can also buy SimpleLogin subscription coupon via <a href="https://proxysto.re/en/index.html" target="_blank">ProxyStore <i class="fe fe-external-link"></i></a>, our official reseller.