From e616e318cb51fcb7d1a806ad469286f25db575d8 Mon Sep 17 00:00:00 2001 From: Stephanie Hobson Date: Wed, 11 Dec 2024 13:23:23 -0800 Subject: [PATCH] EOY Donate Banner (Fix #15711) --- .../includes/banners/fundraiser.html | 99 +++++++++--------- .../includes/banners/pencil-banner.html | 20 ++-- .../navigation/navigation-refresh.html | 1 + .../protocol/navigation/navigation.html | 3 - .../templates/mozorg/home/home-m24.html | 28 ++++- media/css/base/banners/fundraiser.scss | 73 +++++++++---- .../banners/fundraiser/eoy-2024-photo-200.png | Bin 23537 -> 20596 bytes .../banners/fundraiser/eoy-2024-photo-400.png | Bin 72364 -> 69277 bytes .../base/banners/fundraiser-experiment.es6.js | 12 +-- 9 files changed, 142 insertions(+), 94 deletions(-) diff --git a/bedrock/base/templates/includes/banners/fundraiser.html b/bedrock/base/templates/includes/banners/fundraiser.html index 07bf34ad8d6..bda3ed896f4 100644 --- a/bedrock/base/templates/includes/banners/fundraiser.html +++ b/bedrock/base/templates/includes/banners/fundraiser.html @@ -11,72 +11,71 @@ {% block banner_class %}c-banner-fundraising{% endblock %} {% if LANG =="de" %} - {% set banner_title = 'Giving Tuesday: Spende jetzt an Mozilla' %} - {% set banner_tagline = 'Gemeinsam können wir das Internet von Tech-Riesen zurückerobern. Jetzt spenden.' %} - {% set banner_button_a = 'Spenden' %} - {% set banner_button_b = 'Jetzt spenden' %} - {% set banner_button_c = 'Beitragen' %} + {% set banner_title = 'Bitte spende bis 31. Dez. an Mozilla' %} + {% set banner_tagline_a = 'Wir haben unser Spendenziel für 2024 fast geknackt, aber noch nicht ganz.' %} + {% set banner_tagline_b = 'Die Zeit läuft aus für unser Spendenziel 2024. Könntest du noch heute helfen?' %} + {% set banner_tagline_c = 'Gemeinsam müssen wir unsere Bewegung zur Rückeroberung des Internets ausbauen.' %} + {% set banner_button = 'Spenden' %} {% elif LANG.startswith('es-') %} - {% set banner_title = 'Dona a Mozilla este Día para Dar' %} - {% set banner_tagline = 'Juntos rescatemos Internet de las grandes tecnológicas. Dona.' %} - {% set banner_button_a = 'Donar' %} - {% set banner_button_b = 'Dar ahora' %} - {% set banner_button_c = 'Contribuir' %} + {% set banner_title = 'Dona a Mozilla antes del 31/12' %} + {% set banner_tagline_a = 'Casi alcanzamos nuestra meta para 2024, pero aún nos falta.' %} + {% set banner_tagline_b = 'Nuestra fecha límite está próxima. ¿Puedes donar?' %} + {% set banner_tagline_c = 'Debemos construir juntos el movimiento para recuperar Internet.' %} + {% set banner_button = 'Dona' %} {% elif LANG == "fr" %} - {% set banner_title = 'Soutenez Mozilla pour le Giving Tuesday' %} - {% set banner_tagline = 'Ensemble, nous pouvons empêcher les géants de la tech de s’accaparer Internet.' %} - {% set banner_button_a = 'Je fais un don' %} - {% set banner_button_b = 'Je fais un geste' %} - {% set banner_button_c = 'Je fais une contribution' %} + {% set banner_title = 'Faites un don à Mozilla avant le 31/12' %} + {% set banner_tagline_a = 'Nous approchons de notre objectif 2024 : aidez-nous à l’atteindre !' %} + {% set banner_tagline_b = 'Notre collecte de fonds touche à sa fin. Vite, soutenez notre action !' %} + {% set banner_tagline_c = 'Unissons nos forces pour reprendre ensemble la main sur Internet.' %} + {% set banner_button = 'Je fais un don' %} {% elif LANG == "it" %} - {% set banner_title = 'Festeggia la giornata mondiale del dono con un’offerta a Mozilla' %} - {% set banner_tagline = 'Insieme, liberiamo internet dal controllo di Big Tech. Dona ora.' %} - {% set banner_button_a = 'Dona' %} - {% set banner_button_b = 'Fai un’offerta' %} - {% set banner_button_c = 'Offri il tuo contributo' %} + {% set banner_title = 'Dona a Mozilla entro il 31 dicembre' %} + {% set banner_tagline_a = 'Siamo vicini al nostro obiettivo del 2024, ma ci serve un ultimo sforzo.' %} + {% set banner_tagline_b = 'La scadenza del 2024 si avvicina a passo svelto. Puoi darci una mano?' %} + {% set banner_tagline_c = 'Insieme, dobbiamo creare un movimento per liberare il potenziale di internet.' %} + {% set banner_button = 'Dona' %} {% elif LANG == "pl" %} - {% set banner_title = 'Przekaż datek Mozilli na Giving Tuesday' %} - {% set banner_tagline = 'Razem możemy odzyskać Internet z rąk gigantów technologicznych. Wpłać teraz.' %} - {% set banner_button_a = 'Wpłać datek' %} - {% set banner_button_b = 'Wpłać teraz' %} - {% set banner_button_c = 'Wspomóż nas' %} + {% set banner_title = 'Przekaż datek Mozilli do 31 grudnia' %} + {% set banner_tagline_a = 'Już prawie osiągnęliśmy cel na 2024 rok, ale jeszcze trochę brakuje.' %} + {% set banner_tagline_b = 'Już niedługo mija termin na 2024 rok. Czy możesz przekazać nam datek?' %} + {% set banner_tagline_c = 'Musimy razem stworzyć ruch, który odzyska Internet.' %} + {% set banner_button = 'Wpłać datek' %} {% elif LANG == "pt-BR" %} - {% set banner_title = 'Doe para a Mozilla no Dia de Doar' %} - {% set banner_tagline = 'Juntos, podemos retomar a internet das big techs. Doe hoje mesmo.' %} - {% set banner_button_a = 'Doe agora' %} - {% set banner_button_b = 'Doe já' %} - {% set banner_button_c = 'Contribua' %} + {% set banner_title = 'Doe para a Mozilla até 31 de dezembro' %} + {% set banner_tagline_a = 'Falta pouco para atingirmos nossa meta para 2024.' %} + {% set banner_tagline_b = 'Nosso prazo para 2024 está quase no fim. Poderia fazer uma doação?' %} + {% set banner_tagline_c = 'Juntos, devemos promover o movimento para recuperar a internet.' %} + {% set banner_button = 'Doe agora' %} {% else %} - {% set banner_title = 'Donate to Mozilla for Giving Tuesday' %} - {% set banner_tagline = 'Together we can reclaim the internet from Big Tech. Donate now.' %} - {% set banner_button_a = 'Donate' %} - {% set banner_button_b = 'Give now' %} - {% set banner_button_c = 'Contribute' %} + {% set banner_title = 'Donate to Mozilla by Dec 31' %} + {% set banner_tagline_a = 'We’re close to reaching our 2024 goal, but we’re not there yet.' %} + {% set banner_tagline_b = 'We’re quickly approaching our 2024 deadline. Can you donate?' %} + {% set banner_tagline_c = 'Together we must build the movement to reclaim the internet.' %} + {% set banner_button = 'Donate' %} {% endif %} {% if variant == "a" %} - {% set banner_link = 'https://foundation.mozilla.org/?form=gt-banner-a' %} - {% set banner_button = banner_button_a %} - {% set banner_ga_label = 'Donate' %} + {% set banner_link = 'https://foundation.mozilla.org/?form=eoy-final-a' %} + {% set banner_tagline = banner_tagline_a %} {% elif variant == "b" %} - {% set banner_link = 'https://foundation.mozilla.org/?form=gt-banner-b' %} - {% set banner_button = banner_button_b %} - {% set banner_ga_label = 'Give now' %} + {% set banner_link = 'https://foundation.mozilla.org/?form=eoy-final-b' %} + {% set banner_tagline = banner_tagline_b %} {% elif variant == "c" %} - {% set banner_link = 'https://foundation.mozilla.org/?form=gt-banner-c' %} - {% set banner_button = banner_button_c %} - {% set banner_ga_label = 'Contribute' %} + {% set banner_link = 'https://foundation.mozilla.org/?form=eoy-final-c' %} + {% set banner_tagline = banner_tagline_c %} {% else %} - {% set banner_button = banner_button_a %} - {% set banner_ga_label = 'Donate' %} - {% set banner_link = 'https://foundation.mozilla.org/?form=gt-banner-d' %} + {# GPC/DNT #} + {% set banner_link = 'https://foundation.mozilla.org/?form=eoy-final-d' %} + {% set banner_tagline = banner_tagline_a %} {% endif %} +{% set banner_ga_label = 'Donate' %} + {% block banner_content %} -
+
-

{{ banner_title }}

+

{{ banner_title|safe }}

{{ banner_tagline }}

{{ banner_button }} @@ -89,7 +88,7 @@

{{ banner_title }}

'media': '(min-width: 688px)', 'srcset': { 'img/banners/fundraiser/eoy-2024-photo-200.png': '200w', - 'img/banners/fundraiser/eoy-2024-photo-200.png': '400w', + 'img/banners/fundraiser/eoy-2024-photo-400.png': '400w', } }, { diff --git a/bedrock/base/templates/includes/banners/pencil-banner.html b/bedrock/base/templates/includes/banners/pencil-banner.html index 484e9758e18..346bfb8b983 100644 --- a/bedrock/base/templates/includes/banners/pencil-banner.html +++ b/bedrock/base/templates/includes/banners/pencil-banner.html @@ -4,13 +4,15 @@ file, You can obtain one at https://mozilla.org/MPL/2.0/. #} -{% if not hide_pencil_banner and ftl_has_messages('m24-pencil-banner-donate-by'), %} -{# Exclude banners from search result snippets using `data-nosnippet` (issue 8739) #} - +{% if switch('show-pencil-banner') and not hide_pencil_banner %} + {% if ftl_has_messages('m24-pencil-banner-donate-by') %} + {# Exclude banners from search result snippets using `data-nosnippet` (issue 8739) #} + + {% endif %} {% endif %} diff --git a/bedrock/base/templates/includes/protocol/navigation/navigation-refresh.html b/bedrock/base/templates/includes/protocol/navigation/navigation-refresh.html index 1de745d6de8..1eb40dc79a1 100644 --- a/bedrock/base/templates/includes/protocol/navigation/navigation-refresh.html +++ b/bedrock/base/templates/includes/protocol/navigation/navigation-refresh.html @@ -4,6 +4,7 @@ file, You can obtain one at https://mozilla.org/MPL/2.0/. #} + {% include 'includes/banners/pencil-banner.html' %}