Build Your Own Personal Finance Dashboard<\/title>\r\n<style>\r\n:root{--bg:#f4f8fc;--card:#fff;--tx:#0f2342;--mu:#5b6b82;--bl:#1456c8;--bl2:#0b3a8a;--gr:#14a44d;--bd:#d7e2f0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}\r\n@media(prefers-color-scheme:dark){:root:not([data-theme=\"light\"]){--bg:#0b1628;--card:#13233d;--tx:#eaf1fb;--mu:#9fb2cc;--bd:#244066;--bl:#4c8dff;--bl2:#2f6fe0}}\r\n:root[data-theme=\"dark\"]{--bg:#0b1628;--card:#13233d;--tx:#eaf1fb;--mu:#9fb2cc;--bd:#244066;--bl:#4c8dff;--bl2:#2f6fe0}\r\n*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}\r\nbody{margin:0;background:var(--bg);color:var(--tx);font:16px\/1.5 system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif}\r\n.top{position:sticky;top:env(safe-area-inset-top,0px);background:var(--card);border-bottom:1px solid var(--bd);padding:10px 16px;z-index:5}\r\n.top b{font-size:13px;color:var(--mu)}.bar{height:8px;background:var(--bd);border-radius:9px;margin-top:6px;overflow:hidden}\r\n.bar i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--bl),var(--gr));transition:width .4s}\r\nmain{max-width:620px;margin:0 auto;padding:20px 16px 40px}\r\n.step{display:none;animation:f .3s}.step.on{display:block}@keyframes f{from{opacity:0;transform:translateY(8px)}to{opacity:1}}\r\n.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;margin-bottom:16px}\r\nh1{font-size:26px;line-height:1.2;margin:0 0 8px;color:var(--bl)}h2{font-size:20px;margin:0 0 10px}.sub{color:var(--mu);margin:0 0 16px}\r\nlabel{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}\r\ninput[type=text],input[type=email],input[type=tel]{width:100%;padding:13px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;background:var(--bg);color:var(--tx)}\r\ninput:focus{outline:2px solid var(--bl);border-color:var(--bl)}\r\n.btn{display:block;width:100%;margin-top:18px;padding:15px;border:0;border-radius:12px;background:var(--bl);color:#fff;font-size:17px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}\r\n.btn:hover{background:var(--bl2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.g{background:var(--gr)}.btn.big{font-size:20px;padding:19px;box-shadow:0 6px 18px rgba(20,164,77,.35);animation:p 1.8s infinite}\r\n@keyframes p{50%{transform:scale(1.025)}}\r\n.q{margin-bottom:18px}.q p{font-weight:600;margin:0 0 8px}\r\n.opt{display:block;padding:12px 14px;margin:6px 0;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer}\r\n.opt input{margin-right:8px;accent-color:var(--gr)}.opt:has(input:checked){border-color:var(--gr);background:rgba(20,164,77,.1)}\r\n.vid{position:relative;aspect-ratio:16\/9;background:#0b1628;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}\r\n.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n.pb{height:10px;background:var(--bd);border-radius:9px;margin:12px 0 4px;overflow:hidden}.pb i{display:block;width:0;height:100%;background:var(--gr)}\r\n.small{font-size:13px;color:var(--mu)}.hide{display:none!important}\r\n.up{background:linear-gradient(135deg,var(--bl2),var(--bl));color:#fff;border:0}.up h2{color:#fff;font-size:22px}\r\n.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}\r\n.slot{aspect-ratio:3\/4;border:2px dashed var(--bd);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--mu);cursor:pointer;overflow:hidden;background:var(--bg)}\r\n.slot img{width:100%;height:100%;object-fit:cover}\r\nul.ben{list-style:none;padding:0;margin:0}ul.ben li{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--bd)}\r\nul.ben span{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(20,164,77,.15);display:grid;place-items:center;font-size:17px}\r\n.price{font-size:44px;font-weight:800;color:var(--gr);text-align:center;margin:4px 0}\r\n.timer{text-align:center;background:#fff3cd;color:#7a5600;border-radius:12px;padding:10px;font-weight:700;margin-bottom:14px}\r\n.err{color:#d33;font-size:13px;margin-top:6px;min-height:18px}\r\ntable{width:100%;border-collapse:collapse;font-size:12px;display:block;overflow-x:auto}td,th{border:1px solid var(--bd);padding:5px;white-space:nowrap}\r\n<\/style><\/head><body>\r\n<div class=\"top\"><b id=\"stl\">Step 1 of 5<\/b><div class=\"bar\"><i id=\"bar\"><\/i><\/div><\/div>\r\n<main>\r\n\r\n<section class=\"step on\" id=\"s1\"><div class=\"card\">\r\n<h1>Build Your Own Personal Finance Dashboard<\/h1><p class=\"sub\">Enter your details to start<\/p>\r\n<label>Full Name *<\/label><input type=\"text\" id=\"name\" autocomplete=\"name\">\r\n<label>Email Address *<\/label><input type=\"email\" id=\"email\" autocomplete=\"email\">\r\n<label>Location \/ City *<\/label><input type=\"text\" id=\"city\" autocomplete=\"address-level2\">\r\n<label>WhatsApp Number (optional)<\/label><input type=\"tel\" id=\"wa\" autocomplete=\"tel\">\r\n<div class=\"err\" id=\"e1\"><\/div><button class=\"btn\" id=\"b1\">Continue -><\/button><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"s2\"><div class=\"card\"><h1>Quick Survey to Personalize Your Experience<\/h1><p class=\"sub\">Takes 30 seconds.<\/p><div id=\"sv\"><\/div>\r\n<div class=\"err\" id=\"e2\"><\/div><button class=\"btn g\" id=\"b2\">Show Me How To Build It -><\/button><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"s3\"><div class=\"card\"><h1>Watch This: How to Build a Personal Financial Dashboard in 10 Minutes<\/h1>\r\n<div class=\"vid\" id=\"vid\"><\/div><div class=\"pb\"><i id=\"vp\"><\/i><\/div>\r\n<div class=\"small\">Watch till the end to unlock the next step<\/div>\r\n<button class=\"btn g hide\" id=\"b3\">I Have Watched The Video -> Continue<\/button><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"s4\">\r\n<div class=\"card\"><h2>Quick Comprehension Check<\/h2><div id=\"cq\"><\/div><\/div>\r\n<div class=\"card up\"><h2>What if you could build this for OTHERS?<\/h2><p>Imagine building this same dashboard for businesses, entrepreneurs, and organizations. You can solve real-life financial problems and get paid for it. You will learn not just how to build dashboards, but how to implement them to solve real problems.<\/p><\/div>\r\n<div class=\"card\"><h2>What Our Data Analysis Students Are Saying<\/h2><p class=\"small\">Tap a box to upload a testimonial screenshot.<\/p><div class=\"grid\" id=\"tg\"><\/div><\/div>\r\n<div class=\"err\" id=\"e4\"><\/div><button class=\"btn g\" id=\"b4\">Yes, I Want To Learn & Get Certified -><\/button><\/section>\r\n\r\n<section class=\"step\" id=\"s5\"><div class=\"timer\">Offer ends soon: <span id=\"tm\">15:00<\/span><\/div>\r\n<div class=\"card\"><h1 style=\"text-align:center\">Get The Full Course For Just \u20a65,000<\/h1>\r\n<p class=\"sub\" style=\"text-align:center\">Learn at your own pace + Get Certified at the end<\/p>\r\n<ul class=\"ben\"><li><span>\ud83e\udde9<\/span>Complete step-by-step dashboard building<\/li><li><span>\ud83d\udce5<\/span>Downloadable templates<\/li><li><span>\u267e\ufe0f<\/span>Lifetime access<\/li><li><span>\ud83c\udf93<\/span>Certificate of completion<\/li><li><span>\ud83d\udcbc<\/span>Build for personal & business use<\/li><\/ul>\r\n<div class=\"price\">\u20a65,000<\/div>\r\n<a class=\"btn g big\" id=\"buy\" target=\"_blank\" rel=\"noopener\">BUY NOW FOR \u20a65,000<\/a><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"adm\"><div class=\"card\"><h2>Leads (admin)<\/h2><button class=\"btn\" id=\"csv\">Download CSV<\/button><p class=\"small\" id=\"cnt\"><\/p><div id=\"tbl\"><\/div><\/div><\/section>\r\n<\/main>\r\n<script>\r\n\/\/ ====== CONFIG: edit these ======\r\nconst CFG={\r\n VIDEO:\"[YOUTUBE_VIDEO_LINK_HERE]\",\r\n CHECKOUT:\"https:\/\/dchacademy.com\/course\/data-analysis-excel-and-power-bi-recorded-course\",\r\n SHEET_URL:\"\" \/\/ Google Apps Script web-app URL (see setup). Works when this file is hosted on your own site.\r\n};\r\nconst $=id=>document.getElementById(id);\r\nconst SV=[\r\n[\"What best describes you?\",[\"Student\",\"Job Seeker\",\"Employee\",\"Entrepreneur\",\"Business Owner\"]],\r\n[\"Do you currently track your income and expenses?\",[\"Yes, with an app\",\"Yes, manually\",\"No, but I want to\",\"No, I struggle with it\"]],\r\n[\"What's your biggest financial challenge right now?\",[\"Not knowing where my money goes\",\"No savings\",\"Can't create a budget\",\"Want to make better financial decisions\"]],\r\n[\"Have you ever used Excel \/ Google Sheets for finance before?\",[\"Yes, expert\",\"Yes, beginner\",\"No, never\"]],\r\n[\"If you could build a dashboard that shows your money automatically, what would excite you most?\",[\"Saving more money\",\"Controlling spending\",\"Building it for my business\",\"Earning money building it for others\"]]];\r\nconst CQ=[\r\n[\"What is the main purpose of a personal financial dashboard?\",[\"To track income vs expenses visually\",\"To just save money\",\"To delete bank alerts\"]],\r\n[\"After watching, do you feel you can build a simple one for yourself?\",[\"Yes, definitely\",\"I need the full step-by-step course\"]]];\r\nfunction quiz(box,data,pre){box.innerHTML=data.map((q,i)=>`<div class=\"q\"><p>${i+1}. ${q[0]}<\/p>`+q[1].map(o=>`<label class=\"opt\"><input type=\"radio\" name=\"${pre}${i}\" value=\"${o}\">${o}<\/label>`).join(\"\")+\"<\/div>\").join(\"\")}\r\nfunction read(data,pre){const r={};for(let i=0;i<data.length;i++){const c=document.querySelector(`input[name=${pre}${i}]:checked`);if(!c)return null;r[data[i][0]]=c.value}return r}\r\nquiz($(\"sv\"),SV,\"s\");quiz($(\"cq\"),CQ,\"c\");\r\n\r\n\/\/ ====== Lead storage: local + db (if available) + Google Sheet (if configured) ======\r\nlet L={id:\"L\"+Date.now().toString(36)+Math.random().toString(36).slice(2,6),ts:new Date().toISOString()},db=null;\r\n(async()=>{try{db=await claude.use(\"db\")}catch(e){}})();\r\nfunction save(){\r\n try{const a=JSON.parse(localStorage.getItem(\"leads\")||\"{}\");a[L.id]=L;localStorage.setItem(\"leads\",JSON.stringify(a))}catch(e){}\r\n try{db&&db.collection(\"leads\").doc(L.id).set(L)}catch(e){}\r\n if(CFG.SHEET_URL){try{fetch(CFG.SHEET_URL,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain\"},body:JSON.stringify(flat(L))})}catch(e){}}\r\n}\r\nconst flat=l=>({id:l.id,time:l.ts,name:l.name||\"\",email:l.email||\"\",city:l.city||\"\",whatsapp:l.wa||\"\",\r\n ...Object.fromEntries(SV.map((q,i)=>[\"survey\"+(i+1),(l.survey||{})[q[0]]||\"\"])),\r\n ...Object.fromEntries(CQ.map((q,i)=>[\"quiz\"+(i+1),(l.quiz||{})[q[0]]||\"\"])),watched:l.watched?\"yes\":\"\",clicked_buy:l.buy?\"yes\":\"\"});\r\n\r\n\/\/ ====== Navigation ======\r\nfunction go(n){document.querySelectorAll(\".step\").forEach(s=>s.classList.remove(\"on\"));$(\"s\"+n).classList.add(\"on\");\r\n $(\"stl\").textContent=\"Step \"+n+\" of 5\";$(\"bar\").style.width=n*20+\"%\";scrollTo(0,0);L.step=n;save();\r\n if(n==3)initVideo();if(n==5)startTimer()}\r\n\r\n$(\"b1\").onclick=()=>{const n=$(\"name\").value.trim(),e=$(\"email\").value.trim(),c=$(\"city\").value.trim();\r\n if(!n||!\/^\\S+@\\S+\\.\\S+$\/.test(e)||!c){$(\"e1\").textContent=\"Please enter your name, a valid email and your city.\";return}\r\n Object.assign(L,{name:n,email:e,city:c,wa:$(\"wa\").value.trim()});go(2)};\r\n$(\"b2\").onclick=()=>{const r=read(SV,\"s\");if(!r){$(\"e2\").textContent=\"Please answer all 5 questions.\";return}L.survey=r;go(3)};\r\n\r\n\/\/ ====== Video (YouTube ends-detection; demo timer if placeholder not replaced) ======\r\nlet vInit=false;\r\nfunction unlock(){$(\"vp\").style.width=\"100%\";$(\"b3\").classList.remove(\"hide\");L.watched=true;save()}\r\nfunction initVideo(){if(vInit)return;vInit=true;\r\n const m=CFG.VIDEO.match(\/(?:youtu\\.be\\\/|v=|embed\\\/)([\\w-]{11})\/);\r\n if(m){const f=document.createElement(\"iframe\");f.src=\"https:\/\/www.youtube.com\/embed\/\"+m[1]+\"?enablejsapi=1&rel=0&playsinline=1\";f.allow=\"autoplay; encrypted-media; fullscreen\";f.allowFullscreen=true;\r\n f.onload=()=>f.contentWindow.postMessage(JSON.stringify({event:\"listening\",id:1,channel:\"widget\"}),\"*\");$(\"vid\").appendChild(f);\r\n addEventListener(\"message\",e=>{if(e.origin!==\"https:\/\/www.youtube.com\")return;let d;try{d=typeof e.data===\"string\"?JSON.parse(e.data):e.data}catch(x){return}\r\n if(d.event===\"infoDelivery\"&&d.info){const i=d.info;if(i.currentTime&&i.duration)$(\"vp\").style.width=Math.min(99,i.currentTime\/i.duration*100)+\"%\";if(i.playerState===0)unlock()}\r\n if(d.event===\"onStateChange\"&&d.info===0)unlock()})\r\n }else{$(\"vid\").innerHTML=\"<div>\u25b6<br><b>[YOUTUBE_VIDEO_LINK_HERE]<\/b><br><span class='small' style='color:#9fb2cc'>Demo mode: unlocks in 8s<\/span><\/div>\";\r\n let t=0;const iv=setInterval(()=>{t+=1;$(\"vp\").style.width=t\/8*100+\"%\";if(t>=8){clearInterval(iv);unlock()}},1000)}}\r\n$(\"b3\").onclick=()=>go(4);\r\n\r\n\/\/ ====== Step 4: testimonials upload ======\r\nconst tg=$(\"tg\");let T={};try{T=JSON.parse(localStorage.getItem(\"testi\")||\"{}\")}catch(e){}\r\nfor(let i=0;i<4;i++){const s=document.createElement(\"label\");s.className=\"slot\";\r\n const draw=()=>{s.innerHTML=(T[i]?`<img decoding=\"async\" src=\"${T[i]}\" alt=\"Testimonial ${i+1}\">`:\"+ Upload<br>screenshot\")+'<input type=\"file\" accept=\"image\/*\" hidden>';\r\n s.querySelector(\"input\").onchange=ev=>{const f=ev.target.files[0];if(!f)return;const r=new FileReader();r.onload=()=>{T[i]=r.result;try{localStorage.setItem(\"testi\",JSON.stringify(T))}catch(e){}draw()};r.readAsDataURL(f)}};\r\n draw();tg.appendChild(s)}\r\n$(\"b4\").onclick=()=>{const r=read(CQ,\"c\");if(!r){$(\"e4\").textContent=\"Please answer both questions first.\";return}L.quiz=r;go(5)};\r\n\r\n\/\/ ====== Step 5 ======\r\n$(\"buy\").href=CFG.CHECKOUT;$(\"buy\").onclick=()=>{L.buy=true;save()};\r\nfunction startTimer(){let end=+localStorage.getItem(\"end\")||0;if(end<Date.now()){end=Date.now()+15*60000;try{localStorage.setItem(\"end\",end)}catch(e){}}\r\n const tick=()=>{let s=Math.max(0,Math.round((end-Date.now())\/1000));$(\"tm\").textContent=String(s\/60|0).padStart(2,\"0\")+\":\"+String(s%60).padStart(2,\"0\")};tick();setInterval(tick,1000)}\r\n\r\n\/\/ ====== Admin: open page with #admin ======\r\nasync function admin(){document.querySelectorAll(\".step\").forEach(s=>s.classList.remove(\"on\"));$(\"adm\").classList.add(\"on\");\r\n let rows={};try{rows=JSON.parse(localStorage.getItem(\"leads\")||\"{}\")}catch(e){}\r\n try{db=db||await claude.use(\"db\");if(db){const s=await db.collection(\"leads\").get();(s.docs||s).forEach(d=>{const v=d.data?d.data():d;rows[v.id]=v})}}catch(e){}\r\n const a=Object.values(rows).map(flat);$(\"cnt\").textContent=a.length+\" lead(s)\";\r\n const k=a[0]?Object.keys(a[0]):[];$(\"tbl\").innerHTML=\"<table><tr>\"+k.map(x=>\"<th>\"+x+\"<\/th>\").join(\"\")+\"<\/tr>\"+a.map(r=>\"<tr>\"+k.map(x=>\"<td>\"+String(r[x]).replace(\/<\/g,\"<\")+\"<\/td>\").join(\"\")+\"<\/tr>\").join(\"\")+\"<\/table>\";\r\n $(\"csv\").onclick=async()=>{const q=v=>'\"'+String(v).replace(\/\"\/g,'\"\"')+'\"';const t=[k.map(q).join(\",\")].concat(a.map(r=>k.map(x=>q(r[x])).join(\",\"))).join(\"\\n\");\r\n try{const d=await claude.use(\"downloads\");if(d){await d.save({filename:\"leads.csv\",data:t});return}}catch(e){}\r\n const l=document.createElement(\"a\");l.href=URL.createObjectURL(new Blob([t],{type:\"text\/csv\"}));l.download=\"leads.csv\";l.click()}}\r\nif(location.hash===\"#admin\")admin();addEventListener(\"hashchange\",()=>location.hash===\"#admin\"&&admin());\r\n<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Build Your Own Personal Finance Dashboard Step 1 of 5 Build Your Own Personal Finance Dashboard Enter your details to start Full Name * Email Address * Location \/ City * WhatsApp Number (optional) Continue -> Quick Survey to Personalize Your Experience Takes 30 seconds. Show Me How To Build It -> Watch This: How […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-559","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/techtraining.dchacademy.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Build Your Own Personal Finance Dashboard Step 1 of 5 Build Your Own Personal Finance Dashboard Enter your details to start Full Name * Email Address * Location \/ City * WhatsApp Number (optional) Continue -> Quick Survey to Personalize Your Experience Takes 30 seconds. Show Me How To Build It -> Watch This: How…","_links":{"self":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=559"}],"version-history":[{"count":7,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/559\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/559\/revisions\/567"}],"wp:attachment":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\nBuild Your Own Personal Finance Dashboard<\/title>\r\n<style>\r\n:root{--bg:#f4f8fc;--card:#fff;--tx:#0f2342;--mu:#5b6b82;--bl:#1456c8;--bl2:#0b3a8a;--gr:#14a44d;--bd:#d7e2f0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}\r\n@media(prefers-color-scheme:dark){:root:not([data-theme=\"light\"]){--bg:#0b1628;--card:#13233d;--tx:#eaf1fb;--mu:#9fb2cc;--bd:#244066;--bl:#4c8dff;--bl2:#2f6fe0}}\r\n:root[data-theme=\"dark\"]{--bg:#0b1628;--card:#13233d;--tx:#eaf1fb;--mu:#9fb2cc;--bd:#244066;--bl:#4c8dff;--bl2:#2f6fe0}\r\n*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}\r\nbody{margin:0;background:var(--bg);color:var(--tx);font:16px\/1.5 system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif}\r\n.top{position:sticky;top:env(safe-area-inset-top,0px);background:var(--card);border-bottom:1px solid var(--bd);padding:10px 16px;z-index:5}\r\n.top b{font-size:13px;color:var(--mu)}.bar{height:8px;background:var(--bd);border-radius:9px;margin-top:6px;overflow:hidden}\r\n.bar i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--bl),var(--gr));transition:width .4s}\r\nmain{max-width:620px;margin:0 auto;padding:20px 16px 40px}\r\n.step{display:none;animation:f .3s}.step.on{display:block}@keyframes f{from{opacity:0;transform:translateY(8px)}to{opacity:1}}\r\n.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;margin-bottom:16px}\r\nh1{font-size:26px;line-height:1.2;margin:0 0 8px;color:var(--bl)}h2{font-size:20px;margin:0 0 10px}.sub{color:var(--mu);margin:0 0 16px}\r\nlabel{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}\r\ninput[type=text],input[type=email],input[type=tel]{width:100%;padding:13px;border:1.5px solid var(--bd);border-radius:10px;font-size:16px;background:var(--bg);color:var(--tx)}\r\ninput:focus{outline:2px solid var(--bl);border-color:var(--bl)}\r\n.btn{display:block;width:100%;margin-top:18px;padding:15px;border:0;border-radius:12px;background:var(--bl);color:#fff;font-size:17px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}\r\n.btn:hover{background:var(--bl2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.g{background:var(--gr)}.btn.big{font-size:20px;padding:19px;box-shadow:0 6px 18px rgba(20,164,77,.35);animation:p 1.8s infinite}\r\n@keyframes p{50%{transform:scale(1.025)}}\r\n.q{margin-bottom:18px}.q p{font-weight:600;margin:0 0 8px}\r\n.opt{display:block;padding:12px 14px;margin:6px 0;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer}\r\n.opt input{margin-right:8px;accent-color:var(--gr)}.opt:has(input:checked){border-color:var(--gr);background:rgba(20,164,77,.1)}\r\n.vid{position:relative;aspect-ratio:16\/9;background:#0b1628;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}\r\n.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\r\n.pb{height:10px;background:var(--bd);border-radius:9px;margin:12px 0 4px;overflow:hidden}.pb i{display:block;width:0;height:100%;background:var(--gr)}\r\n.small{font-size:13px;color:var(--mu)}.hide{display:none!important}\r\n.up{background:linear-gradient(135deg,var(--bl2),var(--bl));color:#fff;border:0}.up h2{color:#fff;font-size:22px}\r\n.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}\r\n.slot{aspect-ratio:3\/4;border:2px dashed var(--bd);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--mu);cursor:pointer;overflow:hidden;background:var(--bg)}\r\n.slot img{width:100%;height:100%;object-fit:cover}\r\nul.ben{list-style:none;padding:0;margin:0}ul.ben li{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--bd)}\r\nul.ben span{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(20,164,77,.15);display:grid;place-items:center;font-size:17px}\r\n.price{font-size:44px;font-weight:800;color:var(--gr);text-align:center;margin:4px 0}\r\n.timer{text-align:center;background:#fff3cd;color:#7a5600;border-radius:12px;padding:10px;font-weight:700;margin-bottom:14px}\r\n.err{color:#d33;font-size:13px;margin-top:6px;min-height:18px}\r\ntable{width:100%;border-collapse:collapse;font-size:12px;display:block;overflow-x:auto}td,th{border:1px solid var(--bd);padding:5px;white-space:nowrap}\r\n<\/style><\/head><body>\r\n<div class=\"top\"><b id=\"stl\">Step 1 of 5<\/b><div class=\"bar\"><i id=\"bar\"><\/i><\/div><\/div>\r\n<main>\r\n\r\n<section class=\"step on\" id=\"s1\"><div class=\"card\">\r\n<h1>Build Your Own Personal Finance Dashboard<\/h1><p class=\"sub\">Enter your details to start<\/p>\r\n<label>Full Name *<\/label><input type=\"text\" id=\"name\" autocomplete=\"name\">\r\n<label>Email Address *<\/label><input type=\"email\" id=\"email\" autocomplete=\"email\">\r\n<label>Location \/ City *<\/label><input type=\"text\" id=\"city\" autocomplete=\"address-level2\">\r\n<label>WhatsApp Number (optional)<\/label><input type=\"tel\" id=\"wa\" autocomplete=\"tel\">\r\n<div class=\"err\" id=\"e1\"><\/div><button class=\"btn\" id=\"b1\">Continue -><\/button><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"s2\"><div class=\"card\"><h1>Quick Survey to Personalize Your Experience<\/h1><p class=\"sub\">Takes 30 seconds.<\/p><div id=\"sv\"><\/div>\r\n<div class=\"err\" id=\"e2\"><\/div><button class=\"btn g\" id=\"b2\">Show Me How To Build It -><\/button><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"s3\"><div class=\"card\"><h1>Watch This: How to Build a Personal Financial Dashboard in 10 Minutes<\/h1>\r\n<div class=\"vid\" id=\"vid\"><\/div><div class=\"pb\"><i id=\"vp\"><\/i><\/div>\r\n<div class=\"small\">Watch till the end to unlock the next step<\/div>\r\n<button class=\"btn g hide\" id=\"b3\">I Have Watched The Video -> Continue<\/button><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"s4\">\r\n<div class=\"card\"><h2>Quick Comprehension Check<\/h2><div id=\"cq\"><\/div><\/div>\r\n<div class=\"card up\"><h2>What if you could build this for OTHERS?<\/h2><p>Imagine building this same dashboard for businesses, entrepreneurs, and organizations. You can solve real-life financial problems and get paid for it. You will learn not just how to build dashboards, but how to implement them to solve real problems.<\/p><\/div>\r\n<div class=\"card\"><h2>What Our Data Analysis Students Are Saying<\/h2><p class=\"small\">Tap a box to upload a testimonial screenshot.<\/p><div class=\"grid\" id=\"tg\"><\/div><\/div>\r\n<div class=\"err\" id=\"e4\"><\/div><button class=\"btn g\" id=\"b4\">Yes, I Want To Learn & Get Certified -><\/button><\/section>\r\n\r\n<section class=\"step\" id=\"s5\"><div class=\"timer\">Offer ends soon: <span id=\"tm\">15:00<\/span><\/div>\r\n<div class=\"card\"><h1 style=\"text-align:center\">Get The Full Course For Just \u20a65,000<\/h1>\r\n<p class=\"sub\" style=\"text-align:center\">Learn at your own pace + Get Certified at the end<\/p>\r\n<ul class=\"ben\"><li><span>\ud83e\udde9<\/span>Complete step-by-step dashboard building<\/li><li><span>\ud83d\udce5<\/span>Downloadable templates<\/li><li><span>\u267e\ufe0f<\/span>Lifetime access<\/li><li><span>\ud83c\udf93<\/span>Certificate of completion<\/li><li><span>\ud83d\udcbc<\/span>Build for personal & business use<\/li><\/ul>\r\n<div class=\"price\">\u20a65,000<\/div>\r\n<a class=\"btn g big\" id=\"buy\" target=\"_blank\" rel=\"noopener\">BUY NOW FOR \u20a65,000<\/a><\/div><\/section>\r\n\r\n<section class=\"step\" id=\"adm\"><div class=\"card\"><h2>Leads (admin)<\/h2><button class=\"btn\" id=\"csv\">Download CSV<\/button><p class=\"small\" id=\"cnt\"><\/p><div id=\"tbl\"><\/div><\/div><\/section>\r\n<\/main>\r\n<script>\r\n\/\/ ====== CONFIG: edit these ======\r\nconst CFG={\r\n VIDEO:\"[YOUTUBE_VIDEO_LINK_HERE]\",\r\n CHECKOUT:\"https:\/\/dchacademy.com\/course\/data-analysis-excel-and-power-bi-recorded-course\",\r\n SHEET_URL:\"\" \/\/ Google Apps Script web-app URL (see setup). Works when this file is hosted on your own site.\r\n};\r\nconst $=id=>document.getElementById(id);\r\nconst SV=[\r\n[\"What best describes you?\",[\"Student\",\"Job Seeker\",\"Employee\",\"Entrepreneur\",\"Business Owner\"]],\r\n[\"Do you currently track your income and expenses?\",[\"Yes, with an app\",\"Yes, manually\",\"No, but I want to\",\"No, I struggle with it\"]],\r\n[\"What's your biggest financial challenge right now?\",[\"Not knowing where my money goes\",\"No savings\",\"Can't create a budget\",\"Want to make better financial decisions\"]],\r\n[\"Have you ever used Excel \/ Google Sheets for finance before?\",[\"Yes, expert\",\"Yes, beginner\",\"No, never\"]],\r\n[\"If you could build a dashboard that shows your money automatically, what would excite you most?\",[\"Saving more money\",\"Controlling spending\",\"Building it for my business\",\"Earning money building it for others\"]]];\r\nconst CQ=[\r\n[\"What is the main purpose of a personal financial dashboard?\",[\"To track income vs expenses visually\",\"To just save money\",\"To delete bank alerts\"]],\r\n[\"After watching, do you feel you can build a simple one for yourself?\",[\"Yes, definitely\",\"I need the full step-by-step course\"]]];\r\nfunction quiz(box,data,pre){box.innerHTML=data.map((q,i)=>`<div class=\"q\"><p>${i+1}. ${q[0]}<\/p>`+q[1].map(o=>`<label class=\"opt\"><input type=\"radio\" name=\"${pre}${i}\" value=\"${o}\">${o}<\/label>`).join(\"\")+\"<\/div>\").join(\"\")}\r\nfunction read(data,pre){const r={};for(let i=0;i<data.length;i++){const c=document.querySelector(`input[name=${pre}${i}]:checked`);if(!c)return null;r[data[i][0]]=c.value}return r}\r\nquiz($(\"sv\"),SV,\"s\");quiz($(\"cq\"),CQ,\"c\");\r\n\r\n\/\/ ====== Lead storage: local + db (if available) + Google Sheet (if configured) ======\r\nlet L={id:\"L\"+Date.now().toString(36)+Math.random().toString(36).slice(2,6),ts:new Date().toISOString()},db=null;\r\n(async()=>{try{db=await claude.use(\"db\")}catch(e){}})();\r\nfunction save(){\r\n try{const a=JSON.parse(localStorage.getItem(\"leads\")||\"{}\");a[L.id]=L;localStorage.setItem(\"leads\",JSON.stringify(a))}catch(e){}\r\n try{db&&db.collection(\"leads\").doc(L.id).set(L)}catch(e){}\r\n if(CFG.SHEET_URL){try{fetch(CFG.SHEET_URL,{method:\"POST\",mode:\"no-cors\",headers:{\"Content-Type\":\"text\/plain\"},body:JSON.stringify(flat(L))})}catch(e){}}\r\n}\r\nconst flat=l=>({id:l.id,time:l.ts,name:l.name||\"\",email:l.email||\"\",city:l.city||\"\",whatsapp:l.wa||\"\",\r\n ...Object.fromEntries(SV.map((q,i)=>[\"survey\"+(i+1),(l.survey||{})[q[0]]||\"\"])),\r\n ...Object.fromEntries(CQ.map((q,i)=>[\"quiz\"+(i+1),(l.quiz||{})[q[0]]||\"\"])),watched:l.watched?\"yes\":\"\",clicked_buy:l.buy?\"yes\":\"\"});\r\n\r\n\/\/ ====== Navigation ======\r\nfunction go(n){document.querySelectorAll(\".step\").forEach(s=>s.classList.remove(\"on\"));$(\"s\"+n).classList.add(\"on\");\r\n $(\"stl\").textContent=\"Step \"+n+\" of 5\";$(\"bar\").style.width=n*20+\"%\";scrollTo(0,0);L.step=n;save();\r\n if(n==3)initVideo();if(n==5)startTimer()}\r\n\r\n$(\"b1\").onclick=()=>{const n=$(\"name\").value.trim(),e=$(\"email\").value.trim(),c=$(\"city\").value.trim();\r\n if(!n||!\/^\\S+@\\S+\\.\\S+$\/.test(e)||!c){$(\"e1\").textContent=\"Please enter your name, a valid email and your city.\";return}\r\n Object.assign(L,{name:n,email:e,city:c,wa:$(\"wa\").value.trim()});go(2)};\r\n$(\"b2\").onclick=()=>{const r=read(SV,\"s\");if(!r){$(\"e2\").textContent=\"Please answer all 5 questions.\";return}L.survey=r;go(3)};\r\n\r\n\/\/ ====== Video (YouTube ends-detection; demo timer if placeholder not replaced) ======\r\nlet vInit=false;\r\nfunction unlock(){$(\"vp\").style.width=\"100%\";$(\"b3\").classList.remove(\"hide\");L.watched=true;save()}\r\nfunction initVideo(){if(vInit)return;vInit=true;\r\n const m=CFG.VIDEO.match(\/(?:youtu\\.be\\\/|v=|embed\\\/)([\\w-]{11})\/);\r\n if(m){const f=document.createElement(\"iframe\");f.src=\"https:\/\/www.youtube.com\/embed\/\"+m[1]+\"?enablejsapi=1&rel=0&playsinline=1\";f.allow=\"autoplay; encrypted-media; fullscreen\";f.allowFullscreen=true;\r\n f.onload=()=>f.contentWindow.postMessage(JSON.stringify({event:\"listening\",id:1,channel:\"widget\"}),\"*\");$(\"vid\").appendChild(f);\r\n addEventListener(\"message\",e=>{if(e.origin!==\"https:\/\/www.youtube.com\")return;let d;try{d=typeof e.data===\"string\"?JSON.parse(e.data):e.data}catch(x){return}\r\n if(d.event===\"infoDelivery\"&&d.info){const i=d.info;if(i.currentTime&&i.duration)$(\"vp\").style.width=Math.min(99,i.currentTime\/i.duration*100)+\"%\";if(i.playerState===0)unlock()}\r\n if(d.event===\"onStateChange\"&&d.info===0)unlock()})\r\n }else{$(\"vid\").innerHTML=\"<div>\u25b6<br><b>[YOUTUBE_VIDEO_LINK_HERE]<\/b><br><span class='small' style='color:#9fb2cc'>Demo mode: unlocks in 8s<\/span><\/div>\";\r\n let t=0;const iv=setInterval(()=>{t+=1;$(\"vp\").style.width=t\/8*100+\"%\";if(t>=8){clearInterval(iv);unlock()}},1000)}}\r\n$(\"b3\").onclick=()=>go(4);\r\n\r\n\/\/ ====== Step 4: testimonials upload ======\r\nconst tg=$(\"tg\");let T={};try{T=JSON.parse(localStorage.getItem(\"testi\")||\"{}\")}catch(e){}\r\nfor(let i=0;i<4;i++){const s=document.createElement(\"label\");s.className=\"slot\";\r\n const draw=()=>{s.innerHTML=(T[i]?`<img decoding=\"async\" src=\"${T[i]}\" alt=\"Testimonial ${i+1}\">`:\"+ Upload<br>screenshot\")+'<input type=\"file\" accept=\"image\/*\" hidden>';\r\n s.querySelector(\"input\").onchange=ev=>{const f=ev.target.files[0];if(!f)return;const r=new FileReader();r.onload=()=>{T[i]=r.result;try{localStorage.setItem(\"testi\",JSON.stringify(T))}catch(e){}draw()};r.readAsDataURL(f)}};\r\n draw();tg.appendChild(s)}\r\n$(\"b4\").onclick=()=>{const r=read(CQ,\"c\");if(!r){$(\"e4\").textContent=\"Please answer both questions first.\";return}L.quiz=r;go(5)};\r\n\r\n\/\/ ====== Step 5 ======\r\n$(\"buy\").href=CFG.CHECKOUT;$(\"buy\").onclick=()=>{L.buy=true;save()};\r\nfunction startTimer(){let end=+localStorage.getItem(\"end\")||0;if(end<Date.now()){end=Date.now()+15*60000;try{localStorage.setItem(\"end\",end)}catch(e){}}\r\n const tick=()=>{let s=Math.max(0,Math.round((end-Date.now())\/1000));$(\"tm\").textContent=String(s\/60|0).padStart(2,\"0\")+\":\"+String(s%60).padStart(2,\"0\")};tick();setInterval(tick,1000)}\r\n\r\n\/\/ ====== Admin: open page with #admin ======\r\nasync function admin(){document.querySelectorAll(\".step\").forEach(s=>s.classList.remove(\"on\"));$(\"adm\").classList.add(\"on\");\r\n let rows={};try{rows=JSON.parse(localStorage.getItem(\"leads\")||\"{}\")}catch(e){}\r\n try{db=db||await claude.use(\"db\");if(db){const s=await db.collection(\"leads\").get();(s.docs||s).forEach(d=>{const v=d.data?d.data():d;rows[v.id]=v})}}catch(e){}\r\n const a=Object.values(rows).map(flat);$(\"cnt\").textContent=a.length+\" lead(s)\";\r\n const k=a[0]?Object.keys(a[0]):[];$(\"tbl\").innerHTML=\"<table><tr>\"+k.map(x=>\"<th>\"+x+\"<\/th>\").join(\"\")+\"<\/tr>\"+a.map(r=>\"<tr>\"+k.map(x=>\"<td>\"+String(r[x]).replace(\/<\/g,\"<\")+\"<\/td>\").join(\"\")+\"<\/tr>\").join(\"\")+\"<\/table>\";\r\n $(\"csv\").onclick=async()=>{const q=v=>'\"'+String(v).replace(\/\"\/g,'\"\"')+'\"';const t=[k.map(q).join(\",\")].concat(a.map(r=>k.map(x=>q(r[x])).join(\",\"))).join(\"\\n\");\r\n try{const d=await claude.use(\"downloads\");if(d){await d.save({filename:\"leads.csv\",data:t});return}}catch(e){}\r\n const l=document.createElement(\"a\");l.href=URL.createObjectURL(new Blob([t],{type:\"text\/csv\"}));l.download=\"leads.csv\";l.click()}}\r\nif(location.hash===\"#admin\")admin();addEventListener(\"hashchange\",()=>location.hash===\"#admin\"&&admin());\r\n<\/script><\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Build Your Own Personal Finance Dashboard Step 1 of 5 Build Your Own Personal Finance Dashboard Enter your details to start Full Name * Email Address * Location \/ City * WhatsApp Number (optional) Continue -> Quick Survey to Personalize Your Experience Takes 30 seconds. Show Me How To Build It -> Watch This: How […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-559","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/techtraining.dchacademy.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Build Your Own Personal Finance Dashboard Step 1 of 5 Build Your Own Personal Finance Dashboard Enter your details to start Full Name * Email Address * Location \/ City * WhatsApp Number (optional) Continue -> Quick Survey to Personalize Your Experience Takes 30 seconds. Show Me How To Build It -> Watch This: How…","_links":{"self":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=559"}],"version-history":[{"count":7,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/559\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/559\/revisions\/567"}],"wp:attachment":[{"href":"https:\/\/techtraining.dchacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}