added sale promo

Author: tobihagemann

assets/css/custom.css

@@ -164,8 +164,8 @@ nav a:hover {
 [id]::before {
   content: '';
   display: block;
-  height: 96px;
-  margin-top: -96px;
+  height: 138px;
+  margin-top: -138px;
   visibility: hidden;
 }
 

content/downloads/android.de.html

@@ -21,6 +21,7 @@ <h3>Google Play</h3>
       <div class="prose prose-sm max-w-none mb-4">
         <p>Minimum: {{< siteparam releases.android.requiredOS >}}</p>
       </div>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mb-4">🎉 Der Einmalpreis ist um 33% reduziert!</p>
       <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=de" role="button">
         <img class="h-10 mx-auto lazyload" data-src="/de/img/downloads/googleplay-badge.png">
       </a>

content/downloads/android.en.html

@@ -21,6 +21,7 @@ <h3>Google Play</h3>
       <div class="prose prose-sm max-w-none mb-4">
         <p>Minimum: {{< siteparam releases.android.requiredOS >}}</p>
       </div>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mb-4">🎉 The one-time price is 33% off!</p>
       <a href="https://play.google.com/store/apps/details?id=org.cryptomator&hl=en" role="button">
         <img class="h-10 mx-auto lazyload" data-src="/img/downloads/googleplay-badge.png">
       </a>

content/downloads/ios.de.html

@@ -21,6 +21,7 @@ <h3>App Store</h3>
       <div class="prose prose-sm max-w-none mb-4">
         <p>Minimum: iOS 14.0</p>
       </div>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mb-4">🎉 Vollversion In-App-Kauf ist um 33% reduziert!</p>
       <a href="https://apps.apple.com/de/app/cryptomator/id1560822163" role="button">
         <img class="h-10 mx-auto mb-4 lazyload" data-src="/de/img/downloads/appstore-badge.svg">
       </a>

content/downloads/ios.en.html

@@ -21,6 +21,7 @@ <h3>App Store</h3>
       <div class="prose prose-sm max-w-none mb-4">
         <p>Minimum: iOS 14.0</p>
       </div>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mb-4">🎉 Full version in-app purchase is 33% off!</p>
       <a href="https://apps.apple.com/us/app/cryptomator/id1560822163" role="button">
         <img class="h-10 mx-auto mb-4 lazyload" data-src="/img/downloads/appstore-badge.svg">
       </a>

i18n/de.yaml

@@ -2,6 +2,8 @@
   translation: "Verschlüssle deine Dropbox, Google Drive, und Co. Cryptomator ist eine freie Open-Source-Software."
 - id: nav_cta
   translation: "Jetzt loslegen"
+- id: nav_promotion
+  translation: ":tada: Cryptomator für iOS und Android sind um 33% reduziert! Gültig 28.‑30. August."
 - id: nav_support_us
   translation: "Unterstütze uns"
 - id: nav_learn_more
@@ -46,6 +48,8 @@
   translation: "Zahlungen werden über Paddle abgewickelt."
 - id: android_getkey_checkout
   translation: "Zur Zahlung"
+- id: android_getkey_coupon
+  translation: "Gutscheincode <code>SUMMER2024</code> beim Bezahlvorgang eingeben für 33% Rabatt!"
 
 - id: android_getkey_success
   translation: "Deine Zahlung war erfolgreich!"

i18n/en.yaml

@@ -2,6 +2,8 @@
   translation: "Encrypt Dropbox, Google Drive, and any other cloud. Cryptomator is free and open source."
 - id: nav_cta
   translation: "Get Started"
+- id: nav_promotion
+  translation: ":tada: Cryptomator for iOS and Android are 33% off! Valid August 28‑30."
 - id: nav_support_us
   translation: "Support Us"
 - id: nav_learn_more
@@ -46,6 +48,8 @@
   translation: "Payments are securely handled by Paddle."
 - id: android_getkey_checkout
   translation: "Checkout"
+- id: android_getkey_coupon
+  translation: "Use coupon code <code>SUMMER2024</code> at checkout to get 33% off!"
 
 - id: android_getkey_success
   translation: "Your payment was successful!"

layouts/index.html

@@ -3,7 +3,7 @@
 {{ end }}
 {{ define "main" }}
   <section class="flex items-center header-bg bg-dark bg-center min-vh-66 bg-repeat-x">
-    <header class="container flex items-center text-white py-24 md:py-48 lg:py-64">
+    <header class="container flex items-center text-white pt-40 pb-24 md:pt-56 md:pb-48 lg:pt-72 lg:pb-64">
       <div class="hidden pr-6 md:block md:w-1/3 lg:w-2/5">
         <img data-src="/img/home/woman-cloud.png" class="lazyload aspect-[714/622] w-full object-scale-down mx-auto lg:w-3/4 animate-hover" alt="{{ i18n "home_header_woman_cloud_alt" . }}"/>
       </div>

layouts/partials/android-getkey.html

@@ -15,6 +15,7 @@ <h3>{{ i18n "android_getkey_title" }}</h3>
     <div class="text-center mt-8">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "android_getkey_instruction" }}</p>
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ partial "accept-terms-and-privacy.html" (dict "context" . "alpineVariable" "acceptTerms") }}</p>
+      <p class="text-sm md:text-base leading-relaxed text-gray-700 rounded bg-primary-l2 p-2 mb-4">{{ ":tada:" | emojify }} {{ i18n "android_getkey_coupon" | safeHTML }}</p>
       <button :disabled="checkoutData.inProgress || !acceptTerms" @click.prevent="androidLicense.checkout('{{ .Site.Language.Lang }}')" type="submit" class="btn btn-primary w-full md:w-64">
         <i x-show="!checkoutData.inProgress" class="fas fa-shopping-cart fa-fw" aria-hidden="true"></i><i x-show="checkoutData.inProgress" class="fas fa-spinner fa-spin fa-fw" aria-hidden="true"></i> {{ i18n "android_getkey_checkout" }}
       </button>

layouts/partials/nav.html

@@ -3,6 +3,9 @@
 {{- $navBorderColor := cond .IsHome "border-transparent" "border-primary" -}}
 {{- $currentRelPermalink := .RelPermalink -}}
 <nav x-init="determineGitHubStargazersCount('{{ .Site.Language.Lang }}')" class="w-full max-h-screen text-{{ $textColor }} fixed {{ $backgroundColor }} shadow z-50">
+  <div class="w-full bg-primary text-center text-sm text-white p-0.5">
+    <p>{{ i18n "nav_promotion" . | emojify }}</p>
+  </div>
   <div class="flex justify-between items-stretch w-full lg:px-8">
     <!-- Regular Navigation -->
     <div class="flex items-stretch">