add wnp133 EU, NA, and MOFO pages (fix #15485, #15486, #15487) (#15509)

mozilla · Nov 22, 2024 · 9b5f2a3 · 9b5f2a3
1 parent 52c991c
commit 9b5f2a3
Show file tree

Hide file tree

Showing 24 changed files with 1,105 additions and 0 deletions.
diff --git a/bedrock/firefox/templates/firefox/whatsnew/includes/fx133/donation-common.html b/bedrock/firefox/templates/firefox/whatsnew/includes/fx133/donation-common.html
@@ -0,0 +1,24 @@
+{#
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ #}
+
+<section class="wnp-content-main">
+  {% call split(
+    image=resp_img('img/firefox/whatsnew/whatsnew133/mofo-heart.png',
+      srcset={ 'img/firefox/whatsnew/whatsnew133/mofo-heart-high-res.png': '2x' },
+      optional_attributes={ 'class': 'mzp-c-split-media-asset'}
+    ),
+    media_after=False,
+    media_class='mzp-l-split-v-center mzp-l-split-h-start',
+    block_class='mzp-l-split-reversed mzp-l-split-body-wide'
+    ) %}
+      <h1 class="wnp-main-title">{{ main_title }}</h1>
+      <p class="wnp-main-body">{{ main_body_part_one }}</p>
+      <p class="wnp-main-body"><strong>{{ main_body_part_two }}</strong></p>
+      <a class="wnp-main-cta mzp-c-button mzp-t-product" href="{{ cta_link }}" data-cta-text="Donate to the Mozilla Foundation">
+        {{ page_cta }}
+      </a>
+  {% endcall %}
+</section>
diff --git a/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-donation-eu.html b/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-donation-eu.html
@@ -0,0 +1,67 @@
+{#
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% from "macros-protocol.html" import split with context %}
+
+{% extends "firefox/whatsnew/base.html" %}
+
+{% block experiments %}
+  {{ js_bundle('firefox_whatsnew_133_experiment_eu') }}
+{% endblock %}
+
+{% block page_css %}
+  {{ css_bundle('protocol-split') }}
+  {{ css_bundle('firefox_whatsnew_133_donation') }}
+{% endblock %}
+
+{% if LANG == 'fr' %}
+  {% set main_body_part_one = "Firefox vous est proposé par la Fondation Mozilla, un mouvement mondial d’individus qui oeuvre pour que l’Internet reste ouvert et accessible à tous. C’est à nous toutes et tous de nous opposer aux entreprises tech irresponsables et de protéger notre vie privée en ligne." %}
+  {% set main_body_part_two = "Vous avez choisi Firefox comme navigateur, et maintenant nous espérons que vous ferez le prochain pas pour reconquérir l’Internet. Faites un don de fin d’année à la Fondation Mozilla." %}
+  {% set page_cta = "Faire un don à la Fondation Mozilla" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Faites un don à la Fondation Mozilla avant la fin de l’année" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov3" %}
+  {% else %}
+    {% set main_title = "Faites un don à la fondation à but non lucratif Mozilla, soutien de Firefox" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov4" %}
+  {% endif %}
+
+{% elif LANG == 'de' %}
+  {% set page_cta = "Spende an die Mozilla Foundation" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Spende zum Jahresende an die Mozilla Foundation" %}
+    {% set main_body_part_one = "Alles, was dir an Firefox gefällt, wird von der Mozilla Foundation ermöglicht – einer globalen Bewegung, die sich gegen verantwortungslose Tech-Unternehmen einsetzt und unsere Privatsphäre online schützt. Es liegt an uns allen, verantwortungslosen Tech-Unternehmen entgegenzutreten und unsere Privatsphäre im Internet zu schützen." %}
+    {% set main_body_part_two = "Du hast Firefox als deinen Browser gewählt und wir hoffen, dass du jetzt den nächsten Schritt machst, um das Internet zurückzuerobern. Spende heute zum Jahresende an die Mozilla Foundation." %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov1" %}
+  {% else %}
+    {% set main_title = "Spende an die Mozilla Foundation, die hinter Firefox steht" %}
+    {% set main_body_part_one = "Alles, was dir an Firefox gefällt, wird von der Mozilla Foundation ermöglicht – einer globalen Bewegung, die sich gegen verantwortungslose Tech-Unternehmen einsetzt und unsere Privatsphäre online schützt. Es liegt an uns allen, verantwortungslosen Tech-Unternehmen entgegenzutreten und unsere Privatsphäre im Internet zu schützen." %}
+    {% set main_body_part_two = "Du hast Firefox als deinen Browser gewählt und wir hoffen, dass du jetzt den nächsten Schritt machst, um das Internet zurückzuerobern. Spende heute zum Jahresende an die Mozilla Foundation." %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov2" %}
+  {% endif %}
+{% else %}
+  {% set main_body_part_one = "Firefox is backed by the Mozilla Foundation – a global community working to keep the internet open and accessible to all. It’s up to all of us to take on irresponsible tech companies and protect our privacy online." %}
+  {% set main_body_part_two = "You chose Firefox as your internet browser, and now we hope you’ll take the next step to reclaim the internet. Make an end-of-year donation to the Mozilla Foundation today." %}
+  {% set page_cta = "Donate to the Mozilla Foundation" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Donate to the Mozilla Foundation before our end-of-year deadline" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov5" %}
+  {% else %}
+    {% set main_title = "Donate to the Mozilla Foundation, the non-profit behind Firefox" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov6" %}
+  {% endif %}
+{% endif %}
+
+{% block wnp_content %}
+  {% include "firefox/whatsnew/includes/fx133/donation-common.html" %}
+{% endblock %}
+
+{% block js %}
+  {{ js_bundle('firefox_whatsnew_events') }}
+{% endblock %}
diff --git a/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-donation-na.html b/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-donation-na.html
@@ -0,0 +1,48 @@
+{#
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% from "macros-protocol.html" import split with context %}
+
+{% extends "firefox/whatsnew/base.html" %}
+
+{% block experiments %}
+  {{ js_bundle('firefox_whatsnew_133_experiment_na') }}
+{% endblock %}
+
+{% block page_css %}
+  {{ css_bundle('protocol-split') }}
+  {{ css_bundle('firefox_whatsnew_133_donation') }}
+{% endblock %}
+
+{% set main_body_part_one = "Firefox is backed by the Mozilla Foundation – a global community working to keep the internet open and accessible to all. It’s up to all of us to take on irresponsible tech companies and protect our privacy online." %}
+{% set main_body_part_two = "You chose Firefox as your internet browser, and now we hope you’ll take the next step to reclaim the internet. Make an end-of-year donation to the Mozilla Foundation today." %}
+{% set page_cta = "Donate to the Mozilla Foundation" %}
+
+{% if variant == '2' %}
+  {% set main_title = "Donate to the Mozilla Foundation before our end-of-year deadline" %}
+
+  {% if LANG == 'en-CA' %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov9" %}
+  {% else %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov7" %}
+  {% endif %}
+{% else %}
+  {% set main_title = "Donate to the Mozilla Foundation, the non-profit behind Firefox" %}
+
+  {% if LANG == 'en-CA' %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov10" %}
+  {% else %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov8" %}
+  {% endif %}
+{% endif %}
+
+{% block wnp_content %}
+  {% include "firefox/whatsnew/includes/fx133/donation-common.html" %}
+{% endblock %}
+
+{% block js %}
+  {{ js_bundle('firefox_whatsnew_events') }}
+{% endblock %}
diff --git a/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-donation.html b/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-donation.html
@@ -0,0 +1,107 @@
+{#
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% from "macros-protocol.html" import split with context %}
+
+{% extends "firefox/whatsnew/base.html" %}
+
+{% block experiments %}
+  {{ js_bundle('firefox_whatsnew_133_experiment_donation') }}
+{% endblock %}
+
+{% block page_css %}
+  {{ css_bundle('protocol-split') }}
+  {{ css_bundle('firefox_whatsnew_133_donation') }}
+{% endblock %}
+
+{% if LANG == 'fr' %}
+  {% set main_body_part_one = "Firefox vous est proposé par la Fondation Mozilla, un mouvement mondial d’individus qui oeuvre pour que l’Internet reste ouvert et accessible à tous. C’est à nous toutes et tous de nous opposer aux entreprises tech irresponsables et de protéger notre vie privée en ligne." %}
+  {% set main_body_part_two = "Vous avez choisi Firefox comme navigateur, et maintenant nous espérons que vous ferez le prochain pas pour reconquérir l’Internet. Faites un don de fin d’année à la Fondation Mozilla." %}
+  {% set page_cta = "Faire un don à la Fondation Mozilla" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Faites un don à la Fondation Mozilla avant la fin de l’année" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov3" %}
+  {% else %}
+    {% set main_title = "Faites un don à la fondation à but non lucratif Mozilla, soutien de Firefox" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov4" %}
+  {% endif %}
+
+{% elif LANG == 'de' %}
+  {% set page_cta = "Spende an die Mozilla Foundation" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Spende zum Jahresende an die Mozilla Foundation" %}
+    {% set main_body_part_one = "Alles, was dir an Firefox gefällt, wird von der Mozilla Foundation ermöglicht – einer globalen Bewegung, die sich gegen verantwortungslose Tech-Unternehmen einsetzt und unsere Privatsphäre online schützt. Es liegt an uns allen, verantwortungslosen Tech-Unternehmen entgegenzutreten und unsere Privatsphäre im Internet zu schützen." %}
+    {% set main_body_part_two = "Du hast Firefox als deinen Browser gewählt und wir hoffen, dass du jetzt den nächsten Schritt machst, um das Internet zurückzuerobern. Spende heute zum Jahresende an die Mozilla Foundation." %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov1" %}
+  {% else %}
+    {% set main_title = "Spende an die gemeinnützige Mozilla Foundation, die hinter Firefox steht" %}
+    {% set main_body_part_one = "Alles, was dir an Firefox gefällt, wird von der Mozilla Foundation ermöglicht – einer globalen Bewegung, die sich gegen verantwortungslose Tech-Unternehmen einsetzt und unsere Privatsphäre online schützt. Es liegt an uns allen, verantwortungslosen Tech-Unternehmen entgegenzutreten und unsere Privatsphäre im Internet zu schützen." %}
+    {% set main_body_part_two = "Du hast Firefox als deinen Browser gewählt und wir hoffen, dass du jetzt den nächsten Schritt machst, um das Internet zurückzuerobern. Spende heute zum Jahresende an die Mozilla Foundation." %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov2" %}
+  {% endif %}
+
+{% elif LANG == 'it' %}
+  {% set main_body_part_one = "Firefox è sostenuta dalla Mozilla Foundation, una community globale che si impegna a mantenere internet aperto e accessibile. Affrontare le aziende tech irresponsabili è un compito di tutti e tutte noi, così come proteggere la privacy online di ogni utente." %}
+  {% set main_body_part_two = "Hai scelto Firefox come browser per navigare online. Noi ora speriamo che farai anche il prossimo passo: quello che può rendere internet ancora migliore. Fai oggi una donazione di fine anno alla Mozilla Foundation." %}
+  {% set page_cta = "Dona alla Mozilla Foundation" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Fai una donazione alla Mozilla Foundation prima che l’anno finisca" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov11" %}
+  {% else %}
+    {% set main_title = "Fai una donazione alla Mozilla Foundation, la no-profit dietro Firefox" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov12" %}
+  {% endif %}
+
+{% elif LANG == 'pl' %}
+  {% set main_body_part_one = "Firefox wspierany jest przez Fundacjię Mozilla - globalną społeczność działającą na rzecz otwartego i dostępnego dla wszystkich internetu. To od nas wszystkich zależy, czy postawimy się nieodpowiedzialnym firmom technologicznym i zadbamy o naszą prywatność online." %}
+  {% set main_body_part_two = "Wybrałeś Firefoksa jako swoją przeglądarkę. Mamy nadzieję, że postawisz kolejny krok na drodze do odbicia internetu! Przekaż darowiznę na rzecz Fundacji Mozilla jeszcze przed końcem roku." %}
+  {% set page_cta = "Wpłać na rzecz Fundacji Mozilli" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Przekaż darowiznę na rzecz Fundacji Mozilla przed końcem roku" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov13" %}
+  {% else %}
+    {% set main_title = "Przekaż darowiznę Fundacji Mozilla, organizacji non-profit tworzącej Firefoksa" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov14" %}
+  {% endif %}
+
+{% elif LANG == 'es-ES' %}
+  {% set main_body_part_one = "Firefox cuenta con el respaldo de la Fundación Mozilla, una comunidad global que trabaja para mantener un Internet abierto y accesible para todos. Depende de todos nosotros luchar contra las compañías tecnológicas irresponsables y proteger nuestra privacidad online." %}
+  {% set main_body_part_two = "Elegiste Firefox como tu navegador de Internet. Ahora te pedimos que des un paso más: haz una donación de fin de año a la Fundación Mozilla. Hoy mismo puedes colaborar a recuperar el control en la red." %}
+  {% set page_cta = "Donar a la Fundación Mozilla" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Haz una donación a la Fundación Mozilla antes de final de año" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov15" %}
+  {% else %}
+    {% set main_title = "Haz una donación a la Fundación Mozilla, la organización sin ánimo de lucro detrás de Firefox" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov16" %}
+  {% endif %}
+
+{% else %}
+  {% set main_body_part_one = "Firefox is backed by the Mozilla Foundation – a global community working to keep the internet open and accessible to all. It’s up to all of us to take on irresponsible tech companies and protect our privacy online." %}
+  {% set main_body_part_two = "You chose Firefox as your internet browser, and now we hope you’ll take the next step to reclaim the internet. Make an end-of-year donation to the Mozilla Foundation today." %}
+  {% set page_cta = "Donate to the Mozilla Foundation" %}
+
+  {% if variant == '2' %}
+    {% set main_title = "Donate to the Mozilla Foundation before our end-of-year deadline" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov17" %}
+  {% else %}
+    {% set main_title = "Donate to the Mozilla Foundation, the non-profit behind Firefox" %}
+    {% set cta_link = "https://foundation.mozilla.org/?form=24-wnp-nov18" %}
+  {% endif %}
+{% endif %}
+
+{% block wnp_content %}
+  {% include "firefox/whatsnew/includes/fx133/donation-common.html" %}
+{% endblock %}
+
+{% block js %}
+  {{ js_bundle('firefox_whatsnew_events') }}
+{% endblock %}
diff --git a/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-eu-newsletter.html b/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-eu-newsletter.html
@@ -0,0 +1,56 @@
+{#
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% extends "firefox/whatsnew/base.html" %}
+
+{% block experiments %}
+  {{ js_bundle('firefox_whatsnew_133_experiment_eu') }}
+{% endblock %}
+
+{% block page_css %}
+  {{ css_bundle('firefox_whatsnew_133_newsletter') }}
+{% endblock %}
+
+{% if LANG == 'fr' %}
+  {% set main_title = "Tirez le maximum de Firefox" %}
+  {% set main_body = "Rejoignez une communauté de millions de personnes qui reçoivent des conseils pour améliorer leur expérience de Firefox. Soyez le premier à connaître les nouvelles fonctionnalités, recevez des astuces pour mieux naviguer, et restez informé des évolutions d’Internet." %}
+{% elif LANG == 'de' %}
+  {% set main_title = "Hol das Beste aus Firefox heraus" %}
+  {% set main_body = "Werde Teil einer Community von Millionen von Menschen, die Tipps erhalten, um ihr Firefox-Erlebnis zu verbessern. Erfahre zuerst von neuen Funktionen, lerne Tricks und bleib über die schnelllebige Welt des Internets informiert." %}
+{% else %}
+  {% set main_title = "Make the most out of Firefox" %}
+  {% set main_body = "Join a community of millions of people who already get tips to make their Firefox experience better. Be the first to know about new features, learn tricks to help you navigate, and get news on a fast changing internet world." %}
+{% endif %}
+
+{% block wnp_content %}
+<section class="wnp-content-main">
+  <div class="mzp-l-content mzp-t-content-xl">
+    <img class="wnp-main-image" src="{{ static('img/firefox/whatsnew/whatsnew133/fox-mailbox.png') }}" width="170" height="100" alt="">
+    <div class="mzp-l-columns mzp-t-columns-two">
+      <div class="wnp-main-content">
+        <h1 class="wnp-main-title">{{ main_title }}</h1>
+        <p class="wnp-main-body">{{ main_body }}</p>
+      </div>
+
+      <div class="wnp-action-container">
+        {{ email_newsletter_form(
+          newsletters='mozilla-and-you',
+          title=None
+          )}}
+      </div>
+    </div>
+</section>
+
+<section class="wnp-footer">
+  <p class="wnp-sign-off">{{ ftl('whatsnew-signoff') }}</p>
+  {% include "firefox/whatsnew/includes/mofo-donate-cta.html" %}
+</section>
+{% endblock %}
+
+{% block js %}
+  {{ js_bundle('firefox_whatsnew_events') }}
+  {{ js_bundle('newsletter') }}
+{% endblock %}
diff --git a/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-na-fakespot.html b/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-na-fakespot.html
@@ -0,0 +1,51 @@
+{#
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% from "macros-protocol.html" import split with context %}
+
+{% extends "firefox/whatsnew/base.html" %}
+
+{% block experiments %}
+  {{ js_bundle('firefox_whatsnew_133_experiment_na') }}
+{% endblock %}
+
+{% block page_css %}
+  {{ css_bundle('protocol-split') }}
+  {{ css_bundle('firefox_whatsnew_133_fakespot') }}
+{% endblock %}
+
+{% set utm_params = 'utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=wnp133-fakespot' %}
+
+{% block wnp_content %}
+<section class="wnp-content-main">
+  {% call split(
+    image=resp_img('img/firefox/whatsnew/whatsnew133/review-checker.png',
+      srcset={ 'img/firefox/whatsnew/whatsnew133/review-checker-high-res.png': '2x' },
+      optional_attributes={ 'class': 'mzp-c-split-media-asset'}
+    ),
+    media_after=True,
+    media_class='mzp-l-split-h-center'
+    ) %}
+      <h1 class="wnp-main-title">Enjoy cyber sales with confidence</h1>
+      <p class="wnp-main-body">Whether you’re shopping on Amazon, Best Buy or Walmart, Review Checker helps flag products with unreliable reviews so you can confidently vet potential gifts before spending your money online this holiday season.</p>
+      <p class="wnp-main-body">
+        Click on the <span class="shopping-icon"></span> price tag icon in the search bar while visiting a product page and find out if you can trust the reviews you’re reading. <a class="wnp-body-cta" href="https://support.mozilla.org/kb/review-checker-review-quality/?{{ utm_params }}&utm_content=support" data-cta-text="Learn more">Learn more</a>
+      </p>
+      <a class="mzp-c-button mzp-t-product" href="https://www.amazon.com/dp/B01N22BMJB?th=1/" target="_blank" rel="noopener noreferrer" data-cta-text="Try it out">
+        Try it on Amazon
+      </a>
+  {% endcall %}
+</section>
+
+<section class="wnp-footer">
+  <p class="wnp-sign-off">{{ ftl('whatsnew-signoff') }}</p>
+  {% include "firefox/whatsnew/includes/mofo-donate-cta.html" %}
+</section>
+{% endblock %}
+
+{% block js %}
+  {{ js_bundle('firefox_whatsnew_events') }}
+{% endblock %}
diff --git a/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-na-mobile.html b/bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx133-na-mobile.html
@@ -0,0 +1,17 @@
+{#
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at https://mozilla.org/MPL/2.0/.
+#}
+
+{% from "macros.html" import google_play_button, apple_app_store_button with context %}
+
+{% extends "firefox/whatsnew/index.html" %}
+
+{% block experiments %}
+  {{ js_bundle('firefox_whatsnew_133_experiment_na_mobile') }}
+{% endblock %}
+
+{% block js %}
+  {{ js_bundle('firefox_whatsnew_events') }}
+{% endblock %}