From 5f891a9198708dda075ce134882347227bdbc5f0 Mon Sep 17 00:00:00 2001
From: hyzen <hyzen@disroot.org>
Date: Mon, 8 Jun 2026 13:54:07 +0530
Subject: [PATCH] Fix: otp message

---
 docs/signup/index.html     | 4 ++--
 layouts/signup/single.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/signup/index.html b/docs/signup/index.html
index 894e300..5a45695 100644
--- a/docs/signup/index.html
+++ b/docs/signup/index.html
@@ -14,11 +14,11 @@
 <svg class="eye-hide" viewBox="0 0 24 24" width="16" height="16" fill="currentColor" style="display:none"><path d="M12 7c2.76.0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4.0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55.0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65.0 1.66 1.34 3 3 3 .22.0.44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76.0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg></button></div><span class=auth-form__hint>(at least 8 characters)</span></div><div class=auth-form__group><label class=auth-form__label for=signup-confirm>Confirm Password</label>
 <input class=auth-form__input type=password id=signup-confirm name=confirm_password autocomplete=new-password required></div><button type=submit class=auth-form__submit id=signup-submit>
 <span class=auth-form__submit-text>Send verification code</span>
-<span class=auth-form__submit-loader style=display:none><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" class="spin"><path d="M12 4V1L8 5l4 4V6c3.31.0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31.0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg></span></button></form><div id=otp-panel style=display:none><p class=otp-panel__hint>A 6-digit code was sent to <strong id=otp-email-display></strong>.<br>Enter it below. The code expires in 10&nbsp;minutes.</p><div class=auth-form style=margin-top:1rem><div class=auth-form__group><label class=auth-form__label for=otp-input>Verification code</label>
+<span class=auth-form__submit-loader style=display:none><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" class="spin"><path d="M12 4V1L8 5l4 4V6c3.31.0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31.0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg></span></button></form><div id=otp-panel style=display:none><p class=otp-panel__hint>A 6-digit code was sent to <strong id=otp-email-display></strong>.<br>Enter it below. The code will expire in 10&nbsp;minutes.</p><div class=auth-form style=margin-top:1rem><div class=auth-form__group><label class=auth-form__label for=otp-input>Verification code</label>
 <input class="auth-form__input otp-panel__input" type=text id=otp-input inputmode=numeric maxlength=6 pattern=\d{6} placeholder=000000 autocomplete=one-time-code></div><button type=button class=auth-form__submit id=otp-submit>
 <span class=auth-form__submit-text>Verify & create account</span>
 <span class=auth-form__submit-loader style=display:none><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" class="spin"><path d="M12 4V1L8 5l4 4V6c3.31.0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31.0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg></span></button><p class=otp-panel__resend>Didn't get it?
 <button type=button id=otp-resend class=otp-panel__resend-btn>
 Resend code
 </button>
