Fix #952 - Update HREF link to Relay add-on download page

privaterelay/locales/en-US/app.ftl

@@ -70,12 +70,8 @@ home-hero-cta = Sign In
 how-it-works-headline = How It Works
 how-it-works-subheadline = Protect your personal identity everywhere you use the { -brand-name-firefox-browser }.
 how-it-works-step-1-headline = Install the extension
-
-# Variables:
-#   $url (url) - https://addons.mozilla.org/firefox/addon/private-relay/
-#   $attrs (string) - specific attributes added to external links
-how-it-works-step-1-copy-html = <a href="{ $url }" { $attrs }>Download the { -brand-name-relay } extension for { -brand-name-firefox }</a>. 
-    Select the icon that appears on your { -brand-name-firefox } toolbar to access the sign-in page. 
+how-it-works-step-1-link = Download the { -brand-name-relay } extension for { -brand-name-firefox }.
+how-it-works-step-1-copy = Select the icon that appears on your { -brand-name-firefox } toolbar to access the sign-in page. 
     Sign in with your { -brand-name-firefox-account } to get started.
 how-it-works-step-2-headline = Create a new alias
 how-it-works-step-2-copy = As you browse, the { -brand-name-relay } icon will appear in form fields where sites ask for your email address. 
@@ -94,20 +90,20 @@ hero-image-copy-control-html = Now <em>you’re in control</em> of what’s arri
 
 faq-headline = Frequently Asked Questions
 faq-question-1-question = What about spam?
-faq-question-1-answer-a-html = While { -brand-name-relay } does not filter for spam, our email partner Amazon SES does block spam and malware. If { -brand-name-relay } forwards messages you don’t want, you can update your { -brand-name-relay } settings to block messages from the alias forwarding them.  
+faq-question-1-answer-a = While { -brand-name-relay } does not filter for spam, our email partner Amazon SES does block spam and malware. If { -brand-name-relay } forwards messages you don’t want, you can update your { -brand-name-relay } settings to block messages from the alias forwarding them.  
 
 # Variables:
 #   $url (url) - https://addons.mozilla.org/firefox/addon/private-relay/
 #   $attrs (string) - specific attributes added to external links
-faq-question-1-answer-b-html = If you see a broader problem of unwanted email from all of your aliases, please <a href="{ $url }" { $attrs }>report this to us</a> so we can consider adjusting the SES spam thresholds for this service. If you report these as spam, your email provider will see { -brand-name-relay } as the source of spam, not the original sender.
+faq-question-1-answer-b-html = If you see a broader problem of unwanted email from all of your aliases, please <a href={ $url } { $attrs }>report this to us</a> so we can consider adjusting the SES spam thresholds for this service. If you report these as spam, your email provider will see { -brand-name-relay } as the source of spam, not the original sender.
 faq-question-2-question = Why won’t a site accept my { -brand-name-relay } alias?
 
 # Variables:
 #   $url (url) - https://addons.mozilla.org/firefox/addon/private-relay/
 #   $attrs (string) - specific attributes added to external links
 faq-question-2-answer-html = Some sites may not accept an email address that includes a subdomain (i.e., the “relay” portion of @relay.firefox.com) and others have stopped accepting all addresses except those from Gmail, Hotmail, or Yahoo accounts. 
     As { -brand-name-firefox-relay } grows in popularity and issues more aliases, our service might be placed on a blocklist. 
-    If you are not able to use a { -brand-name-relay } alias, <a href="{ $url }" { $attrs }>please let us know</a>.
+    If you are not able to use a { -brand-name-relay } alias, <a href={ $url } { $attrs }>please let us know</a>.
 faq-question-3-question = Is { -brand-name-relay } available only in the US?
 faq-question-3-answer = The site is currently only available in English, but you can use the service anywhere.
 faq-question-4-question = Can I reply to messages using my { -brand-name-relay } alias?
@@ -123,7 +119,7 @@ email-size-limit = { $size } { $unit }
 #   $url (url) - https://github.com/mozilla/fx-private-relay/issues/99
 #   $attrs (string) - specific attributes added to external links
 faq-question-4-answer-html = { -brand-name-relay } does not yet offer the ability to reply using an alias. 
-    If you try, nothing will happen. We are planning an additional feature to let you <a href="{ $url }" {$attrs}>reply anonymously to senders</a>.
+    If you try, nothing will happen. We are planning an additional feature to let you <a href={ $url } { $attrs }>reply anonymously to senders</a>.
 faq-question-5-question = Can I make up my own { -brand-name-relay } alias using the @relay.firefox.com domain?
 faq-question-5-answer = Not currently, but we are considering new features including letting you create your own alias with a designated domain.
 faq-question-6-question = What happens if { -brand-name-mozilla } shuts down the { -brand-name-firefox-relay } service?

privaterelay/templates/faq.html

@@ -12,7 +12,7 @@ <h1 class="faqs-headline">{% ftlmsg 'faq-headline' %}</h1>
         <section class="faq">
           <h2 class="faq-headline">{% ftlmsg 'faq-question-1-question' %}</h2>
           <p class="faq-answer">
-            {% ftlmsg 'faq-question-1-answer-a-html' %} 
+            {% ftlmsg 'faq-question-1-answer-a' %} 
             <br/><br/>
             {% ftlmsg 'faq-question-1-answer-b-html' url='https://addons.mozilla.org/firefox/addon/private-relay/' attrs='target="_blank" rel="noopener" class="text-link"' %}
           </p>

privaterelay/templates/home.html

@@ -36,7 +36,10 @@ <h2 class="how-it-works-header text-center">{% ftlmsg 'how-it-works-headline' %}
             <div class="step-text step-1">
               <h3 class="step-headline ff-Met">{% ftlmsg 'how-it-works-step-1-headline' %}</h3>
               <p class="step-body">
-                {% ftlmsg 'how-it-works-step-1-copy-html' url='https://addons.mozilla.org/firefox/addon/private-relay/' attrs='target="_blank" rel="noopener" class="text-link"' %}
+                <a href="https://addons.mozilla.org/firefox/addon/private-relay/" target="_blank" rel="noopener" class="text-link">
+                  {% ftlmsg 'how-it-works-step-1-link' %}
+                </a>
+                {% ftlmsg 'how-it-works-step-1-copy' %}
               </p>
             </div>
           </section>