{"id":152,"date":"2026-06-03T22:09:05","date_gmt":"2026-06-03T22:09:05","guid":{"rendered":"https:\/\/learn.sjnote.com\/t-sjnotebook-freelancergmail-com\/custom-login\/"},"modified":"2026-06-03T22:09:05","modified_gmt":"2026-06-03T22:09:05","slug":"custom-login","status":"publish","type":"page","link":"https:\/\/learn.sjnote.com\/t-free-lancer\/custom-login\/","title":{"rendered":"Login"},"content":{"rendered":"\t<div class=\"login-page\">\n\t\t<div class=\"login-container\">\n\t\t\t<div class=\"login-card\">\n\t\t\t\t<div class=\"login-header\">\n\t\t\t\t\t<h1>Welcome Back<\/h1>\n\t\t\t\t\t<p>Sign in to your account<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<form class=\"login-form\" action=\"\" method=\"post\">\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<label for=\"user_login\">Username or Email<\/label>\n\t\t\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" class=\"form-input\" required>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<label for=\"user_pass\">Password<\/label>\n\t\t\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"form-input\" required>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"form-group checkbox-group\">\n\t\t\t\t\t\t<label class=\"checkbox-label\">\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"rememberme\" value=\"forever\">\n\t\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\n\t\t\t\t\t\t\tRemember me\t\t\t\t\t\t<\/label>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t<button type=\"submit\" class=\"login-btn\">\n\t\t\t\t\t\t\t<span class=\"btn-text\">Sign In<\/span>\n\t\t\t\t\t\t\t<span class=\"btn-loader\" style=\"display: none;\">\n\t\t\t\t\t\t\t\t<svg class=\"spinner\" viewBox=\"0 0 50 50\">\n\t\t\t\t\t\t\t\t\t<circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"><\/circle>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/learn.sjnote.com\/t-free-lancer\/\">\n\t\t\t\t\t<input type=\"hidden\" id=\"login_nonce\" name=\"login_nonce\" value=\"61de55a6ba\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/t-free-lancer\/wp-json\/wp\/v2\/pages\/152\" \/>\t\t\t\t<\/form>\n\n\t\t\t\t\n\t\t\t\t<div class=\"login-footer\">\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\tDon&#039;t have an account?\t\t\t\t\t\t<a href=\"https:\/\/learn.sjnote.com\/t-free-lancer\/custom-register\" class=\"register-link\">\n\t\t\t\t\t\t\tSign up\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t<a href=\"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-login.php?action=lostpassword\" class=\"forgot-link\">\n\t\t\t\t\t\t\tForgot your password?\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"login-decoration\">\n\t\t\t\t<div class=\"decoration-circle circle-1\"><\/div>\n\t\t\t\t<div class=\"decoration-circle circle-2\"><\/div>\n\t\t\t\t<div class=\"decoration-circle circle-3\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<script>\n\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\tconst loginForm = document.querySelector('.login-form');\n\t\tconst loginBtn = document.querySelector('.login-btn');\n\t\tconst btnText = document.querySelector('.btn-text');\n\t\tconst btnLoader = document.querySelector('.btn-loader');\n\t\tconst recaptchaSiteKey = \"\";\n\n\t\tfunction setLoading(on) {\n\t\t\tif (!btnText || !btnLoader || !loginBtn) { return; }\n\t\t\tbtnText.style.display = on ? 'none' : '';\n\t\t\tbtnLoader.style.display = on ? 'inline-block' : 'none';\n\t\t\tloginBtn.disabled = !!on;\n\t\t}\n\n\t\tif (loginForm) {\n\t\t\tloginForm.addEventListener('submit', function(e) {\n\t\t\t\tif (loginForm.dataset.sjSubmitLock === '1') {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (recaptchaSiteKey && window.grecaptcha && window.grecaptcha.execute) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tloginForm.dataset.sjSubmitLock = '1';\n\t\t\t\t\tsetLoading(true);\n\t\t\t\t\twindow.grecaptcha.ready(function() {\n\t\t\t\t\t\twindow.grecaptcha.execute(recaptchaSiteKey, { action: 'login' }).then(function(token) {\n\t\t\t\t\t\t\tvar el = loginForm.querySelector('input[name=\"recaptcha_token\"]');\n\t\t\t\t\t\t\tif (el) { el.value = token; }\n\t\t\t\t\t\t\tloginForm.submit();\n\t\t\t\t\t\t}).catch(function() {\n\t\t\t\t\t\t\tloginForm.dataset.sjSubmitLock = '0';\n\t\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tloginForm.dataset.sjSubmitLock = '1';\n\t\t\t\tsetLoading(true);\n\t\t\t});\n\t\t}\n\t});\n\t<\/script>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-login.php","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":0,"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"wp:attachment":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}