|
28 | 28 | </div> |
29 | 29 | <div id="mc_embed_shell"> |
30 | 30 | <div class="mx-auto text-slate-600" id="mc_embed_signup"> |
| 31 | + <style> |
| 32 | + #mc_embed_signup div.mce_inline_error { |
| 33 | + padding: 5px 0 0; |
| 34 | + background-color: transparent; |
| 35 | + color: red; |
| 36 | + } |
| 37 | + </style> |
31 | 38 | <form |
32 | 39 | action="https://harmonydata.us21.list-manage.com/subscribe/post?u=6c600b2de0b9678055c62637f&id=32eadfb37e&v_id=407&f_id=000483e6f0" |
33 | 40 | method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"> |
34 | 41 | <div id="mc_embed_signup_scroll"> |
35 | 42 | <div class="mc-field-group mt-6"><label class="block text-sm font-medium text-slate-700" for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input |
36 | 43 | type="email" name="EMAIL" class="required email px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-EMAIL" required="" value=""></div> |
37 | | - <div class="mc-field-group mt-6"><label class="block text-sm font-medium text-slate-700" for="mce-FNAME">First Name </label><input type="text" name="FNAME" |
38 | | - class=" text px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-FNAME" value=""></div> |
39 | | - <div class="mc-field-group mt-6"><label class="block text-sm font-medium text-slate-700" for="mce-LNAME">Last Name </label><input type="text" name="LNAME" |
40 | | - class=" text px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-LNAME" value=""></div> |
| 44 | + <div class="mc-field-group mt-6"><label class="block text-sm font-medium text-slate-700" for="mce-FNAME">First Name <span class="asterisk">*</span></label><input type="text" name="FNAME" |
| 45 | + class="required text px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-FNAME" value=""></div> |
| 46 | + <div class="mc-field-group mt-6"><label class="block text-sm font-medium text-slate-700" for="mce-LNAME">Last Name <span class="asterisk">*</span></label><input type="text" name="LNAME" |
| 47 | + class="required text px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-LNAME" value=""></div> |
| 48 | + <div class="mc-field-group mt-6"> |
| 49 | + <label class="block text-sm font-medium text-slate-700" for="mce-MMERGE11">Job Title </label> |
| 50 | + <input type="text" name="MMERGE11" class="text px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-MMERGE11" value=""> |
| 51 | + </div> |
41 | 52 | <div class="mt-6 grid sm:grid-cols-2 gap-6"> |
42 | 53 | <div class="mc-field-group "><label class="block text-sm font-medium text-slate-700" for="mce-MMERGE6">Discord Tag </label><input type="text" name="MMERGE6" |
43 | 54 | class=" text px-5 py-3 block w-full text-sm focus:ring-0 border border-slate-400 focus:border-blue-600 rounded-full" id="mce-MMERGE6" value=""> |
|
47 | 58 | </div> |
48 | 59 | </div> |
49 | 60 | <div class="mt-8 grid sm:grid-cols-2 gap-8"> |
50 | | - <div class="mc-field-group input-group"><strong class="text-2xl">Which best describes you? </strong> |
| 61 | + <div class="mc-field-group input-group"><strong class="text-2xl">Which sector do you work in? </strong> |
51 | 62 | <ul class="mt-2 space-y-2"> |
52 | | - <li class="flex items-center gap-1"><input type="checkbox" name="group[11835][1]" id="mce-group[11835]-11835-0" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
53 | | - for="mce-group[11835]-11835-0">AI Developer</label></li> |
54 | | - <li class="flex items-center gap-1"><input type="checkbox" name="group[11835][2]" id="mce-group[11835]-11835-1" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
55 | | - for="mce-group[11835]-11835-1">Data Scientist</label></li> |
56 | | - <li class="flex items-center gap-1"><input type="checkbox" name="group[11835][4]" id="mce-group[11835]-11835-2" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
57 | | - for="mce-group[11835]-11835-2">Researcher</label></li> |
58 | | - <li class="flex items-center gap-1"><input type="checkbox" name="group[11835][8]" id="mce-group[11835]-11835-3" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
59 | | - for="mce-group[11835]-11835-3">Student</label></li> |
60 | | - <li class="flex items-center gap-1"><input type="checkbox" name="group[11835][16]" id="mce-group[11835]-11835-4" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
61 | | - for="mce-group[11835]-11835-4">Funder</label></li> |
62 | | - <li class="flex items-center gap-1"><input type="checkbox" name="group[11835][32]" id="mce-group[11835]-11835-5" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
63 | | - for="mce-group[11835]-11835-5">Business Delegate</label></li> |
| 63 | + <li class="flex items-center gap-1"><input type="checkbox" name="group[11838][16384]" id="mce-group[11838]-11838-0" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
| 64 | + for="mce-group[11838]-11838-0">Academic</label></li> |
| 65 | + <li class="flex items-center gap-1"><input type="checkbox" name="group[11838][32768]" id="mce-group[11838]-11838-1" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
| 66 | + for="mce-group[11838]-11838-1">Government</label></li> |
| 67 | + <li class="flex items-center gap-1"><input type="checkbox" name="group[11838][65536]" id="mce-group[11838]-11838-2" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
| 68 | + for="mce-group[11838]-11838-2">Student</label></li> |
| 69 | + <li class="flex items-center gap-1"><input type="checkbox" name="group[11838][131072]" id="mce-group[11838]-11838-3" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
| 70 | + for="mce-group[11838]-11838-3">Industry</label></li> |
| 71 | + <li class="flex items-center gap-1"><input type="checkbox" name="group[11838][262144]" id="mce-group[11838]-11838-4" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
| 72 | + for="mce-group[11838]-11838-4">Third-Sector</label></li> |
| 73 | + <li class="flex items-center gap-1"><input type="checkbox" name="group[11838][524288]" id="mce-group[11838]-11838-5" class="appearance-none rounded border border-slate-400 bg-white checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600" value=""><label |
| 74 | + for="mce-group[11838]-11838-5">Other</label></li> |
64 | 75 | </ul> |
65 | 76 | </div> |
66 | 77 | <div class="mc-field-group input-group"><strong class="text-2xl">I am interested in </strong> |
|
101 | 112 | </div> |
102 | 113 | <div hidden=""><input type="hidden" name="tags" value="3003175"></div> |
103 | 114 | <div id="mce-responses" class="clear foot"> |
104 | | - <div class="response" id="mce-error-response" style="display: none;"></div> |
105 | | - <div class="response" id="mce-success-response" style="display: none;"></div> |
| 115 | + <div class="response mt-8 text-red-600 font-semibold" id="mce-error-response" style="display: none;"></div> |
| 116 | + <div class="response mt-8 text-green-600 font-semibold" id="mce-success-response" style="display: none;">Thankyou for signing up to our community</div> |
106 | 117 | </div> |
107 | 118 | <div aria-hidden="true" style="position: absolute; left: -5000px;"> |
108 | 119 | /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */ |
|
121 | 132 | 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[6] = 'MMERGE6'; ftypes[6] = 'text'; fnames[10] = 'MMERGE10'; ftypes[10] = 'text'; fnames[3] = 'ADDRESS'; ftypes[3] = 'address'; fnames[4] = 'PHONE'; ftypes[4] = 'phone'; fnames[5] = 'BIRTHDAY'; ftypes[5] = 'birthday'; fnames[7] = 'MMERGE7'; ftypes[7] = 'text'; fnames[8] = 'MMERGE8'; ftypes[8] = 'text'; fnames[9] = 'MMERGE9'; ftypes[9] = 'text'; fnames[11] = 'MMERGE11'; ftypes[11] = 'text'; }(jQuery)); var $mcj = jQuery.noConflict(true);</script> |
122 | 133 | </div> |
123 | 134 | </div> |
124 | | - |
125 | | - |
126 | | - |
127 | 135 | </div> |
128 | 136 | </div> |
129 | 137 |
|
|
0 commit comments