computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.3 KiB
50 lines
1.3 KiB
--- |
|
import Popup from './Popup/Popup.astro'; |
|
import CaptchaFields from './Captcha/CaptchaFields.astro'; |
|
--- |
|
|
|
<Popup id='download-popup' title='Download' subtitle='Enter your email below to receive the download link.'> |
|
<form |
|
action='https://news.roadmap.sh/subscribe' |
|
method='POST' |
|
accept-charset='utf-8' |
|
target='_blank' |
|
captcha-form |
|
> |
|
<input type='hidden' name='gdpr' value='true' /> |
|
|
|
<input |
|
type='email' |
|
name='email' |
|
id='email' |
|
required |
|
autofocus |
|
class='w-full rounded-md border text-md py-2.5 px-3 mb-2' |
|
placeholder='Enter your Email' |
|
/> |
|
|
|
<CaptchaFields /> |
|
|
|
<input type='hidden' name='list' value='tTqz1w7nexY3cWDpLnI88Q' /> |
|
<input type='hidden' name='subform' value='yes' /> |
|
|
|
<button |
|
type='submit' |
|
name='submit' |
|
class='text-white bg-gradient-to-r from-amber-700 to-blue-800 hover:from-amber-800 hover:to-blue-900 font-regular rounded-md text-md px-5 py-2.5 w-full text-center mr-2' |
|
submit-download-form |
|
> |
|
Send Link |
|
</button> |
|
</form> |
|
</Popup> |
|
|
|
<script> |
|
document.querySelector('[submit-download-form]')?.addEventListener('click', () => { |
|
window.fireEvent({ |
|
category: 'Subscription', |
|
action: 'Submitted Popup Form', |
|
label: 'Download Roadmap Popup', |
|
}); |
|
}); |
|
</script>
|
|
|