src/components/blog/MailForm.astro 2.0 K raw
1
---
2
---
3
4
<div>
5
	<form
6
		action="https://dev.us21.list-manage.com/subscribe/post?u=44315754403b366841b7a36dc&id=176fca89f7&f_id=0098fee1f0"
7
		method="post"
8
		id="mc-embedded-subscribe-form"
9
		name="mc-embedded-subscribe-form"
10
		class="validate"
11
		target="_blank"
12
		novalidate
13
	>
14
		<div class="flex flex-col gap-4 items-center">
15
			<h2>Subscribe for Future Blog Posts</h2>
16
			<div class="flex items-center border rounded border-accent-2 p-2">
17
				<input
18
					class="appearance-none bg-bgColor pl-3 py-1 w-48 sm:w-80 required:outline-none"
19
					type="email"
20
					value=""
21
					name="EMAIL"
22
					id="mce-EMAIL"
23
          placeholder="email"
24
					required
25
				/>
26
        <span id="mce-EMAIL-HELPERTEXT"></span>
27
				<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
28
				<div style="position: absolute; left: -5000px;" aria-hidden="true">
29
					<input type="text" name="b_44315754403b366841b7a36dc_176fca89f7" tabindex="-1" value="" />
30
				</div>
31
        <input
32
          type="submit"
33
          value="Subscribe"
34
          name="subscribe"
35
          id="mc-embedded-subscribe"
36
          class="cursor-pointer bg-accent-2 py-1.5 px-4 hover:opacity-90 rounded"
37
        />
38
			</div>
39
      <div id="mce-responses">
40
        <div class="response" id="mce-error-response" style="display:none"></div>
41
        <div class="response" id="mce-success-response" style="display:none"></div>
42
      </div>
43
		</div>
44
	</form>
45
</div>
46
47
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"
48
></script><script type="text/javascript">
49
	(function ($) {
50
		window.fnames = new Array();
51
		window.ftypes = new Array();
52
		fnames[0] = "EMAIL";
53
		ftypes[0] = "email";
54
		fnames[1] = "FNAME";
55
		ftypes[1] = "text";
56
		fnames[2] = "LNAME";
57
		ftypes[2] = "text";
58
		fnames[3] = "ADDRESS";
59
		ftypes[3] = "address";
60
		fnames[4] = "PHONE";
61
		ftypes[4] = "phone";
62
		fnames[5] = "BIRTHDAY";
63
		ftypes[5] = "birthday";
64
	})(jQuery);
65
	var $mcj = jQuery.noConflict(true);
66
</script>