-<span id=otp-resend-timer style=display:none></span></p></div></div><p class=auth-card__footer>Already have an account? <a href=/login/ class=auth-card__link>Log in</a></p></div></div><script>(function(){var m,d="https://backend.freedoms4.org/auth.php",t={username:"",email:"",password:""},i=document.getElementById("auth-message"),h=document.getElementById("signup-form"),f=document.getElementById("signup-submit"),b=document.getElementById("otp-panel"),v=document.getElementById("otp-email-display"),r=document.getElementById("otp-input"),o=document.getElementById("otp-submit"),n=document.getElementById("otp-resend"),a=document.getElementById("otp-resend-timer"),l=document.getElementById("signup-password"),c=h.querySelector(".auth-form__eye");function e(e,t){i.textContent=e,i.className="auth-message auth-message--"+t,i.style.display="block"}function u(){i.style.display="none"}function s(e,t){e.disabled=t,e.querySelector(".auth-form__submit-text").style.display=t?"none":"",e.querySelector(".auth-form__submit-loader").style.display=t?"inline-flex":"none"}c.addEventListener("click",function(){var e=l.type==="text";l.type=e?"password":"text",c.querySelector(".eye-show").style.display=e?"":"none",c.querySelector(".eye-hide").style.display=e?"none":""}),m=null;function p(e){n.style.display="none",a.style.display="";var t=e;a.textContent="Resend in "+t+"s",m=setInterval(function(){t--,t<=0?(clearInterval(m),a.style.display="none",n.style.display="",n.disabled=!1):a.textContent="Resend in "+t+"s"},1e3)}h.addEventListener("submit",function(n){n.preventDefault(),u();var a=document.getElementById("signup-username").value.trim(),o=document.getElementById("signup-email").value.trim(),i=l.value,c=document.getElementById("signup-confirm").value;if(!a||!o||!i||!c){e("Please fill in all fields.","error");return}if(!/^[a-zA-Z0-9_-]{3,32}$/.test(a)){e("Username must be 3–32 characters: letters, numbers, _ or -.","error");return}if(i.length<8){e("Password must be at least 8 characters.","error");return}if(i!==c){e("Passwords do not match.","error");return}t.username=a,t.email=o,t.password=i,s(f,!0),fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:o})}).then(function(e){return e.json()}).then(function(t){t.success?(h.style.display="none",v.textContent=o,b.style.display="",r.value="",r.focus(),p(60),e("Code sent! Check your inbox (and spam folder).","success")):e(t.message||"Failed to send code. Please try again.","error")}).catch(function(){e("Network error. Please try again.","error")}).finally(function(){s(f,!1)})}),n.addEventListener("click",function(){u(),n.disabled=!0,fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:t.email})}).then(function(e){return e.json()}).then(function(t){t.success?(e("New code sent!","success"),p(60)):(e(t.message||"Could not resend. Please try again.","error"),n.disabled=!1)}).catch(function(){e("Network error. Please try again.","error"),n.disabled=!1})});function g(){u();var n=r.value.trim();if(!/^\d{6}$/.test(n)){e("Please enter the 6-digit code from your email.","error");return}s(o,!0),fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"signup",username:t.username,email:t.email,password:t.password,otp:n})}).then(function(e){return e.json()}).then(function(t){t.success?(e("Account created! Redirecting to login…","success"),setTimeout(function(){window.location.href="/login/"},1800)):(e(t.message||"Sign-up failed. Please try again.","error"),s(o,!1))}).catch(function(){e("Network error. Please try again.","error"),s(o,!1)})}o.addEventListener("click",g),r.addEventListener("keydown",function(e){e.key==="Enter"&&g()})})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,i,r,a=document.querySelector(".brand__auth");a&&(a.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),i=document.createElement("div"),i.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),i.appendChild(o),t.appendChild(n),t.appendChild(i),a.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),window.location.href="/"})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
+<span id=otp-resend-timer style=display:none></span></p></div></div><p class=auth-card__footer>Already have an account? <a href=/login/ class=auth-card__link>Log in</a></p></div></div><script>(function(){var m,d="https://backend.freedoms4.org/auth.php",t={username:"",email:"",password:""},i=document.getElementById("auth-message"),h=document.getElementById("signup-form"),f=document.getElementById("signup-submit"),b=document.getElementById("otp-panel"),v=document.getElementById("otp-email-display"),r=document.getElementById("otp-input"),o=document.getElementById("otp-submit"),n=document.getElementById("otp-resend"),a=document.getElementById("otp-resend-timer"),l=document.getElementById("signup-password"),c=h.querySelector(".auth-form__eye");function e(e,t){i.textContent=e,i.className="auth-message auth-message--"+t,i.style.display="block"}function u(){i.style.display="none"}function s(e,t){e.disabled=t,e.querySelector(".auth-form__submit-text").style.display=t?"none":"",e.querySelector(".auth-form__submit-loader").style.display=t?"inline-flex":"none"}c.addEventListener("click",function(){var e=l.type==="text";l.type=e?"password":"text",c.querySelector(".eye-show").style.display=e?"":"none",c.querySelector(".eye-hide").style.display=e?"none":""}),m=null;function p(e){n.style.display="none",a.style.display="";var t=e;a.textContent="Resend in "+t+"s",m=setInterval(function(){t--,t<=0?(clearInterval(m),a.style.display="none",n.style.display="",n.disabled=!1):a.textContent="Resend in "+t+"s"},1e3)}h.addEventListener("submit",function(n){n.preventDefault(),u();var a=document.getElementById("signup-username").value.trim(),o=document.getElementById("signup-email").value.trim(),i=l.value,c=document.getElementById("signup-confirm").value;if(!a||!o||!i||!c){e("Please fill in all fields.","error");return}if(!/^[a-zA-Z0-9_-]{3,32}$/.test(a)){e("Username must be 3–32 characters: letters, numbers, _ or -.","error");return}if(i.length<8){e("Password must be at least 8 characters.","error");return}if(i!==c){e("Passwords do not match.","error");return}t.username=a,t.email=o,t.password=i,s(f,!0),fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:o})}).then(function(e){return e.json()}).then(function(t){t.success?(h.style.display="none",v.textContent=o,b.style.display="",r.value="",r.focus(),p(60),e("OTP sent! Check your inbox (and spam folder).","success")):e(t.message||"Failed to send code. Please try again.","error")}).catch(function(){e("Network error. Please try again.","error")}).finally(function(){s(f,!1)})}),n.addEventListener("click",function(){u(),n.disabled=!0,fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"send_otp",email:t.email})}).then(function(e){return e.json()}).then(function(t){t.success?(e("New code sent!","success"),p(60)):(e(t.message||"Could not resend. Please try again.","error"),n.disabled=!1)}).catch(function(){e("Network error. Please try again.","error"),n.disabled=!1})});function g(){u();var n=r.value.trim();if(!/^\d{6}$/.test(n)){e("Please enter the 6-digit code from your email.","error");return}s(o,!0),fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"signup",username:t.username,email:t.email,password:t.password,otp:n})}).then(function(e){return e.json()}).then(function(t){t.success?(e("Account created! Redirecting to login…","success"),setTimeout(function(){window.location.href="/login/"},1800)):(e(t.message||"Sign-up failed. Please try again.","error"),s(o,!1))}).catch(function(){e("Network error. Please try again.","error"),s(o,!1)})}o.addEventListener("click",g),r.addEventListener("keydown",function(e){e.key==="Enter"&&g()})})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,i,r,a=document.querySelector(".brand__auth");a&&(a.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),i=document.createElement("div"),i.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),i.appendChild(o),t.appendChild(n),t.appendChild(i),a.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),window.location.href="/"})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
diff --git a/layouts/signup/single.html b/layouts/signup/single.html
index 5cb2ba6..1bc2f6b 100644
--- a/layouts/signup/single.html
+++ b/layouts/signup/single.html
@@ -120,7 +120,7 @@
 		<div id="otp-panel" style="display: none">
 			<p class="otp-panel__hint">
 				A 6-digit code was sent to <strong id="otp-email-display"></strong>.<br />
-				Enter it below. The code expires in 10&nbsp;minutes.
+				Enter it below. The code will expire in 10&nbsp;minutes.
 			</p>
 
 			<div class="auth-form" style="margin-top: 1rem">
@@ -288,7 +288,7 @@
 						otpInput.value = '';
 						otpInput.focus();
 						startResendCooldown(60);
-						showMsg('Code sent! Check your inbox (and spam folder).', 'success');
+						showMsg('OTP sent! Check your inbox (and spam folder).', 'success');
 					} else {
 						showMsg(data.message || 'Failed to send code. Please try again.', 'error');
 					}