Set treatment branch homepage experiment (including styling updates).…

… Note that copy is hard-coded in to bypass l10n efforts.

public/css/forms.css

@@ -25,6 +25,10 @@ input:-webkit-autofill {
   margin: 12px auto;
 }
 
+.form-desc.experiment {
+  max-width: 285px;
+}
+
 input[type="submit"],
 input[type="email"] {
   height: 48px;

public/js/monitor.js

@@ -104,6 +104,10 @@ function handleFormSubmits(formEvent) {
     thisForm.email.value = email;
   }
   const formClassList = thisForm.classList;
+  // Growth
+  if (formClassList.contains("skip")) {
+    return;
+  }
   if (thisForm.email && !isValidEmail(email)) {
     sendPing(thisForm, "Failure");
     formClassList.add("invalid");

views/partials/forms/scan-email-form.hbs

@@ -1,23 +1,31 @@
 
-<form id="scan-user-email" class="email-scan form-group {{ addClasses }}" action="/scan" method="post" data-event-category="Email Scan Form" novalidate>
+<form id="scan-user-email" class="email-scan form-group {{#if experimentBranchB}}skip{{/if}} {{ addClasses }}" action="/scan" method="post" data-event-category="Email Scan Form" novalidate>
   <input type="hidden" name="_csrf" value="{{ csrfToken }}">
   <input type="hidden" name="pageToken" value="{{ pageToken }}">
   <input type="hidden" name="scannedEmailId" value="">
+  {{#unless experimentBranchB}}
   <div class="input-group">
     <input id="scan-email" class="input-group-field email-to-hash" type="email" name="email" placeholder="{{ getString "scan-placeholder" }}" aria-label="{{ getString "scan-placeholder" }}" autocomplete="off" />
     <span id="invalid-email-message" class="error-message">{{ getString "scan-error" }}</span>
   </div>
+  {{/unless}}
   <input type="hidden" name="emailHash" />
   {{#if scanFeaturedBreach}}
     <input id="featured" type="hidden" name="featuredBreach" value="{{ featuredBreach.Name }}"/>
   {{/if}}
   <div class="input-group-button">
     {{#if featuredBreach}}
       <input type="submit" value="{{ getString "find-out" }}"/>
+    {{else if experimentBranchB}}
+      <input type="submit" class="open-oauth" value="Create a Free Account"/>
     {{else}}
       <input type="submit" value="{{ getString "check-for-breaches" }}"/>
     {{/if}}
       {{> forms/loader }}
   </div>
 </form>
+{{#if isUserInExperiment}}
+<p class="paragraph form-desc txt-cntr txt-purple7 experiment">Firefox browser not required for a Firefox Account. You may receive info about Mozilla&nbsp;services.</p>
+{{else}}
 <p class="paragraph form-desc txt-cntr txt-purple7">{{ getString "search-for-your-email" }}</p>
+{{/if}}