Your Dashboard \u00b7 Build It Backwards<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ivory:#F6F0E6; --cream:#FCF8F1; --plum:#4A2C3B; --caramel:#BE8A5A; --caramelD:#9A6B3A;\r\n --rose:#C7A07A; --ink:#2B2328; --muted:#6E5F63; --faint:#B4A69F; --line:#E7D9C4;\r\n --sf:'Fraunces',Georgia,serif; --ss:'Inter',-apple-system,system-ui,sans-serif;\r\n }\r\n *{box-sizing:border-box}\r\n body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--ss);line-height:1.55;-webkit-font-smoothing:antialiased}\r\n .wrap{max-width:820px;margin:0 auto;padding:32px 20px 60px}\r\n .eye{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--caramelD)}\r\n h1{font-family:var(--sf);font-weight:500;font-size:30px;margin:6px 0 2px}\r\n .lede{color:var(--muted);font-size:14px;margin:0}\r\n\r\n .banner{margin-top:20px;border-radius:14px;padding:18px 20px;background:var(--cream);border:1px solid var(--line)}\r\n .banner.built{background:var(--plum);border:none;color:#F1E6D8}\r\n .banner .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}\r\n .banner .t{font-family:var(--sf);font-size:18px}\r\n .banner .c{font-size:13px;color:var(--muted)}\r\n .banner.built .c{color:#CBB4A2}\r\n .track{height:10px;background:#EADFCB;border-radius:8px;overflow:hidden;margin-top:12px}\r\n .banner.built .track{background:#5C3F4D}\r\n .fill{height:100%;background:var(--caramel);width:0;transition:width .4s}\r\n\r\n .sect{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--caramelD);margin:30px 0 12px}\r\n .found{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}\r\n .fcard{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:15px 16px;position:relative}\r\n .fcard.set{border-color:var(--caramel)}\r\n .fcard .tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--caramelD)}\r\n .fcard .flabel{font-family:var(--sf);font-size:15px;margin:6px 0 2px}\r\n .fcard .hint{font-size:11.5px;color:var(--muted);line-height:1.4;min-height:32px}\r\n .fcard .fin{display:flex;align-items:baseline;gap:3px;margin-top:8px;border-top:1px solid var(--line);padding-top:10px}\r\n .fcard .fin .pre,.fcard .fin .suf{font-size:14px;color:var(--faint)}\r\n .fcard .fin input{border:none;background:transparent;font-family:var(--sf);font-size:24px;color:var(--ink);width:100%;padding:0;outline:none}\r\n .fcard .fin input::placeholder{color:#D8C9B8;font-size:16px}\r\n .fcard.set .check{position:absolute;top:14px;right:14px;color:var(--caramel);font-size:15px}\r\n\r\n .week{margin-top:14px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:22px}\r\n .week.locked{opacity:.62}\r\n .hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding-bottom:16px}\r\n .hero .num{font-family:var(--sf);font-size:40px;line-height:1}\r\n .hero .cap{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--caramelD)}\r\n .hero .status{font-size:13px;color:var(--muted);text-align:right}\r\n .hero .status b{font-family:var(--sf);font-size:20px;color:var(--ink);font-weight:500;display:block}\r\n .enter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}\r\n .cell{background:var(--ivory);border:1px solid var(--line);border-radius:10px;padding:13px}\r\n .cell label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}\r\n .cell.auto{background:#F0E7DC}\r\n .cell .val{display:flex;align-items:baseline;gap:2px}\r\n .cell .val .pre{font-family:var(--sf);font-size:16px;color:var(--faint)}\r\n .cell .val input{border:none;background:transparent;font-family:var(--sf);font-size:22px;color:var(--ink);width:100%;padding:0;outline:none}\r\n .cell .auto-val{font-family:var(--sf);font-size:22px}\r\n .cell .sub{font-size:11px;color:var(--muted);margin-top:3px}\r\n .weekhint{font-size:12.5px;color:var(--caramelD);margin-top:14px}\r\n .diagnosis{margin-top:14px;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5;background:#F0E7DC;border:1px solid var(--line)}\r\n .diagnosis.sales{background:#F3E4DB;color:#6E4C2A;border-color:#E4C9B8}\r\n .diagnosis.cost{background:#F0EAD9;color:#6E5A2A;border-color:#E2D6B8}\r\n .diagnosis.ok{background:#E4EDE0;color:#3B5A2E;border-color:#CFE0C6}\r\n .diagnosis b{font-weight:600}\r\n\r\n .trend{margin-top:20px}\r\n .trend .th{font-family:var(--sf);font-size:15px;margin-bottom:12px}\r\n .bars{display:flex;align-items:flex-end;gap:8px;height:80px}\r\n .bar{flex:1;background:var(--rose);border-radius:5px 5px 0 0;min-height:3px;position:relative}\r\n .bar.last{background:var(--plum)}\r\n .bar em{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);font-style:normal}\r\n .empty{font-size:12.5px;color:var(--faint)}\r\n\r\n .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;align-items:center}\r\n button{font-family:var(--ss);font-size:14px;border-radius:8px;padding:11px 18px;cursor:pointer;border:1px solid var(--plum)}\r\n .primary{background:var(--plum);color:#F6EFE6;border:none}\r\n .primary:disabled{background:#C9BDBF;cursor:not-allowed}\r\n .ghost{background:transparent;color:var(--plum)}\r\n .foot{margin-top:22px;font-size:11px;color:#9A8C86;text-align:center;line-height:1.6}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n <div class=\"eye\">Build it backwards \u00b7 your dashboard<\/div>\r\n <h1>Your Dashboard<\/h1>\r\n <p class=\"lede\">Build it through the course, one number at a time. Then run it every week.<\/p>\r\n\r\n <div class=\"banner\" id=\"banner\">\r\n <div class=\"row\"><span class=\"t\" id=\"bannerT\">Building your dashboard<\/span><span class=\"c\" id=\"bannerC\">0 of 5 numbers in<\/span><\/div>\r\n <div class=\"track\"><div class=\"fill\" id=\"fill\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"sect\">Your foundations \u00b7 add one as you finish each lesson<\/div>\r\n <div class=\"found\" id=\"foundations\"><\/div>\r\n\r\n <div class=\"sect\">Your Number, every week<\/div>\r\n <div class=\"week\" id=\"week\">\r\n <div class=\"hero\">\r\n <div><div class=\"cap\">Your Number<\/div><div class=\"num\" id=\"hNumber\">Not set yet<\/div><\/div>\r\n <div class=\"status\"><span id=\"hStatusLab\">this week<\/span><b id=\"hStatus\">add your numbers<\/b><\/div>\r\n <\/div>\r\n <div class=\"enter\">\r\n <div class=\"cell\"><label for=\"wIn\">Money in<\/label><div class=\"val\"><span class=\"pre\">\u00a3<\/span><input id=\"wIn\" type=\"number\" min=\"0\" step=\"100\" placeholder=\"0\"><\/div><\/div>\r\n <div class=\"cell\"><label for=\"wOut\">Money out<\/label><div class=\"val\"><span class=\"pre\">\u00a3<\/span><input id=\"wOut\" type=\"number\" min=\"0\" step=\"100\" placeholder=\"0\"><\/div><\/div>\r\n <div class=\"cell auto\"><label>Set aside for tax<\/label><div class=\"auto-val\" id=\"wTax\">\u00a30<\/div><div class=\"sub\" id=\"wTaxSub\">set your tax rate above<\/div><\/div>\r\n <div class=\"cell\"><label for=\"wCash\">Cash in the bank<\/label><div class=\"val\"><span class=\"pre\">\u00a3<\/span><input id=\"wCash\" type=\"number\" min=\"0\" step=\"100\" placeholder=\"0\"><\/div><\/div>\r\n <div class=\"cell\"><label>Runway<\/label><div class=\"auto-val\" id=\"wRunway\">0 mo<\/div><div class=\"sub\" id=\"wRunwaySub\">months of cover<\/div><\/div>\r\n <\/div>\r\n <div class=\"weekhint\" id=\"weekhint\"><\/div>\r\n <div class=\"diagnosis\" id=\"diagnosis\" style=\"display:none\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"trend\" id=\"trendWrap\" style=\"display:none\">\r\n <div class=\"th\">Your last few weeks<\/div>\r\n <div class=\"bars\" id=\"bars\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <button class=\"primary\" id=\"save\" disabled>Save this week's check<\/button>\r\n <button class=\"ghost\" id=\"reset\">Start over<\/button>\r\n <\/div>\r\n\r\n <p class=\"foot\">Your numbers save in this browser on this device, privately. Nothing is sent anywhere. For a copy you can take between devices, use the spreadsheet companion.<\/p>\r\n<\/div>\r\n\r\n<script>\r\n var FOUND = [\r\n { key:'yourNumber', label:'Your Number', module:'Blueprint', type:'gbp', suf:'\/mo', hint:'The monthly figure your business needs to fund the life you want.' },\r\n { key:'revenueTarget',label:'Monthly revenue target',module:'Revenue target',type:'gbp', suf:'\/mo', hint:'What you are aiming to bring in each month.' },\r\n { key:'payTarget', label:'Your monthly pay', module:'Pay yourself', type:'gbp', suf:'\/mo', hint:'What you plan to take from the business each month.' },\r\n { key:'taxRate', label:'Tax set-aside', module:'Tax', type:'pct', suf:'%', hint:'The share of money in you set aside for tax.' },\r\n { key:'runwayTarget', label:'Runway target', module:'Cash flow', type:'months', suf:'months', hint:'How many months of costs you want to keep in the bank.' }\r\n ];\r\n\r\n var store = {\r\n read:function(){ try{ return JSON.parse(localStorage.getItem('bib_dashboard')); }catch(e){ return window._bib || null; } },\r\n write:function(d){ try{ localStorage.setItem('bib_dashboard', JSON.stringify(d)); }catch(e){ window._bib = d; } }\r\n };\r\n var state = store.read() || { foundations:{}, week:{}, history:[] };\r\n if(!state.foundations) state.foundations = {};\r\n if(!state.week) state.week = {};\r\n if(!state.history) state.history = [];\r\n\r\n function gbp(n){ return '\\u00A3' + Math.round(n).toLocaleString('en-GB'); }\r\n function numOr(v){ var n = parseFloat(v); return (isNaN(n)||n<0) ? 0 : n; }\r\n\r\n \/\/ build foundation cards\r\n var fWrap = document.getElementById('foundations');\r\n FOUND.forEach(function(f){\r\n var card = document.createElement('div');\r\n card.className = 'fcard'; card.id = 'fcard_' + f.key;\r\n var pre = f.type==='gbp' ? '<span class=\"pre\">\\u00A3<\/span>' : '';\r\n var suf = '<span class=\"suf\">' + f.suf + '<\/span>';\r\n var step = f.type==='pct' ? '1' : (f.type==='months' ? '1' : '100');\r\n card.innerHTML =\r\n '<span class=\"check\">\\u2713<\/span>' +\r\n '<div class=\"tag\">From: ' + f.module + '<\/div>' +\r\n '<div class=\"flabel\">' + f.label + '<\/div>' +\r\n '<div class=\"hint\">' + f.hint + '<\/div>' +\r\n '<div class=\"fin\">' + pre + '<input id=\"f_' + f.key + '\" type=\"number\" min=\"0\" step=\"' + step + '\" placeholder=\"0\">' + suf + '<\/div>';\r\n fWrap.appendChild(card);\r\n var input = card.querySelector('input');\r\n if(state.foundations[f.key] != null) input.value = state.foundations[f.key];\r\n input.addEventListener('input', function(){\r\n state.foundations[f.key] = input.value === '' ? null : numOr(input.value);\r\n store.write(state); renderAll();\r\n });\r\n });\r\n\r\n var wIn=document.getElementById('wIn'), wOut=document.getElementById('wOut'), wCash=document.getElementById('wCash');\r\n if(state.week.in!=null) wIn.value = state.week.in;\r\n if(state.week.out!=null) wOut.value = state.week.out;\r\n if(state.week.cash!=null) wCash.value = state.week.cash;\r\n [ ['in',wIn],['out',wOut],['cash',wCash] ].forEach(function(p){\r\n p[1].addEventListener('input', function(){ state.week[p[0]] = p[1].value===''?null:numOr(p[1].value); store.write(state); renderAll(); });\r\n });\r\n\r\n function setCount(){ return FOUND.filter(function(f){ return state.foundations[f.key] > 0; }).length; }\r\n\r\n function renderFoundations(){\r\n FOUND.forEach(function(f){\r\n document.getElementById('fcard_'+f.key).classList.toggle('set', state.foundations[f.key] > 0);\r\n });\r\n var n = setCount();\r\n var banner = document.getElementById('banner');\r\n document.getElementById('fill').style.width = (n\/FOUND.length*100) + '%';\r\n if(n >= FOUND.length){\r\n banner.classList.add('built');\r\n document.getElementById('bannerT').textContent = 'Your dashboard is built.';\r\n document.getElementById('bannerC').textContent = 'Now it is your weekly ritual.';\r\n } else {\r\n banner.classList.remove('built');\r\n document.getElementById('bannerT').textContent = 'Building your dashboard';\r\n document.getElementById('bannerC').textContent = n + ' of ' + FOUND.length + ' numbers in';\r\n }\r\n }\r\n\r\n function renderWeekly(){\r\n var yourNumber = state.foundations.yourNumber || 0;\r\n var taxRate = state.foundations.taxRate || 0;\r\n var runwayTarget = state.foundations.runwayTarget || 0;\r\n var inc = numOr(wIn.value), out = numOr(wOut.value), cash = numOr(wCash.value);\r\n var profit = inc - out;\r\n\r\n var wkNumber = yourNumber*12\/52;\r\n document.getElementById('hNumber').textContent = yourNumber>0 ? gbp(yourNumber) + ' \/mo' : 'Not set yet';\r\n var hStatus = document.getElementById('hStatus');\r\n if(yourNumber>0 && (inc>0||out>0)){\r\n var pct = wkNumber>0?Math.round(profit\/wkNumber*100):0;\r\n hStatus.textContent = gbp(profit) + ' profit \\u00B7 ' + pct + '% of your weekly number';\r\n } else if(yourNumber>0){\r\n hStatus.textContent = 'add this week\\u2019s money in and out';\r\n } else {\r\n hStatus.textContent = 'set Your Number above';\r\n }\r\n\r\n var tax = document.getElementById('wTax'), taxSub = document.getElementById('wTaxSub');\r\n if(taxRate>0){ tax.textContent = gbp(inc * taxRate\/100); taxSub.textContent = 'at ' + taxRate + '% of money in'; }\r\n else { tax.textContent = '\\u2014'; taxSub.textContent = 'set your tax rate above'; }\r\n\r\n var run = document.getElementById('wRunway'), runSub = document.getElementById('wRunwaySub');\r\n var monthlyCosts = state.foundations.monthlyCosts || 0;\r\n if(monthlyCosts>0 && cash>0){\r\n var months = cash\/monthlyCosts;\r\n run.textContent = (Math.round(months*10)\/10) + ' mo';\r\n if(runwayTarget>0) runSub.textContent = months>=runwayTarget ? ('covered \\u00B7 target ' + runwayTarget + ' mo') : ('below your ' + runwayTarget + ' mo target');\r\n else runSub.textContent = 'at your monthly costs';\r\n } else { run.textContent = '\\u2014'; runSub.textContent = 'set this in the cash flow tool'; }\r\n\r\n var diag = document.getElementById('diagnosis');\r\n var wkRev = state.foundations.weeklyRevenueTarget || 0;\r\n if(wkRev>0 && (inc>0||out>0)){\r\n var revOK = inc >= wkRev*0.98;\r\n var profOK = wkNumber>0 ? (profit >= wkNumber*0.98) : true;\r\n if(!revOK){ diag.className='diagnosis sales'; diag.innerHTML='<b>Point your energy at sales.<\/b> Revenue is '+gbp(inc)+' against your '+gbp(wkRev)+' weekly target. That gap is the thing to close first.'; }\r\n else if(!profOK){ diag.className='diagnosis cost'; diag.innerHTML='<b>Look at your costs.<\/b> Revenue hit target ('+gbp(inc)+'), but profit came in under. The sales are there, so something is eating the margin.'; }\r\n else { diag.className='diagnosis ok'; diag.innerHTML='<b>Both on track.<\/b> Revenue and profit are where they should be this week. Keep doing what you are doing.'; }\r\n diag.style.display='block';\r\n } else if(wkRev>0){\r\n diag.className='diagnosis'; diag.innerHTML='Your weekly revenue target is <b>'+gbp(wkRev)+'<\/b>. Add this week\\u2019s money in and out to see your diagnosis.'; diag.style.display='block';\r\n } else { diag.style.display='none'; }\r\n\r\n var week = document.getElementById('week'), hint = document.getElementById('weekhint');\r\n var ready = yourNumber>0;\r\n week.classList.toggle('locked', !ready);\r\n hint.textContent = ready ? '' : 'Add Your Number in the foundations above to start tracking your week.';\r\n document.getElementById('save').disabled = !(ready && (inc>0||out>0));\r\n }\r\n\r\n function renderTrend(){\r\n var hist = state.history.slice(-8);\r\n var wrap = document.getElementById('trendWrap'), box = document.getElementById('bars');\r\n if(!hist.length){ wrap.style.display='none'; return; }\r\n wrap.style.display='block'; box.innerHTML='';\r\n var max = Math.max.apply(null, hist.map(function(h){return Math.abs(h.profit);}).concat([1]));\r\n hist.forEach(function(h,i){\r\n var b=document.createElement('div');\r\n b.className='bar'+(i===hist.length-1?' last':'');\r\n b.style.height=Math.max(3,Math.abs(h.profit)\/max*72)+'px';\r\n b.innerHTML='<em>W'+h.week+'<\/em>';\r\n b.title='Week '+h.week+': '+gbp(h.profit);\r\n box.appendChild(b);\r\n });\r\n }\r\n\r\n function renderAll(){ renderFoundations(); renderWeekly(); renderTrend(); }\r\n\r\n document.getElementById('save').addEventListener('click', function(){\r\n var profit = numOr(wIn.value) - numOr(wOut.value);\r\n state.history.push({ week: state.history.length+1, profit: profit, date: Date.now() });\r\n store.write(state); renderTrend();\r\n });\r\n document.getElementById('reset').addEventListener('click', function(){\r\n if(confirm('Clear your whole dashboard and start over?')){\r\n state = { foundations:{}, week:{}, history:[] }; store.write(state);\r\n FOUND.forEach(function(f){ document.getElementById('f_'+f.key).value=''; });\r\n wIn.value=''; wOut.value=''; wCash.value=''; renderAll();\r\n }\r\n });\r\n\r\n renderAll();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Your Dashboard \u00b7 Build It Backwards Build it backwards \u00b7 your dashboard Your Dashboard Build it through the course, one number at a time. Then run it every week. Building your dashboard0 of 5 numbers in Your foundations \u00b7 add one as you finish each lesson Your Number, every week Your NumberNot set yet this […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-3213","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages\/3213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/comments?post=3213"}],"version-history":[{"count":5,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages\/3213\/revisions"}],"predecessor-version":[{"id":3223,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages\/3213\/revisions\/3223"}],"wp:attachment":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/media?parent=3213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\nYour Dashboard \u00b7 Build It Backwards<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --ivory:#F6F0E6; --cream:#FCF8F1; --plum:#4A2C3B; --caramel:#BE8A5A; --caramelD:#9A6B3A;\r\n --rose:#C7A07A; --ink:#2B2328; --muted:#6E5F63; --faint:#B4A69F; --line:#E7D9C4;\r\n --sf:'Fraunces',Georgia,serif; --ss:'Inter',-apple-system,system-ui,sans-serif;\r\n }\r\n *{box-sizing:border-box}\r\n body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--ss);line-height:1.55;-webkit-font-smoothing:antialiased}\r\n .wrap{max-width:820px;margin:0 auto;padding:32px 20px 60px}\r\n .eye{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--caramelD)}\r\n h1{font-family:var(--sf);font-weight:500;font-size:30px;margin:6px 0 2px}\r\n .lede{color:var(--muted);font-size:14px;margin:0}\r\n\r\n .banner{margin-top:20px;border-radius:14px;padding:18px 20px;background:var(--cream);border:1px solid var(--line)}\r\n .banner.built{background:var(--plum);border:none;color:#F1E6D8}\r\n .banner .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}\r\n .banner .t{font-family:var(--sf);font-size:18px}\r\n .banner .c{font-size:13px;color:var(--muted)}\r\n .banner.built .c{color:#CBB4A2}\r\n .track{height:10px;background:#EADFCB;border-radius:8px;overflow:hidden;margin-top:12px}\r\n .banner.built .track{background:#5C3F4D}\r\n .fill{height:100%;background:var(--caramel);width:0;transition:width .4s}\r\n\r\n .sect{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--caramelD);margin:30px 0 12px}\r\n .found{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}\r\n .fcard{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:15px 16px;position:relative}\r\n .fcard.set{border-color:var(--caramel)}\r\n .fcard .tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--caramelD)}\r\n .fcard .flabel{font-family:var(--sf);font-size:15px;margin:6px 0 2px}\r\n .fcard .hint{font-size:11.5px;color:var(--muted);line-height:1.4;min-height:32px}\r\n .fcard .fin{display:flex;align-items:baseline;gap:3px;margin-top:8px;border-top:1px solid var(--line);padding-top:10px}\r\n .fcard .fin .pre,.fcard .fin .suf{font-size:14px;color:var(--faint)}\r\n .fcard .fin input{border:none;background:transparent;font-family:var(--sf);font-size:24px;color:var(--ink);width:100%;padding:0;outline:none}\r\n .fcard .fin input::placeholder{color:#D8C9B8;font-size:16px}\r\n .fcard.set .check{position:absolute;top:14px;right:14px;color:var(--caramel);font-size:15px}\r\n\r\n .week{margin-top:14px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:22px}\r\n .week.locked{opacity:.62}\r\n .hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding-bottom:16px}\r\n .hero .num{font-family:var(--sf);font-size:40px;line-height:1}\r\n .hero .cap{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--caramelD)}\r\n .hero .status{font-size:13px;color:var(--muted);text-align:right}\r\n .hero .status b{font-family:var(--sf);font-size:20px;color:var(--ink);font-weight:500;display:block}\r\n .enter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}\r\n .cell{background:var(--ivory);border:1px solid var(--line);border-radius:10px;padding:13px}\r\n .cell label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}\r\n .cell.auto{background:#F0E7DC}\r\n .cell .val{display:flex;align-items:baseline;gap:2px}\r\n .cell .val .pre{font-family:var(--sf);font-size:16px;color:var(--faint)}\r\n .cell .val input{border:none;background:transparent;font-family:var(--sf);font-size:22px;color:var(--ink);width:100%;padding:0;outline:none}\r\n .cell .auto-val{font-family:var(--sf);font-size:22px}\r\n .cell .sub{font-size:11px;color:var(--muted);margin-top:3px}\r\n .weekhint{font-size:12.5px;color:var(--caramelD);margin-top:14px}\r\n .diagnosis{margin-top:14px;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5;background:#F0E7DC;border:1px solid var(--line)}\r\n .diagnosis.sales{background:#F3E4DB;color:#6E4C2A;border-color:#E4C9B8}\r\n .diagnosis.cost{background:#F0EAD9;color:#6E5A2A;border-color:#E2D6B8}\r\n .diagnosis.ok{background:#E4EDE0;color:#3B5A2E;border-color:#CFE0C6}\r\n .diagnosis b{font-weight:600}\r\n\r\n .trend{margin-top:20px}\r\n .trend .th{font-family:var(--sf);font-size:15px;margin-bottom:12px}\r\n .bars{display:flex;align-items:flex-end;gap:8px;height:80px}\r\n .bar{flex:1;background:var(--rose);border-radius:5px 5px 0 0;min-height:3px;position:relative}\r\n .bar.last{background:var(--plum)}\r\n .bar em{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);font-style:normal}\r\n .empty{font-size:12.5px;color:var(--faint)}\r\n\r\n .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;align-items:center}\r\n button{font-family:var(--ss);font-size:14px;border-radius:8px;padding:11px 18px;cursor:pointer;border:1px solid var(--plum)}\r\n .primary{background:var(--plum);color:#F6EFE6;border:none}\r\n .primary:disabled{background:#C9BDBF;cursor:not-allowed}\r\n .ghost{background:transparent;color:var(--plum)}\r\n .foot{margin-top:22px;font-size:11px;color:#9A8C86;text-align:center;line-height:1.6}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n <div class=\"eye\">Build it backwards \u00b7 your dashboard<\/div>\r\n <h1>Your Dashboard<\/h1>\r\n <p class=\"lede\">Build it through the course, one number at a time. Then run it every week.<\/p>\r\n\r\n <div class=\"banner\" id=\"banner\">\r\n <div class=\"row\"><span class=\"t\" id=\"bannerT\">Building your dashboard<\/span><span class=\"c\" id=\"bannerC\">0 of 5 numbers in<\/span><\/div>\r\n <div class=\"track\"><div class=\"fill\" id=\"fill\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"sect\">Your foundations \u00b7 add one as you finish each lesson<\/div>\r\n <div class=\"found\" id=\"foundations\"><\/div>\r\n\r\n <div class=\"sect\">Your Number, every week<\/div>\r\n <div class=\"week\" id=\"week\">\r\n <div class=\"hero\">\r\n <div><div class=\"cap\">Your Number<\/div><div class=\"num\" id=\"hNumber\">Not set yet<\/div><\/div>\r\n <div class=\"status\"><span id=\"hStatusLab\">this week<\/span><b id=\"hStatus\">add your numbers<\/b><\/div>\r\n <\/div>\r\n <div class=\"enter\">\r\n <div class=\"cell\"><label for=\"wIn\">Money in<\/label><div class=\"val\"><span class=\"pre\">\u00a3<\/span><input id=\"wIn\" type=\"number\" min=\"0\" step=\"100\" placeholder=\"0\"><\/div><\/div>\r\n <div class=\"cell\"><label for=\"wOut\">Money out<\/label><div class=\"val\"><span class=\"pre\">\u00a3<\/span><input id=\"wOut\" type=\"number\" min=\"0\" step=\"100\" placeholder=\"0\"><\/div><\/div>\r\n <div class=\"cell auto\"><label>Set aside for tax<\/label><div class=\"auto-val\" id=\"wTax\">\u00a30<\/div><div class=\"sub\" id=\"wTaxSub\">set your tax rate above<\/div><\/div>\r\n <div class=\"cell\"><label for=\"wCash\">Cash in the bank<\/label><div class=\"val\"><span class=\"pre\">\u00a3<\/span><input id=\"wCash\" type=\"number\" min=\"0\" step=\"100\" placeholder=\"0\"><\/div><\/div>\r\n <div class=\"cell\"><label>Runway<\/label><div class=\"auto-val\" id=\"wRunway\">0 mo<\/div><div class=\"sub\" id=\"wRunwaySub\">months of cover<\/div><\/div>\r\n <\/div>\r\n <div class=\"weekhint\" id=\"weekhint\"><\/div>\r\n <div class=\"diagnosis\" id=\"diagnosis\" style=\"display:none\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"trend\" id=\"trendWrap\" style=\"display:none\">\r\n <div class=\"th\">Your last few weeks<\/div>\r\n <div class=\"bars\" id=\"bars\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <button class=\"primary\" id=\"save\" disabled>Save this week's check<\/button>\r\n <button class=\"ghost\" id=\"reset\">Start over<\/button>\r\n <\/div>\r\n\r\n <p class=\"foot\">Your numbers save in this browser on this device, privately. Nothing is sent anywhere. For a copy you can take between devices, use the spreadsheet companion.<\/p>\r\n<\/div>\r\n\r\n<script>\r\n var FOUND = [\r\n { key:'yourNumber', label:'Your Number', module:'Blueprint', type:'gbp', suf:'\/mo', hint:'The monthly figure your business needs to fund the life you want.' },\r\n { key:'revenueTarget',label:'Monthly revenue target',module:'Revenue target',type:'gbp', suf:'\/mo', hint:'What you are aiming to bring in each month.' },\r\n { key:'payTarget', label:'Your monthly pay', module:'Pay yourself', type:'gbp', suf:'\/mo', hint:'What you plan to take from the business each month.' },\r\n { key:'taxRate', label:'Tax set-aside', module:'Tax', type:'pct', suf:'%', hint:'The share of money in you set aside for tax.' },\r\n { key:'runwayTarget', label:'Runway target', module:'Cash flow', type:'months', suf:'months', hint:'How many months of costs you want to keep in the bank.' }\r\n ];\r\n\r\n var store = {\r\n read:function(){ try{ return JSON.parse(localStorage.getItem('bib_dashboard')); }catch(e){ return window._bib || null; } },\r\n write:function(d){ try{ localStorage.setItem('bib_dashboard', JSON.stringify(d)); }catch(e){ window._bib = d; } }\r\n };\r\n var state = store.read() || { foundations:{}, week:{}, history:[] };\r\n if(!state.foundations) state.foundations = {};\r\n if(!state.week) state.week = {};\r\n if(!state.history) state.history = [];\r\n\r\n function gbp(n){ return '\\u00A3' + Math.round(n).toLocaleString('en-GB'); }\r\n function numOr(v){ var n = parseFloat(v); return (isNaN(n)||n<0) ? 0 : n; }\r\n\r\n \/\/ build foundation cards\r\n var fWrap = document.getElementById('foundations');\r\n FOUND.forEach(function(f){\r\n var card = document.createElement('div');\r\n card.className = 'fcard'; card.id = 'fcard_' + f.key;\r\n var pre = f.type==='gbp' ? '<span class=\"pre\">\\u00A3<\/span>' : '';\r\n var suf = '<span class=\"suf\">' + f.suf + '<\/span>';\r\n var step = f.type==='pct' ? '1' : (f.type==='months' ? '1' : '100');\r\n card.innerHTML =\r\n '<span class=\"check\">\\u2713<\/span>' +\r\n '<div class=\"tag\">From: ' + f.module + '<\/div>' +\r\n '<div class=\"flabel\">' + f.label + '<\/div>' +\r\n '<div class=\"hint\">' + f.hint + '<\/div>' +\r\n '<div class=\"fin\">' + pre + '<input id=\"f_' + f.key + '\" type=\"number\" min=\"0\" step=\"' + step + '\" placeholder=\"0\">' + suf + '<\/div>';\r\n fWrap.appendChild(card);\r\n var input = card.querySelector('input');\r\n if(state.foundations[f.key] != null) input.value = state.foundations[f.key];\r\n input.addEventListener('input', function(){\r\n state.foundations[f.key] = input.value === '' ? null : numOr(input.value);\r\n store.write(state); renderAll();\r\n });\r\n });\r\n\r\n var wIn=document.getElementById('wIn'), wOut=document.getElementById('wOut'), wCash=document.getElementById('wCash');\r\n if(state.week.in!=null) wIn.value = state.week.in;\r\n if(state.week.out!=null) wOut.value = state.week.out;\r\n if(state.week.cash!=null) wCash.value = state.week.cash;\r\n [ ['in',wIn],['out',wOut],['cash',wCash] ].forEach(function(p){\r\n p[1].addEventListener('input', function(){ state.week[p[0]] = p[1].value===''?null:numOr(p[1].value); store.write(state); renderAll(); });\r\n });\r\n\r\n function setCount(){ return FOUND.filter(function(f){ return state.foundations[f.key] > 0; }).length; }\r\n\r\n function renderFoundations(){\r\n FOUND.forEach(function(f){\r\n document.getElementById('fcard_'+f.key).classList.toggle('set', state.foundations[f.key] > 0);\r\n });\r\n var n = setCount();\r\n var banner = document.getElementById('banner');\r\n document.getElementById('fill').style.width = (n\/FOUND.length*100) + '%';\r\n if(n >= FOUND.length){\r\n banner.classList.add('built');\r\n document.getElementById('bannerT').textContent = 'Your dashboard is built.';\r\n document.getElementById('bannerC').textContent = 'Now it is your weekly ritual.';\r\n } else {\r\n banner.classList.remove('built');\r\n document.getElementById('bannerT').textContent = 'Building your dashboard';\r\n document.getElementById('bannerC').textContent = n + ' of ' + FOUND.length + ' numbers in';\r\n }\r\n }\r\n\r\n function renderWeekly(){\r\n var yourNumber = state.foundations.yourNumber || 0;\r\n var taxRate = state.foundations.taxRate || 0;\r\n var runwayTarget = state.foundations.runwayTarget || 0;\r\n var inc = numOr(wIn.value), out = numOr(wOut.value), cash = numOr(wCash.value);\r\n var profit = inc - out;\r\n\r\n var wkNumber = yourNumber*12\/52;\r\n document.getElementById('hNumber').textContent = yourNumber>0 ? gbp(yourNumber) + ' \/mo' : 'Not set yet';\r\n var hStatus = document.getElementById('hStatus');\r\n if(yourNumber>0 && (inc>0||out>0)){\r\n var pct = wkNumber>0?Math.round(profit\/wkNumber*100):0;\r\n hStatus.textContent = gbp(profit) + ' profit \\u00B7 ' + pct + '% of your weekly number';\r\n } else if(yourNumber>0){\r\n hStatus.textContent = 'add this week\\u2019s money in and out';\r\n } else {\r\n hStatus.textContent = 'set Your Number above';\r\n }\r\n\r\n var tax = document.getElementById('wTax'), taxSub = document.getElementById('wTaxSub');\r\n if(taxRate>0){ tax.textContent = gbp(inc * taxRate\/100); taxSub.textContent = 'at ' + taxRate + '% of money in'; }\r\n else { tax.textContent = '\\u2014'; taxSub.textContent = 'set your tax rate above'; }\r\n\r\n var run = document.getElementById('wRunway'), runSub = document.getElementById('wRunwaySub');\r\n var monthlyCosts = state.foundations.monthlyCosts || 0;\r\n if(monthlyCosts>0 && cash>0){\r\n var months = cash\/monthlyCosts;\r\n run.textContent = (Math.round(months*10)\/10) + ' mo';\r\n if(runwayTarget>0) runSub.textContent = months>=runwayTarget ? ('covered \\u00B7 target ' + runwayTarget + ' mo') : ('below your ' + runwayTarget + ' mo target');\r\n else runSub.textContent = 'at your monthly costs';\r\n } else { run.textContent = '\\u2014'; runSub.textContent = 'set this in the cash flow tool'; }\r\n\r\n var diag = document.getElementById('diagnosis');\r\n var wkRev = state.foundations.weeklyRevenueTarget || 0;\r\n if(wkRev>0 && (inc>0||out>0)){\r\n var revOK = inc >= wkRev*0.98;\r\n var profOK = wkNumber>0 ? (profit >= wkNumber*0.98) : true;\r\n if(!revOK){ diag.className='diagnosis sales'; diag.innerHTML='<b>Point your energy at sales.<\/b> Revenue is '+gbp(inc)+' against your '+gbp(wkRev)+' weekly target. That gap is the thing to close first.'; }\r\n else if(!profOK){ diag.className='diagnosis cost'; diag.innerHTML='<b>Look at your costs.<\/b> Revenue hit target ('+gbp(inc)+'), but profit came in under. The sales are there, so something is eating the margin.'; }\r\n else { diag.className='diagnosis ok'; diag.innerHTML='<b>Both on track.<\/b> Revenue and profit are where they should be this week. Keep doing what you are doing.'; }\r\n diag.style.display='block';\r\n } else if(wkRev>0){\r\n diag.className='diagnosis'; diag.innerHTML='Your weekly revenue target is <b>'+gbp(wkRev)+'<\/b>. Add this week\\u2019s money in and out to see your diagnosis.'; diag.style.display='block';\r\n } else { diag.style.display='none'; }\r\n\r\n var week = document.getElementById('week'), hint = document.getElementById('weekhint');\r\n var ready = yourNumber>0;\r\n week.classList.toggle('locked', !ready);\r\n hint.textContent = ready ? '' : 'Add Your Number in the foundations above to start tracking your week.';\r\n document.getElementById('save').disabled = !(ready && (inc>0||out>0));\r\n }\r\n\r\n function renderTrend(){\r\n var hist = state.history.slice(-8);\r\n var wrap = document.getElementById('trendWrap'), box = document.getElementById('bars');\r\n if(!hist.length){ wrap.style.display='none'; return; }\r\n wrap.style.display='block'; box.innerHTML='';\r\n var max = Math.max.apply(null, hist.map(function(h){return Math.abs(h.profit);}).concat([1]));\r\n hist.forEach(function(h,i){\r\n var b=document.createElement('div');\r\n b.className='bar'+(i===hist.length-1?' last':'');\r\n b.style.height=Math.max(3,Math.abs(h.profit)\/max*72)+'px';\r\n b.innerHTML='<em>W'+h.week+'<\/em>';\r\n b.title='Week '+h.week+': '+gbp(h.profit);\r\n box.appendChild(b);\r\n });\r\n }\r\n\r\n function renderAll(){ renderFoundations(); renderWeekly(); renderTrend(); }\r\n\r\n document.getElementById('save').addEventListener('click', function(){\r\n var profit = numOr(wIn.value) - numOr(wOut.value);\r\n state.history.push({ week: state.history.length+1, profit: profit, date: Date.now() });\r\n store.write(state); renderTrend();\r\n });\r\n document.getElementById('reset').addEventListener('click', function(){\r\n if(confirm('Clear your whole dashboard and start over?')){\r\n state = { foundations:{}, week:{}, history:[] }; store.write(state);\r\n FOUND.forEach(function(f){ document.getElementById('f_'+f.key).value=''; });\r\n wIn.value=''; wOut.value=''; wCash.value=''; renderAll();\r\n }\r\n });\r\n\r\n renderAll();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Your Dashboard \u00b7 Build It Backwards Build it backwards \u00b7 your dashboard Your Dashboard Build it through the course, one number at a time. Then run it every week. Building your dashboard0 of 5 numbers in Your foundations \u00b7 add one as you finish each lesson Your Number, every week Your NumberNot set yet this […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-3213","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages\/3213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/comments?post=3213"}],"version-history":[{"count":5,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages\/3213\/revisions"}],"predecessor-version":[{"id":3223,"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/pages\/3213\/revisions\/3223"}],"wp:attachment":[{"href":"https:\/\/www.bare-digital.com\/ashe\/wp-json\/wp\/v2\/media?parent=3213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}