Fix issues with Mailchimp newsletter signup (#1469)

* Updating Mailchimp embed code

* Updating field names for newsletter form

* Update newsletter signup from main page

fields/layouts/partials/extrahead.html

@@ -4,7 +4,7 @@
 {{ $css_urls := slice (partial "get_asset_webpack_url.html" "www.css") (partial "get_asset_webpack_url.html" "fields.css") }}
 {{ partial "include_css.html" (dict "context" . "urls" $css_urls) }}
 <link
-href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css"
+href="//cdn-images.mailchimp.com/embedcode/classic-061523.css"
 rel="stylesheet"
 type="text/css"
 />

www/layouts/newsletter/section.html

@@ -20,7 +20,7 @@ <h1>Subscribe to our newsletter</h1>
   <!-- Begin Mailchimp Signup Form -->
   <div id="mc_embed_signup" class="px-lg-5 px-3 pt-1">
     <form
-      action="https://mit.us6.list-manage.com/subscribe/post?u=ad81d725159c1f322a0c54837&amp;id=4c04dfddc5"
+      action="https://mit.us6.list-manage.com/subscribe/post?u=ad81d725159c1f322a0c54837&amp;id=4c04dfddc5&amp;f_id=00e734e1f0"
       method="post"
       id="mc-embedded-subscribe-form"
       name="mc-embedded-subscribe-form"
@@ -60,10 +60,10 @@ <h2>Be informed</h2>
           <input type="text" value="" name="LNAME" class="" id="mce-LNAME" />
         </div>
         <div class="mc-field-group">
-          <label for="mce-MMERGE5"
+          <label for="mce-EDROLE"
             >Educational Role <span class="asterisk">*</span>
           </label>
-          <select name="MMERGE5" class="required" id="mce-MMERGE5">
+          <select name="EDROLE" class="required" id="mce-EDROLE">
             <option value=""></option>
             <option value="Independent learner">Independent learner</option>
             <option value="MIT Alumnus/Alumna">MIT Alumnus/Alumna</option>
@@ -87,10 +87,10 @@ <h2>Be informed</h2>
           </select>
         </div>
         <div class="mc-field-group">
-          <label for="mce-MMERGE4"
+          <label for="mce-COUNTRY"
             >Country <span class="asterisk">*</span>
           </label>
-          <select name="MMERGE4" class="required" id="mce-MMERGE4">
+          <select name="COUNTRY" class="required" id="mce-COUNTRY">
             <option value=""></option>
             <option value="United States of America"
               >United States of America</option
@@ -438,9 +438,9 @@ <h2>Be informed</h2>
       ftypes[1] = "text"
       fnames[2] = "LNAME"
       ftypes[2] = "text"
-      fnames[3] = "MMERGE5"
+      fnames[3] = "EDROLE"
       ftypes[3] = "dropdown"
-      fnames[4] = "MMERGE4"
+      fnames[4] = "COUNTRY"
       ftypes[4] = "dropdown"
     })(jQuery)
     var $mcj = jQuery.noConflict(true)

www/layouts/partials/extrahead.html

@@ -3,7 +3,7 @@
 {{ $css_urls := slice (partial "get_asset_webpack_url.html" "www.css" ) (partial "get_asset_webpack_url.html" "common.css" ) }}
 {{ partial "include_css.html" (dict "context" . "urls" $css_urls ) }}
 <link
-href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css"
+href="//cdn-images.mailchimp.com/embedcode/classic-061523.css"
 rel="stylesheet"
 type="text/css"
 />

www/layouts/partials/newsletter_signup.html

@@ -1,4 +1,4 @@
-<form action="" method="get" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletter-form d-flex" target="_blank" novalidate>
+<form action="/newsletter/" method="get" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletter-form d-flex" target="_blank" novalidate>
     <div class="icon-text-box-wrapper d-flex flex-row flex-grow-1 form-group bg-white shadow-sm border-gray p-0 m-0">
         <img class="input-group-prepend px-2" src="/images/envelope.svg" alt="" />
         <input aria-label="Subscribe to the OCW Newsletter" type="email" value="" name="EMAIL" class="email form-control border-0" id="mce-EMAIL" placeholder="Your email address...">