Adding mailchimp signup form

bristol-communal-modular · Sep 27, 2023 · dc9401b · dc9401b
1 parent 80b700d
commit dc9401b
Showing 1 changed file with 54 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,22 @@
-<doctype! html>
+<!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">
         <meta name="description" content="The Bristol Communal Modular Group. Making modular synthesis more accessible. Meeting at the Bristol Hackspace.">
         <meta name=”robots” content="index, follow">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+        <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
 
-        <title>The Bristol Communal Modular Group</title>
+        <style type="text/css">
+            #mc_embed_signup{
+                background:#fff;
+                clear:left;
+                font:14px Helvetica,Arial,sans-serif;
+                width: 600px;
+                margin: auto;
+            }
+        </style>
 
         <style>
             body, html {
@@ -53,6 +62,8 @@
             }
         </style>
 
+        <title>The Bristol Communal Modular Group</title>
+
     </head>
 
     <body>
@@ -78,7 +89,7 @@ <h1>Bristol Communal Modular</h1>
             </section>
 
             <section>
-            <h2>Where</h2>
+                <h2>Where</h2>
                 <p>
                     We meet most Tuesdays, from 7:30ish until late, at the
                     <a href="https://bristolhackspace.org/">Bristol Hackspace</a>
@@ -124,17 +135,53 @@ <h2>Magnum Percussion Instrument</h2>
             <section>
                 <h2>Contact</h2>
                 <p>
-                    We have a WhatsApp group we use to keep in touch and organise things.
-                    Come meet us and we can make sure to add you.
+                    If you'd like to get occasional emails about what we're up to and find out when we run workshops
+                    then please signup to our mailing list.
                 </p>
+
+                <div id="mc_embed_shell">
+                    <div id="mc_embed_signup">
+                        <form action="https://github.us21.list-manage.com/subscribe/post?u=8f91b7bfb46fc3d65f54e984f&amp;id=55e63fbd46&amp;f_id=00e0d9e6f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate="">
+                            <div id="mc_embed_signup_scroll">
+                                <div class="indicates-required">
+                                    <span class="asterisk">*</span> indicates required
+                                </div>
+                                <div class="mc-field-group">
+                                    <label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>
+                                    <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="">
+                                    <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>
+                                </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 style="position: absolute; left: -5000px;" aria-hidden="true">
+                                    /* 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_8f91b7bfb46fc3d65f54e984f_55e63fbd46" tabindex="-1" value="">
+                                </div>
+                                <div class="optionalParent">
+                                    <div class="clear foot">
+                                        <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
+                                        <p style="margin: 0px auto;">
+                                            <a href="http://eepurl.com/iAC1Os" title="Mailchimp - email marketing made easy and fun">
+                                                <span style="display: inline-block; background-color: transparent; border-radius: 4px;"><img class="refferal_badge" src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg" alt="Intuit Mailchimp" style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;">
+                                                </span>
+                                            </a>
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+
                 <p>
                     You can find us on
                     <a href="https://www.instagram.com/bristol_communal_modular/">Instagram</a>
                     as well.
                 </p>
                 <p>
-                    At some point we should probably sort out an email address...
-                    We'll put something up here when we do.
+                    If you want to contact us via email then we have a gmail account under the name bristolcommunalmodular.
                 </p>
             </section>