|
27 | 27 | </a><a class="flex items-center py-2 mx-2 hover:text-secondary hover:no-underline" href=/coop/ data-umami-event=nav-coop><span>Cooperations</span> |
28 | 28 | </a><a class="flex items-center py-2 mx-2 hover:text-secondary hover:no-underline" href=/enterprise/ data-umami-event=nav-enterprise><span>Enterprise</span></a><hr class="border-primary my-2"><a class="flex items-center py-2 mx-2 hover:text-secondary hover:no-underline" href=https://docs.cryptomator.org/ target=_blank rel=noopener data-umami-event=nav-docs><span>Docs</span> |
29 | 29 | <i class="fa-solid fa-external-link ml-2"></i></a><hr class="border-primary my-2"><div class="uppercase tracking-wide text-gray-500 text-xs font-bold p-2"><i class="fa-solid fa-globe"></i> EN</div><div class=mt-1><a :href="'/de/android/' + (window.location.search ?? '')" lang=de class="block px-2 py-1 hover:text-secondary hover:no-underline" data-umami-event=nav-lang-de>Deutsch</a></div><hr class="border-primary my-2"><a class="block p-2 hover:text-secondary hover:no-underline" href=https://github.com/cryptomator target=_blank rel=noopener data-umami-event=nav-github><i class="fa-brands fa-github"></i> |
30 | | -<span>Cryptomator on GitHub</span></a></div></nav><div class="bg-gray-100 min-h-[80vh] pt-12"><div class="container py-12"><header class=mb-6><h1 class="font-h1 mb-8">Cryptomator for Android</h1><p class=lead>Purchase Cryptomator for Android without going through Google Play.</p></header><div class="rounded-md bg-blue-100 p-4 mb-6"><div class="flex items-center"><div class=shrink-0><i class="fa-solid fa-info-circle text-blue-500"></i></div><div class="ml-3 text-sm text-dark"><p>The Android license key is only valid for the sources mentioned here. It is not valid for the version on Google Play and also not for Desktop or iOS. A detailed comparison of all variants can be found in our <a class="text-blue-500 no-underline hover:underline" href=https://docs.cryptomator.org/android/setup/>docs</a>.</p></div></div></div><div class="flex flex-col space-y-6 md:flex-row md:space-x-6 md:space-y-0"><section class="w-full md:w-1/2"><div x-data="{checkoutData: {price: null, discountedPrice: null, email: '', errorMessage: '', success: false, inProgress: false, acceptNewsletter: false, captcha: null}, acceptTerms: false, androidLicense: null, captchaState: null}" x-init="androidLicense = new AndroidLicense($refs.form, checkoutData); androidLicense.loadPrice()" class=white-box><div class="px-4 py-2 border-b border-primary text-center"><h3 class="font-h3 text-lg">Buy a license key</h3></div><form x-show=!checkoutData.success x-ref=form class="px-4 py-8" @submit.prevent="checkoutData.acceptNewsletter && subscribeToNewsletter(checkoutData.email, 'cryptomator', checkoutData.captcha); androidLicense.checkout('en'); $refs.captcha.reset()"><div class=mb-4><label class="label-uppercase mb-2">Price |
| 30 | +<span>Cryptomator on GitHub</span></a></div></nav><div class="bg-gray-100 min-h-[80vh] pt-12"><div class="container py-12"><header class=mb-6><h1 class="font-h1 mb-8">Cryptomator for Android</h1><p class=lead>Purchase Cryptomator for Android without going through Google Play.</p></header><div class="rounded-md bg-blue-100 p-4 mb-6"><div class="flex items-center"><div class=shrink-0><i class="fa-solid fa-info-circle text-blue-500"></i></div><div class="ml-3 text-sm text-dark"><p>The Android license key is only valid for the sources mentioned here. It is not valid for the version on Google Play and also not for Desktop or iOS. A detailed comparison of all variants can be found in our <a class="text-blue-500 no-underline hover:underline" href=https://docs.cryptomator.org/android/setup/>docs</a>.</p></div></div></div><div class="flex flex-col space-y-6 md:flex-row md:space-x-6 md:space-y-0"><section class="w-full md:w-1/2"><div x-data="{checkoutData: {price: null, discountedPrice: null, email: '', errorMessage: '', success: false, inProgress: false, acceptNewsletter: false, captcha: null}, acceptTerms: false, androidLicense: null, captchaState: null}" x-init="androidLicense = new AndroidLicense($refs.form, checkoutData); androidLicense.loadPrice()" class=white-box><div class="px-4 py-2 border-b border-primary text-center"><h3 class="font-h3 text-lg">Buy a lifetime license</h3></div><form x-show=!checkoutData.success x-ref=form class="px-4 py-8" @submit.prevent="checkoutData.acceptNewsletter && subscribeToNewsletter(checkoutData.email, 'cryptomator', checkoutData.captcha); androidLicense.checkout('en'); $refs.captcha.reset()"><div class=mb-4><label class="label-uppercase mb-2">Price |
31 | 31 | <span x-show=checkoutData.price x-cloak>(in <span x-text="checkoutData.price ? checkoutData.price.currencyCode : ''"></span>)</span></label><div class="relative input-box flex items-center gap-2 w-full lg:w-1/2"><span x-show="checkoutData.discountedPrice && checkoutData.price" x-text="checkoutData.price ? checkoutData.price.formattedAmount : '…'" class="text-gray-500 line-through decoration-red-600" x-cloak></span> |
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 | | -<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="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-596483712 x-model=acceptTerms> |
35 | | -<label for=id-596483712>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-153924768 x-model=checkoutData.acceptNewsletter> |
36 | | -<label for=id-153924768>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> |
| 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="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-179842563 x-model=acceptTerms> |
| 35 | +<label for=id-179842563>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-791642835 x-model=checkoutData.acceptNewsletter> |
| 36 | +<label for=id-791642835>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> |
37 | 37 | <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 |
38 | 38 | </button> |
39 | 39 | <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({ |
|
0 commit comments