Add anniversary banner

iammajid · iammajid · commit 17c804b05df9 · 2026-03-03T13:47:37.000+01:00
diff --git a/config/_default/params.yaml b/config/_default/params.yaml
@@ -1,6 +1,14 @@
 # set to true in frontmatter if required
 math: false
 
+anniversaryBanner:
+  enabled: true
+  url: https://www.reddit.com/r/Cryptomator/
+  excludePaths:
+    - /downloads-thanks/
+    - /paddle-checkout/
+    - /hub/billing/
+
 releases:
   exe:
     version: 1.18.0
diff --git a/i18n/de.yaml b/i18n/de.yaml
@@ -1310,3 +1310,13 @@
   translation: "Die Höhe des Rabatts kann je nach Region variieren."
 - id: pricing_hub_standard_price_first_year
   translation: "im ersten Jahr"
+
+# Anniversary Banner
+- id: anniversary_banner_aria_label
+  translation: "Ankündigung zum 10-jährigen Jubiläum von Cryptomator"
+- id: anniversary_banner_lead
+  translation: "Wir feiern 10 Jahre Cryptomator"
+- id: anniversary_banner_cta_mobile
+  translation: "AMA auf Reddit am 09. März 2026, 16:00 CET"
+- id: anniversary_banner_cta_desktop
+  translation: "AMA auf Reddit am 09. März 2026, 16:00 CET"
diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -1349,3 +1349,13 @@
   translation: "The discount amount may vary by region."
 - id: pricing_hub_standard_price_first_year
   translation: "in the first year"
+
+# Anniversary Banner
+- id: anniversary_banner_aria_label
+  translation: "Announcement for Cryptomator's 10-year anniversary"
+- id: anniversary_banner_lead
+  translation: "Celebrating 10 years of Cryptomator"
+- id: anniversary_banner_cta_mobile
+  translation: "Join our Reddit AMA on 09 Mar 2026, 4 PM CET"
+- id: anniversary_banner_cta_desktop
+  translation: "Join our Reddit AMA on 09 March 2026, 4 PM CET"
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -64,8 +64,26 @@
     {{ end }}
   </head>
   <body x-data="{ isNavOpen: false, globalData: { githubStargazers: null, mastodonFollowers: null } }" x-init="determineGlobalData('{{ .Site.Language.Lang }}', globalData)" :class="isNavOpen && 'overflow-hidden'" class="bg-dark font-body text-gray-900">
+    {{- $anniversaryBanner := .Site.Params.anniversaryBanner -}}
+    {{- $showAnniversaryBanner := false -}}
+    {{- if and $anniversaryBanner $anniversaryBanner.enabled -}}
+      {{- $showAnniversaryBanner = true -}}
+      {{- $currentPath := .RelPermalink -}}
+      {{- range $anniversaryBanner.excludePaths -}}
+        {{- if hasPrefix $currentPath . -}}
+          {{- $showAnniversaryBanner = false -}}
+        {{- end -}}
+      {{- end -}}
+    {{- end -}}
+    {{- .Scratch.Set "anniversaryBannerActive" $showAnniversaryBanner -}}
     {{ partial "nav.html" . }}
+    {{- if $showAnniversaryBanner -}}
+      {{ partial "anniversary-banner.html" . }}
+    {{- end -}}
     {{- $topPadding := cond .IsHome "" "pt-12" -}}
+    {{- if $showAnniversaryBanner -}}
+      {{- $topPadding = cond .IsHome "" "pt-28 md:pt-24" -}}
+    {{- end -}}
     <div class="bg-gray-100 min-h-[80vh] {{ $topPadding }}">
     <!-- Code that all your templates share, like a header -->
     {{ block "main" . }}
diff --git a/layouts/index.html b/layouts/index.html
@@ -12,7 +12,8 @@
   {{ partial "altcha-css.html" . }}
 {{ end }}
 {{ define "main" }}
-  <section class="flex items-center header-bg bg-dark bg-center min-h-[66vh] bg-repeat-x">
+  {{- $homeHeroPadding := cond (.Scratch.Get "anniversaryBannerActive") "pt-28 md:pt-0" "" -}}
+  <section class="flex items-center header-bg bg-dark bg-center min-h-[66vh] bg-repeat-x {{ $homeHeroPadding }}">
     <header class="container flex items-center text-white py-24 md:py-48 lg:py-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" . }}"/>
diff --git a/layouts/partials/anniversary-banner.html b/layouts/partials/anniversary-banner.html
@@ -0,0 +1,24 @@
+{{- $banner := .Site.Params.anniversaryBanner -}}
+{{- $url := $banner.url | default "https://www.reddit.com/r/Cryptomator/" -}}
+<section class="absolute inset-x-0 top-16 z-40 pointer-events-none" role="region" aria-label="{{ i18n "anniversary_banner_aria_label" . }}">
+  <div class="container py-1.5 md:py-2">
+    <div class="pointer-events-auto mx-auto flex w-full items-center justify-start gap-1 rounded-md bg-primary px-3 py-1.5 text-xs text-white shadow-sm md:justify-center md:gap-3 md:px-4 md:py-2 md:text-sm">
+      {{- if fileExists "static/img/logo-anniversary.svg" -}}
+      <img src="/img/logo-anniversary.svg" class="h-9 w-auto shrink-0 mr-2 md:h-7 md:mr-0" alt="10 years anniversary logo" loading="lazy">
+      {{- else -}}
+      <i class="fa-solid fa-cake-candles text-xl shrink-0 mr-2 md:mr-0" aria-hidden="true"></i>
+      {{- end -}}
+      <p class="m-0 flex flex-wrap items-center justify-start gap-x-1 gap-y-0.5 text-left leading-normal text-white md:justify-center md:text-center">
+        <span class="font-semibold">{{ i18n "anniversary_banner_lead" . }}</span>
+        <span class="hidden text-white/80 md:inline" aria-hidden="true">•</span>
+        {{ with $url }}
+        <a href="{{ . }}" class="font-normal text-white no-underline underline-offset-2 hover:underline focus-visible:underline focus-visible:outline-hidden" target="_blank" rel="noopener" data-umami-event="anniversary-banner-reddit">
+          <span class="md:hidden">{{ i18n "anniversary_banner_cta_mobile" $ }}</span>
+          <span class="hidden md:inline">{{ i18n "anniversary_banner_cta_desktop" $ }}</span>
+          <span class="ml-0.5" aria-hidden="true">→</span>
+        </a>
+        {{ end }}
+      </p>
+    </div>
+  </div>
+</section>
diff --git a/static/img/logo-anniversary.svg b/static/img/logo-anniversary.svg
