diff options
| author | altaf-creator <dev@altafcreator.com> | 2026-05-01 16:21:16 +0800 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2026-05-01 16:21:16 +0800 |
| commit | d353118370dceef2d3b75f558a4ee0fa3dfae60a (patch) | |
| tree | fe9814f9bc1718c79a3c70ef1f436e72efc63dd6 /www | |
| parent | 4ea4ca8889c0bc8a7a8c490f0fad7a887e52a6c6 (diff) | |
email captcha
Diffstat (limited to 'www')
| -rw-r--r-- | www/index.html | 6 | ||||
| -rw-r--r-- | www/scripts/captcha.js | 9 |
2 files changed, 10 insertions, 5 deletions
diff --git a/www/index.html b/www/index.html index 9e67ce4..227614d 100644 --- a/www/index.html +++ b/www/index.html @@ -156,10 +156,8 @@ <li><a class="link" href="https://git.altafcreator.com/"><i class="fa-brands fa-git-alt"></i> altaf-git<span class="desktop">: source code repositories for all my projects</span></a></li> </ul> <h1>Contact Me!</h1> - <div class="cf-turnstile" data-sitekey="0x4AAAAAAC1yqhk5tXbXfvXw" data-callback="onTurnstileSuccess"></div> - <ul> - <li>For <b>business<span class="desktop"> inquiries</span></b>: <a href="mailto:@.com" class="link"><i class="fa-solid fa-envelope"></i> hidden for now, too many spam</a></li> - <li>For <span class="desktop">contacting me </span><b>personal<span class="desktop">ly</span></b>: <a href="mailto:@.com" class="link"><i class="fa-solid fa-envelope"></i> hidden for now, too many spam</a></li> + <div class="cf-turnstile" data-sitekey="0x4AAAAAAC1yqhk5tXbXfvXw" data-callback="emailTurnstileSuccess"></div> + <ul id="email-list"> </ul> <h1>Socials</h1> <div class="container-social"> diff --git a/www/scripts/captcha.js b/www/scripts/captcha.js index e0ebf96..abe5070 100644 --- a/www/scripts/captcha.js +++ b/www/scripts/captcha.js @@ -1,4 +1,6 @@ -async function onTurnstileSuccess(token) { +const emailUl = document.getElementById("email-list") + +async function emailTurnstileSuccess(token) { const response = await fetch("https://backend.altafcreator.com/email", { method: 'POST', headers: { @@ -10,6 +12,11 @@ async function onTurnstileSuccess(token) { const result = await response.json(); if (result.status) { + emailUl.innerHTML = ` +<li>For <b>business<span class="desktop"> inquiries</span></b>: <a href="mailto:${result.business}" class="link"><i class="fa-solid fa-envelope"></i> ${result.business}</a></li> +<li>For <span class="desktop">contacting me </span><b>personal<span class="desktop">ly</span></b>: <a href="mailto:${result.personal}" class="link"><i class="fa-solid fa-envelope"></i> ${result.personal}</a></li> + `; } else { + emailUl.innerHTML = `<li>Invalid CAPTCHA.</li>` } } |