|
32 | 32 | <span x-text="checkoutData.discountedPrice ? checkoutData.discountedPrice.formattedAmount : checkoutData.price ? checkoutData.price.formattedAmount : '…'">…</span> |
33 | 33 | <span x-show="checkoutData.discountedPrice && checkoutData.price" class="absolute top-0 left-0 -translate-2 -rotate-5 px-1 rounded-xs text-xs text-white bg-red-600 z-10" x-cloak>-<span x-text="checkoutData.discountedPrice && checkoutData.price && checkoutData.price.amount > 0 ? ((1 - checkoutData.discountedPrice.amount / checkoutData.price.amount) * 100).toFixed(0) : '0'"></span>%</span></div></div><div class=mb-4><label class="label-uppercase mb-2">Email</label> |
34 | 34 | <input x-model=checkoutData.email x-ref=email @blur="$refs.email.classList.add('show-invalid')" type=email class="input-box w-full" placeholder="Email address" required></div><div class=mb-4><label class="label-uppercase mb-2">Confirm Email</label> |
35 | | -<input x-model=checkoutData.emailConfirm x-ref=emailConfirm @blur="$refs.emailConfirm.classList.add('show-invalid')" type=email class="input-box w-full" placeholder="Confirm email address" required></div><div class="text-center mt-8"><p class="font-p mb-4">Payments are securely handled by Paddle.</p><p class="font-p mb-2"><input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type=checkbox id=id-514762983 x-model=acceptTerms> |
36 | | -<label for=id-514762983>I accept the <a class=text-link href=/terms/ target=_blank>Terms & Conditions</a> as well as the <a class=text-link href=/privacy/ target=_blank>Privacy Policy</a>.</label></p><p class="font-p mb-4"><input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type=checkbox id=id-214836597 x-model=checkoutData.acceptNewsletter> |
37 | | -<label for=id-214836597>I agree to get updates from Cryptomator via email (optional).</label></p><button :disabled="checkoutData.inProgress || !acceptTerms || captchaState == 'verifying'" type=submit class="btn btn-primary w-full md:w-64" data-umami-event=android-getkey-checkout> |
| 35 | +<input x-model=checkoutData.emailConfirm x-ref=emailConfirm @blur="$refs.emailConfirm.classList.add('show-invalid')" type=email class="input-box w-full" placeholder="Confirm email address" required></div><div class="text-center mt-8"><p class="font-p mb-4">Payments are securely handled by Paddle.</p><p class="font-p mb-2"><input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type=checkbox id=id-538241697 x-model=acceptTerms> |
| 36 | +<label for=id-538241697>I accept the <a class=text-link href=/terms/ target=_blank>Terms & Conditions</a> as well as the <a class=text-link href=/privacy/ target=_blank>Privacy Policy</a>.</label></p><p class="font-p mb-4"><input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type=checkbox id=id-416528397 x-model=checkoutData.acceptNewsletter> |
| 37 | +<label for=id-416528397>I agree to get updates from Cryptomator via email (optional).</label></p><button :disabled="checkoutData.inProgress || !acceptTerms || captchaState == 'verifying'" type=submit class="btn btn-primary w-full md:w-64" data-umami-event=android-getkey-checkout> |
38 | 38 | <i x-show=!checkoutData.inProgress class="fa-solid fa-shopping-cart" aria-hidden=true></i><i x-show=checkoutData.inProgress class="fa-solid fa-spinner fa-spin" aria-hidden=true></i> Checkout |
39 | 39 | </button> |
40 | 40 | <altcha-widget challengeurl=https://api.staging.cryptomator.org/connect/newsletter/challenge hidelogo hidefooter floating=auto @statechange="captchaState = $event.detail.state; if ($event.detail.state === 'verified') { checkoutData.captcha = $event.detail.payload }" :strings="JSON.stringify({ |
|
44 | 44 | verified: 'Verified!', |
45 | 45 | verifying: 'Verifying…', |
46 | 46 | waitAlert: 'Verifying… please wait.' |
47 | | - })" x-ref=captcha></altcha-widget><p :class="{'hidden': !checkoutData.errorMessage}" class="text-sm text-red-600 mt-2" x-text=checkoutData.errorMessage></p></div></form><div x-show=checkoutData.success x-cloak class="px-4 py-8"><h3 class="font-h3 mb-4">👍 Your payment was successful!</h3><p class=font-p>The license key has been sent to your email address.</p></div></div></section><div class="flex flex-col space-y-6 w-full md:w-1/2"><section><div class=text-center itemscope itemtype=http://schema.org/SoftwareApplication><meta itemprop=name content="Cryptomator"><meta itemprop=description content="A free software to encrypt your cloud files."><meta itemprop=applicationCategory content="Productivity"><meta itemprop=softwareVersion content="1.11.1"><meta itemprop=applicationSubCategory content="Encryption"><meta itemprop=image content="https://staging.cryptomator.org/img/logo.png"><meta itemprop=operatingSystem content="Android"><div class=white-box><div class="px-4 py-2 border-b border-primary"><h3 class="font-h3 text-lg">Download APK</h3></div><div class="px-4 py-8" x-data="{showShaSignature: false}"><p class="font-p text-sm mb-4">Version 1.11.1 • Minimum: Android 8.0</p><a class="btn btn-primary w-full md:w-56 mb-2" href=https://static.cryptomator.org/android/1.11.1/Cryptomator-1.11.1.apk role=button data-umami-event=android-download><span class="fa-solid fa-download" aria-hidden=true></span> Download |
| 47 | + })" x-ref=captcha></altcha-widget><p :class="{'hidden': !checkoutData.errorMessage}" class="text-sm text-red-600 mt-2" x-text=checkoutData.errorMessage></p></div></form><div x-show=checkoutData.success x-cloak class="px-4 py-8"><h3 class="font-h3 mb-4">👍 Your payment was successful!</h3><p class=font-p>The license key has been sent to your email address. Please also check your spam folder. If you don't receive the email, please <a href=/contact/>contact us</a>.</p></div></div></section><div class="flex flex-col space-y-6 w-full md:w-1/2"><section><div class=text-center itemscope itemtype=http://schema.org/SoftwareApplication><meta itemprop=name content="Cryptomator"><meta itemprop=description content="A free software to encrypt your cloud files."><meta itemprop=applicationCategory content="Productivity"><meta itemprop=softwareVersion content="1.11.1"><meta itemprop=applicationSubCategory content="Encryption"><meta itemprop=image content="https://staging.cryptomator.org/img/logo.png"><meta itemprop=operatingSystem content="Android"><div class=white-box><div class="px-4 py-2 border-b border-primary"><h3 class="font-h3 text-lg">Download APK</h3></div><div class="px-4 py-8" x-data="{showShaSignature: false}"><p class="font-p text-sm mb-4">Version 1.11.1 • Minimum: Android 8.0</p><a class="btn btn-primary w-full md:w-56 mb-2" href=https://static.cryptomator.org/android/1.11.1/Cryptomator-1.11.1.apk role=button data-umami-event=android-download><span class="fa-solid fa-download" aria-hidden=true></span> Download |
48 | 48 | </a><a class="block text-link text-xs" href=# data-umami-event=android-download-sha256-signature @click.prevent="showShaSignature = !showShaSignature"><i :class="{ 'fa-eye': !showShaSignature, 'fa-eye-slash': showShaSignature }" class=fa-solid></i> SHA256 Signature</a><div x-show=showShaSignature x-cloak class=mt-4><p class="font-p text-xs"><code class="font-code break-all">cd779e929277920e65b282f166e9c693fe560927215428796e100bcc7427132a</code></p></div></div></div></div></section><section><div class=text-center itemscope itemtype=http://schema.org/SoftwareApplication x-data="{fdroidVariant: 'cryptomator-repo'}"><meta itemprop=name content="Cryptomator"><meta itemprop=description content="A free software to encrypt your cloud files."><meta itemprop=applicationCategory content="Productivity"><meta itemprop=softwareVersion content="1.11.1"><meta itemprop=applicationSubCategory content="Encryption"><meta itemprop=image content="https://staging.cryptomator.org/img/logo.png"><meta itemprop=operatingSystem content="Android"><div class=white-box><div class="px-4 py-2 border-b border-primary"><h3 class="font-h3 text-lg">Get it on F-Droid</h3></div><div class="flex justify-center p-4"><button class="w-1/2 ms:w-1/4 p-2 border border-gray-300 rounded-l bg-gray-300 text-gray-700 hover:border-gray-400 hover:bg-gray-400 focus:bg-gray-400 focus:border-secondary" data-umami-event=android-fdroid-cryptomator-repo-tab :class="{'border-gray-400 bg-gray-400 text-gray-800 font-medium': fdroidVariant === 'cryptomator-repo'}" @click="fdroidVariant = 'cryptomator-repo'"> |
49 | 49 | Cryptomator Repository |
50 | 50 | </button> |
|
0 commit comments