WNP135 for North America (#15852) (#15876)

bedrock/firefox/templates/firefox/whatsnew/whatsnew-fx135-na.html

@@ -0,0 +1,58 @@
+{#
+  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 page_css %}
+  {{ css_bundle('firefox_whatsnew_135_pdf') }}
+{% endblock %}
+
+{% block wnp_content %}
+  <section class="wnp-content-main mzp-l-content mzp-t-content-md">
+    <h1 class="wnp-main-title">
+      {{ picture(
+        url="img/firefox/whatsnew/whatsnew135-pdf/edit-pdfs-light.svg",
+        sources=[
+            {
+                "media": "(prefers-color-scheme: light)",
+                "srcset": {
+                    "img/firefox/whatsnew/whatsnew135-pdf/edit-pdfs-light.svg": "default",
+                }
+            },
+            {
+                "media": "(prefers-color-scheme: dark)",
+                "srcset": {
+                  "img/firefox/whatsnew/whatsnew135-pdf/edit-pdfs-dark.svg": "default",
+              }
+            }
+        ],
+        optional_attributes={
+          "alt": "Edit PDFs in Firefox",
+          "width": "435",
+          "height": "222",
+        }
+    ) }}
+    </h1>
+
+    <div class="wnp-editor">
+      <p class="wnp-main-tagline">
+        Say goodbye to the hassle of printing or filling out PDFs in other apps. Quickly and easily edit documents right in your browser.
+      </p>
+
+
+      <p class="wnp-main-cta">
+        <a class="mzp-c-button mzp-t-product" href="https://assets.mozilla.net/wnp135-en/wnp-fx135-en.pdf" data-cta-type="button" data-cta-text="Try it now" target="_blank" rel="noopener">
+          Try it now
+        </a>
+      </p>
+    </div>
+
+    <p class="wnp-sign-off">
+      <strong>Powered by Mozilla.</strong> Putting people before profits since 1998.
+    </p>
+  </section>
+
+{% endblock %}

bedrock/firefox/tests/test_base.py

@@ -335,6 +335,28 @@ def test_fx_135_0_0beta_pl(self, render_mock):
 
     # end 135 beta whatsnew tests
 
+    # begin 135 na whatsnew tests
+
+    @override_settings(DEV=True)
+    def test_fx_135_0_0_en_US(self, render_mock):
+        """Should use whatsnew-fx135-na template for en-US locale"""
+        req = self.rf.get("/firefox/whatsnew/")
+        req.locale = "en-US"
+        self.view(req, version="135.0")
+        template = render_mock.call_args[0][1]
+        assert template == ["firefox/whatsnew/whatsnew-fx135-na.html"]
+
+    @override_settings(DEV=True)
+    def test_fx_135_0_0_en_CA(self, render_mock):
+        """Should use whatsnew-fx135-na template for en-CA locale"""
+        req = self.rf.get("/firefox/whatsnew/")
+        req.locale = "en-CA"
+        self.view(req, version="135.0")
+        template = render_mock.call_args[0][1]
+        assert template == ["firefox/whatsnew/whatsnew-fx135-na.html"]
+
+    # end 135 na whatsnew tests
+
     @override_settings(DEV=True)
     def test_rv_prefix(self, render_mock):
         """Prefixed oldversion shouldn't impact version sniffing."""

bedrock/firefox/views.py

@@ -506,6 +506,7 @@ class WhatsnewView(L10nTemplateView):
         "firefox/whatsnew/whatsnew-fx134-de.html": ["firefox/whatsnew/whatsnew"],
         "firefox/whatsnew/whatsnew-fx134-fr.html": ["firefox/whatsnew/whatsnew"],
         "firefox/whatsnew/whatsnew-fx135-eu.html": ["firefox/whatsnew/whatsnew"],
+        "firefox/whatsnew/whatsnew-fx135-na.html": ["firefox/whatsnew/whatsnew"],
     }
 
     # specific templates that should not be rendered in
@@ -620,6 +621,8 @@ def get_template_names(self):
         elif version.startswith("135."):
             if locale in ["de", "fr", "en-GB"]:
                 template = "firefox/whatsnew/whatsnew-fx135-eu.html"
+            elif locale in ["en-US", "en-CA"]:
+                template = "firefox/whatsnew/whatsnew-fx135-na.html"
             else:
                 template = "firefox/whatsnew/index.html"
         elif version.startswith("134."):

media/css/firefox/whatsnew/whatsnew-135-pdf.scss

@@ -0,0 +1,31 @@
+
+// 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/.
+
+@import 'includes/base';
+@import 'includes/dark-mode';
+@import '~@mozilla-protocol/core/protocol/css/includes/lib';
+@import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
+
+.wnp-content-main {
+    text-align: center;
+}
+
+.wnp-main-title {
+    margin: 0 auto $layout-md;
+    color: $color-black;
+}
+
+.wnp-main-tagline {
+    @include text-body-lg;
+    color: $color-black;
+}
+
+// Dark mode support
+@media (prefers-color-scheme: dark) {
+    .wnp-main-title,
+    .wnp-main-tagline {
+        color: $color-white;
+    }
+}

media/static-bundles.json

@@ -447,6 +447,12 @@
       ],
       "name": "firefox_whatsnew_135"
     },
+    {
+      "files": [
+        "css/firefox/whatsnew/whatsnew-135-pdf.scss"
+      ],
+      "name": "firefox_whatsnew_135_pdf"
+    },
     {
       "files": [
         "css/firefox/firefox-20th/firefox-20th.scss"