Advanced > CSS Classes) so it is hidden after someone signs up. --> /* Button colors: change these two values to match your site */ #sg-app { --sg-btn: #1F4E79; --sg-btn-alt: #C00000; } #sg-app .sg-form label { display: block; font-weight: 600; margin-bottom: .35em; } #sg-app .sg-form .sg-check label { display: inline; font-weight: 400; } #sg-app .sg-form input[type=text], #sg-app .sg-form input[type=email] { width: 100%; max-width: 520px; padding: .6em .75em; font-size: 1rem; box-sizing: border-box; } #sg-app .cf-turnstile { margin: 1em 0; } #sg-app .sg-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } #sg-app .sg-note { font-size: .85em; opacity: .75; } #sg-app .sg-btn, #sg-app .sg-btn:visited { display: inline-block; background: var(--sg-btn) !important; color: #fff !important; border: 0 !important; border-radius: 6px; padding: .85em 1.6em; font-size: 1rem; font-weight: 700; text-transform: none; letter-spacing: normal; text-decoration: none !important; cursor: pointer; line-height: 1.2; box-shadow: none; } #sg-app .sg-btn:hover, #sg-app .sg-btn:focus { filter: brightness(1.15); color: #fff !important; } #sg-app .sg-btn:disabled { opacity: .55; cursor: wait; } #sg-app .sg-btn-alt, #sg-app .sg-btn-alt:visited { background: var(--sg-btn-alt) !important; } #sg-app .sg-box { background: #FFF2CC; border-top: 2px solid var(--sg-btn); border-bottom: 2px solid var(--sg-btn); padding: 1em 1.25em; margin: 1.5em 0; border-radius: 4px; } #sg-app .sg-sig { margin-top: 1.5em; } #sg-msg:empty { display: none; } #sg-msg { padding: .9em 1.1em; margin: 0 0 1.2em; border-radius: 6px; border: 1px solid; } #sg-msg.ok { background: #eef6ee; border-color: #9cc99c; color: #1e4d1e; } #sg-msg.err { background: #fdecea; border-color: #f5c2bd; color: #8a1c12; } (function () { var q = new URLSearchParams(location.search); var box = document.getElementById('sg-msg'); var form = document.getElementById('sg-form'); function hideIntro() { document.querySelectorAll('.sg-intro').forEach(function (el) { el.style.display = 'none'; }); } function show(kind, text) { box.className = kind; box.textContent = text; } // 1. Arrived from the email link: show the thank-you view with the private download link. var raw = q.get('dl'); if (raw) { try { var u = new URL(raw); var root = function (h) { return h.replace(/^www\./, ''); }; if (u.protocol === 'https:' && root(u.hostname) === root(location.hostname) && u.pathname === '/starter-guide/download.php' && u.searchParams.get('t')) { document.getElementById('sg-dl-btn').href = u.href; document.getElementById('sg-thanks').hidden = false; form.style.display = 'none'; hideIntro(); return; } } catch (e) {} show('err', 'That download link isn’t valid. Enter your email below and we’ll send a new one.'); } // 2. Status after submitting the form. var msgs = { sent: ['ok', 'Thank you! Check your inbox for a secure download link (valid for 7 days). If it isn’t there in a few minutes, check your spam or promotions folder.'], email: ['err', 'Please enter a valid email address you can check right away.'], human: ['err', 'Please complete the quick “I’m human” check and try again.'], slow: ['err', 'This page was open a long time. Please try again.'], busy: ['err', 'Too many requests. Please wait a little while and try again.'], expired: ['err', 'That download link has expired. Enter your email below and we’ll send a new one.'], x: ['err', 'Something went wrong. Please try again.'] }; var code = q.get('sg'); if (code && msgs[code]) { show(msgs[code][0], msgs[code][1]); if (code === 'sent') { form.style.display = 'none'; hideIntro(); return; } } // 3. Fetch a fresh security token for the form. fetch('/starter-guide/token.php', { credentials: 'same-origin', cache: 'no-store' }) .then(function (r) { return r.json(); }) .then(function (d) { document.getElementById('sg-ft').value = d.ft; document.getElementById('sg-submit').disabled = false; }) .catch(function () { show('err', 'The form could not load. Please refresh the page.'); }); })();