Differences

This shows you the differences between two versions of the page.

--- home [2023/06/15 17:53] – Iain Hallam
+++ home [2023/12/09 22:27] (current) – Updated MailChimp form Iain Hallam
@@ Line 1: / Line 1: @@
 <html>
-<div class="message is-primary is-medium">
+<div id="mc_embed_shell" class="message is-primary is-medium">
-    <!--<div class="message-header">Next new singers evening: Tuesday 13th June</div>-->
+  <div class="message-body content">
-    <div class="message-body content">
+    <p><strong>Join our mailing list</strong> for info about our upcoming new singers evenings and concerts; you can unsubscribe at any time.</p>
-<!--        <p><strong>Next <a href="/visit">new singers' evening</a>: Tuesday 13<sup>th</sup> June 2023</strong></p>
+    <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
--->        <p><strong>Join our mailing list</strong> for info about our upcoming new singers evenings and concerts; you can unsubscribe at any time.</p>
+    <style type="text/css">
-<!-- Begin Mailchimp Signup Form -->
+      #mc_embed_signup {background: #fff; font-size: medium;}
-<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
+      #mc_embed_signup .foot {width: 100%;}
+      #mc_embed_signup .mc-field-group {width: 100%; padding-bottom: 0;}
+      #mc_embed_signup .mc-field-group.input-group label {padding-left: 0.5em; padding-right: 1em;}
+      #mc_embed_signup .mc-field-group.input-group ul li {display: inline-block;}
+    </style>
     <div id="mc_embed_signup">
-    <form action="https://bristolacappella.us17.list-manage.com/subscribe/post?u=48f603dbdbd997ceada5eb155&amp;id=52d1c3dfca" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate style="padding: 0;">
+      <form action="https://bristolacappella.us17.list-manage.com/subscribe/post?u=48f603dbdbd997ceada5eb155&amp;id=52d1c3dfca&amp;f_id=00b906e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
         <div id="mc_embed_signup_scroll">
-	    <div class="mc-field-group" style="width: 100%;">
+          <div class="mc-field-group"><label for="mce-EMAIL">Email Address <sup style="color: #e85c41;">(required)</sup></label>
-	        <label for="mce-EMAIL">Email Address <sup style="color: #e85c41;">(required)</sup></label>
+          <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""><span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span></div>
-	        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+          <div class="mc-field-group input-group">
+            <ul>
+              <li style="padding-right: 2em;">Interests</li>
+              <li><input type="checkbox" name="group[167430][1]" id="mce-group[167430]-167430-0" value="" checked><label for="mce-group[167430]-167430-0">BAC News & Upcoming Shows</label></li>
+              <li><input type="checkbox" name="group[167430][2]" id="mce-group[167430]-167430-1" value="" checked><label for="mce-group[167430]-167430-1">BAC Open Rehearsals</label></li>
+            </ul>
+          </div>
+          <div id="mce-responses" class="clear foot">
+            <div class="response" id="mce-error-response" style="display: none;"></div>
+            <div class="response" id="mce-success-response" style="display: none;"></div>
+          </div>
+          <div aria-hidden="true" style="position: absolute; left: -5000px;">
+            /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
+            <input type="text" name="b_48f603dbdbd997ceada5eb155_52d1c3dfca" tabindex="-1" value="">
+          </div>
+          <div class="optionalParent">
+            <div class="clear foot">
+              <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
             </div>
-            <div class="mc-field-group input-group" style="display:none">
+          </div>
-                <strong>Interests </strong>
-                <ul>
-                    <li><input type="checkbox" value="1" name="group[167430][1]" id="mce-group[167430]-167430-0"><label for="mce-group[167430]-167430-0">BAC News</label></li>
-                    <li><input type="checkbox" value="2" name="group[167430][2]" id="mce-group[167430]-167430-1" checked><label for="mce-group[167430]-167430-1">BAC Open Rehearsals</label></li>
-                </ul>
-            </div>
-	    <div id="mce-responses" class="clear">
-	        <div class="response" id="mce-error-response" style="display:none"></div>
-	        <div class="response" id="mce-success-response" style="display:none"></div>
-	    </div>
-            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_48f603dbdbd997ceada5eb155_52d1c3dfca" tabindex="-1" value=""></div>
-            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
         </div>
-    </form>
+      </form>
-</div>
-<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-<!--End mc_embed_signup-->
     </div>
+    <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+  </div>
 </div>
 <div class="tile is-ancestor">

Differences

Page Tools