async function loadVisitorCounter(){ const count=document.getElementById('visitorCount'), meta=document.getElementById('visitorMeta'); if(!count) return; try{ const res=await fetch('/analytics/visitors.json',{cache:'no-store'}); if(!res.ok) throw new Error('counter unavailable'); const data=await res.json(); let path=location.pathname||'/'; if(path.length>1 && path.endsWith('/')) path=path.slice(0,-1); const canonical=path.startsWith('/calculator/') ? '/calculators/'+path.slice('/calculator/'.length) : path; const page=data.pages&&data.pages[canonical]; count.textContent=Number((page&&page.visitors)||data.visitors||0).toLocaleString(); if(meta){ meta.textContent=page ? Number(page.pageViews||0).toLocaleString()+' page views on this page · '+Number(data.visitors||0).toLocaleString()+' site visitors' : Number(data.pageViews||0).toLocaleString()+' site page views counted'; } }catch(_){ count.textContent='Counting'; if(meta) meta.textContent='Aggregate counter updating'; } } function setupThemeToggle(){ var btn=document.getElementById('themeToggle'); if(!btn) return; function label(){var dark=document.documentElement.dataset.theme==='dark';btn.textContent=dark?'Dark':'Light';btn.setAttribute('aria-pressed',String(dark));} btn.addEventListener('click',function(){var next=document.documentElement.dataset.theme==='dark'?'light':'dark';document.documentElement.dataset.theme=next;document.documentElement.style.colorScheme=next;try{localStorage.setItem('ct-theme',next)}catch(_){}label();}); label(); } function setupBookmarkTip(){ var btn=document.getElementById('bookmarkTip'); if(!btn) return; btn.addEventListener('click',function(){ var mac=/Mac|iPhone|iPad|iPod/i.test(navigator.platform||navigator.userAgent); var mobile=/Android|iPhone|iPad|iPod|Mobile/i.test(navigator.userAgent||''); var message=mobile ? 'Use your browser menu to add this page to bookmarks or home screen.' : 'Press '+(mac?'Cmd':'Ctrl')+' + D to bookmark this page.'; btn.setAttribute('data-hint',message); window.setTimeout(function(){btn.removeAttribute('data-hint');},3200); }); } function setupReportPrint(){ document.addEventListener('click',function(event){ var button=event.target&&event.target.closest&&event.target.closest('.report-panel button'); if(!button) return; event.preventDefault(); var generated=document.querySelector('.ct-report__meta time'); if(generated) generated.textContent=new Date().toLocaleString(); window.setTimeout(function(){window.print();},40); }); } function setupStaticCalculatorDynamics(){ function setupConcreteBlock(){ var panel=document.querySelector('[data-calculator-slug="concrete-block-calculator"]'); if(!panel) return false; function value(key){var el=panel.querySelector('[data-input-key="'+key+'"]'); var n=el?Number(el.value):0; return Number.isFinite(n)?n:0;} function fmt(n,d){return Number(n||0).toLocaleString('en',{maximumFractionDigits:d});} function money(n){return Number(n||0).toLocaleString('en',{minimumFractionDigits:2,maximumFractionDigits:2});} function update(){ var length=Math.max(0,value('wallLengthFeet')); var height=Math.max(0,value('wallHeightFeet')); var openings=Math.max(0,value('openingAreaSquareFeet')); var blockLength=Math.max(0.1,value('blockFaceLengthInches')||16); var blockHeight=Math.max(0.1,value('blockFaceHeightInches')||8); var waste=Math.max(0,value('wastePercent')); var price=Math.max(0,value('blockPrice')); var gross=length*height; var net=Math.max(0,gross-openings); var face=(blockLength/12)*(blockHeight/12); var base=face>0?net/face:0; var orderExact=base*(1+waste/100); var order=Math.ceil(orderExact); var cost=order*price; var blocksPerSquareFoot=face>0?1/face:0; var display=order.toLocaleString('en')+' blocks'; var supporting=fmt(length,3)+' ft × '+fmt(height,3)+' ft = '+fmt(gross,3)+' ft² gross · minus '+fmt(openings,3)+' ft² openings = '+fmt(net,3)+' ft² net · block face '+fmt(blockLength,4)+' in × '+fmt(blockHeight,4)+' in = '+fmt(face,6)+' ft² · base '+fmt(base,3)+' blocks · with '+fmt(waste,2)+'% allowance = '+fmt(orderExact,3)+', rounded up to '+order.toLocaleString('en')+' blocks · '+fmt(blocksPerSquareFoot,4)+' blocks/ft² · block cost '+money(cost)+' at '+money(price)+'/block'; var result=panel.querySelector('[data-live-result]'), support=panel.querySelector('[data-live-supporting]'); if(result) result.textContent=display; if(support) support.textContent=supporting; var measured=panel.querySelector('.space-grid-caption strong'); if(measured) measured.textContent=display; var summary=panel.querySelector('.ct-report__summary strong'); if(summary) summary.textContent=display; var summaryText=panel.querySelector('.ct-report__summary span'); if(summaryText) summaryText.textContent=supporting; panel.querySelectorAll('[data-report-key]').forEach(function(dd){ var key=dd.getAttribute('data-report-key'); if(key==='wallLengthFeet') dd.textContent=fmt(length,3)+' ft'; else if(key==='wallHeightFeet') dd.textContent=fmt(height,3)+' ft'; else if(key==='openingAreaSquareFeet') dd.textContent=fmt(openings,3)+' ft²'; else if(key==='blockFaceLengthInches') dd.textContent=fmt(blockLength,4)+' in'; else if(key==='blockFaceHeightInches') dd.textContent=fmt(blockHeight,4)+' in'; else if(key==='wastePercent') dd.textContent=fmt(waste,2)+' %'; else if(key==='blockPrice') dd.textContent=money(price)+' $/block'; }); var steps=panel.querySelector('.ct-report__steps'); if(steps) steps.innerHTML='

Gross wall area: '+fmt(length,3)+' ft × '+fmt(height,3)+' ft = '+fmt(gross,3)+' ft².

Net wall area after openings: '+fmt(gross,3)+' ft² − '+fmt(openings,3)+' ft² = '+fmt(net,3)+' ft².

Block face: '+fmt(blockLength,4)+' in × '+fmt(blockHeight,4)+' in = '+fmt(face,6)+' ft².

Base count: '+fmt(net,3)+' ft² ÷ '+fmt(face,6)+' ft² = '+fmt(base,3)+' blocks.

Order count: '+fmt(base,3)+' × (1 + '+fmt(waste,2)+' ÷ 100) = '+fmt(orderExact,3)+', rounded up to '+order.toLocaleString('en')+' blocks.

'+(price>0?'

Block material cost: '+order.toLocaleString('en')+' × '+money(price)+' = '+money(cost)+'.

':''); } document.addEventListener('input',function(event){ var target=event.target; if(target&&target.closest&&target.closest('[data-calculator-slug="concrete-block-calculator"]')) update(); },true); window.setTimeout(update,0); window.setTimeout(update,250); return true; } if(setupConcreteBlock()) return; function setupSquareMetersToSquareFeet(){ var panel=document.querySelector('[data-calculator-slug="square-meters-to-square-feet-calculator"]'); if(!panel) return false; function value(key){var el=panel.querySelector('[data-input-key="'+key+'"]'); var n=el?Number(el.value):0; return Number.isFinite(n)?n:0;} function fmt(n,d){return Number(n||0).toLocaleString('en',{maximumFractionDigits:d});} function update(){ var squareMeters=Math.max(0,value('squareMeters')); var extra=Math.max(0,value('extraSquareMeters')); var allowance=Math.max(0,value('allowancePercent')); var increment=Math.max(0.0001,value('roundingIncrementSquareFeet')||0.01); var base=squareMeters+extra; var squareFeet=base/0.09290304; var rounded=Math.round(squareFeet/increment)*increment; var squareYards=squareFeet/9; var planning=squareFeet*(1+allowance/100); var planningYards=planning/9; var display=fmt(rounded,8)+' sq ft'; var supporting=fmt(squareMeters,4)+' m² + '+fmt(extra,4)+' m² = '+fmt(base,6)+' m² · ÷ 0.09290304 = '+fmt(squareFeet,8)+' sq ft exact · rounded to '+fmt(increment,6)+' sq ft · '+fmt(squareYards,6)+' sq yd'+(allowance>0?' · planning '+fmt(planning,8)+' sq ft ('+fmt(planningYards,6)+' sq yd) with '+fmt(allowance,2)+'% allowance':''); var result=panel.querySelector('[data-live-result]'), support=panel.querySelector('[data-live-supporting]'); if(result) result.textContent=display; if(support) support.textContent=supporting; var measured=panel.querySelector('.space-grid-caption strong'); if(measured) measured.textContent=display; var summary=panel.querySelector('.ct-report__summary strong'); if(summary) summary.textContent=display; var summaryText=panel.querySelector('.ct-report__summary span'); if(summaryText) summaryText.textContent=supporting; panel.querySelectorAll('[data-report-key]').forEach(function(dd){ var key=dd.getAttribute('data-report-key'); if(key==='squareMeters') dd.textContent=fmt(squareMeters,4)+' m²'; else if(key==='extraSquareMeters') dd.textContent=fmt(extra,4)+' m²'; else if(key==='allowancePercent') dd.textContent=fmt(allowance,2)+' %'; else if(key==='roundingIncrementSquareFeet') dd.textContent=fmt(increment,6)+' sq ft'; }); var steps=panel.querySelector('.ct-report__steps'); if(steps) steps.innerHTML='

Combine measured area: '+fmt(squareMeters,4)+' m² + '+fmt(extra,4)+' m² = '+fmt(base,6)+' m².

Convert area: '+fmt(base,6)+' m² ÷ 0.09290304 = '+fmt(squareFeet,8)+' sq ft.

Cross-check: '+fmt(squareFeet,8)+' sq ft ÷ 9 = '+fmt(squareYards,6)+' sq yd.

'+(allowance>0?'

Planning allowance: '+fmt(squareFeet,8)+' sq ft × (1 + '+fmt(allowance,2)+' ÷ 100) = '+fmt(planning,8)+' sq ft.

':''); } document.addEventListener('input',function(event){ var target=event.target; if(target&&target.closest&&target.closest('[data-calculator-slug="square-meters-to-square-feet-calculator"]')) update(); },true); window.setTimeout(update,0); window.setTimeout(update,250); return true; } if(setupSquareMetersToSquareFeet()) return; function setupLitresToMillilitres(){ var panel=document.querySelector('[data-calculator-slug="litres-to-millilitres-calculator"]'); if(!panel) return false; function value(key){var el=panel.querySelector('[data-input-key="'+key+'"]'); var n=el?Number(el.value):0; return Number.isFinite(n)?n:0;} function fmt(n,d){return Number(n||0).toLocaleString('en',{maximumFractionDigits:d});} function update(){ var litres=Math.max(0,value('litres')); var allowance=Math.max(0,value('allowancePercent')); var container=Math.max(0.001,value('containerSizeMillilitres')||250); var millilitres=litres*1000; var planning=millilitres*(1+allowance/100); var containers=planning/container; var display=fmt(millilitres,3)+' mL'; var supporting=fmt(litres,4)+' L × 1,000 · planning '+fmt(planning,3)+' mL with '+fmt(allowance,2)+'% allowance · '+fmt(containers,2)+' × '+fmt(container,2)+' mL containers'; var result=panel.querySelector('[data-live-result]'), support=panel.querySelector('[data-live-supporting]'); if(result) result.textContent=display; if(support) support.textContent=supporting; var measured=panel.querySelector('.space-grid-caption strong'); if(measured) measured.textContent=display; var summary=panel.querySelector('.ct-report__summary strong'); if(summary) summary.textContent=display; var summaryText=panel.querySelector('.ct-report__summary span'); if(summaryText) summaryText.textContent=supporting; panel.querySelectorAll('[data-report-key]').forEach(function(dd){ var key=dd.getAttribute('data-report-key'); if(key==='litres') dd.textContent=fmt(litres,4)+' L'; else if(key==='allowancePercent') dd.textContent=fmt(allowance,2)+' %'; else if(key==='containerSizeMillilitres') dd.textContent=fmt(container,2)+' mL'; }); var dynamicSteps='

Exact conversion: '+fmt(litres,4)+' L × 1,000 = '+fmt(millilitres,3)+' mL.

Planning allowance: '+fmt(millilitres,3)+' mL × (1 + '+fmt(allowance,2)+' ÷ 100) = '+fmt(planning,3)+' mL.

Container check: '+fmt(planning,3)+' mL ÷ '+fmt(container,2)+' mL = '+fmt(containers,2)+' containers before practical rounding.

'; var steps=panel.querySelector('.ct-report__steps'); if(steps) steps.innerHTML=dynamicSteps; window.setTimeout(function(){var later=panel.querySelector('.ct-report__steps'); if(later) later.innerHTML=dynamicSteps;},80); } document.addEventListener('input',function(event){ var target=event.target; if(target&&target.closest&&target.closest('[data-calculator-slug="litres-to-millilitres-calculator"]')) update(); },true); window.setTimeout(update,0); window.setTimeout(update,250); return true; } if(setupLitresToMillilitres()) return; var panel=document.querySelector('[data-calculator-slug="time-duration-calculator"]'); if(!panel) return; function value(key){var el=panel.querySelector('[data-input-key="'+key+'"]'); var n=el?Number(el.value):0; return Number.isFinite(n)?n:0;} function clampMinute(h,m){h=Math.min(23,Math.max(0,Math.floor(h||0)));m=Math.min(59,Math.max(0,Math.floor(m||0)));return h*60+m;} function clock(h,m){h=Math.min(23,Math.max(0,Math.floor(h||0)));m=Math.min(59,Math.max(0,Math.floor(m||0)));return String(h).padStart(2,'0')+':'+String(m).padStart(2,'0');} function display(minutes){minutes=Math.max(0,Math.round(minutes));return Math.floor(minutes/60)+' hours and '+(minutes%60)+' minutes';} function displayCompact(minutes){minutes=Math.max(0,Math.round(minutes));var h=Math.floor(minutes/60), m=minutes%60;return h+'h '+String(m).padStart(2,'0')+'m';} function money(n){return Number(n||0).toLocaleString('en',{minimumFractionDigits:2,maximumFractionDigits:2});} function update(){ var sh=value('startHour'), sm=value('startMinute'), eh=value('endHour'), em=value('endMinute'), rate=Math.max(0,value('hourlyRate')); var start=clampMinute(sh,sm), end=clampMinute(eh,em), raw=end-start, minutes=raw<0?raw+1440:raw, hours=minutes/60, pay=hours*rate; var result=panel.querySelector('[data-live-result]'), supporting=panel.querySelector('[data-live-supporting]'); if(result) result.textContent=displayCompact(minutes); if(supporting) supporting.textContent=rate>0?'Estimated gross pay at '+money(rate)+'/h: '+money(pay):'Elapsed wall-clock time · add hourly rate for optional gross pay'; panel.querySelectorAll('[data-report-key]').forEach(function(dd){ var key=dd.getAttribute('data-report-key'); if(key==='startTime') dd.textContent=clock(sh,sm); else if(key==='endTime') dd.textContent=clock(eh,em)+(raw<0?' next day':''); else if(key==='durationMinutes') dd.textContent=minutes.toLocaleString('en'); else if(key==='decimalHours') dd.textContent=hours.toLocaleString('en',{maximumFractionDigits:4}); else if(key==='grossPay') dd.textContent=money(pay)+' at '+money(rate)+'/hour'; else dd.textContent=Number.isFinite(value(key))?String(value(key)):'Not entered'; }); var reportSummary=panel.querySelector('.ct-report__summary strong'); if(reportSummary) reportSummary.textContent=displayCompact(minutes); var reportSupport=panel.querySelector('.ct-report__summary span'); if(reportSupport) reportSupport.textContent=rate>0?'Estimated gross pay at '+money(rate)+'/h: '+money(pay):'Elapsed wall-clock time · add hourly rate for optional gross pay'; var steps=panel.querySelector('.ct-report__steps'); if(steps){steps.innerHTML='

Convert '+clock(sh,sm)+' to '+start.toLocaleString('en')+' minutes after midnight.

Convert '+clock(eh,em)+' to '+end.toLocaleString('en')+' minutes after midnight.

'+(raw<0?'Because the finish is earlier than the start, add 1,440 minutes for an overnight span: '+raw.toLocaleString('en')+' + 1,440 = '+minutes.toLocaleString('en')+' minutes.':'Subtract start from finish: '+end.toLocaleString('en')+' − '+start.toLocaleString('en')+' = '+minutes.toLocaleString('en')+' minutes.')+'

Convert '+minutes.toLocaleString('en')+' minutes to '+display(minutes)+'.

'+(rate>0?'

Optional pay estimate: '+hours.toLocaleString('en',{maximumFractionDigits:4})+' hours × '+money(rate)+' = '+money(pay)+'.

':'');} var example=panel.querySelector('[data-dynamic-time-example]'); if(example){example.innerHTML='

Live worked example

These numbers match the inputs above

Start '+clock(sh,sm)+' is '+start.toLocaleString('en')+' minutes after midnight. End '+clock(eh,em)+' is '+end.toLocaleString('en')+' minutes after midnight.

'+(raw<0?end.toLocaleString('en')+' − '+start.toLocaleString('en')+' is negative, so the calculator adds 1,440 minutes for an overnight span.':end.toLocaleString('en')+' − '+start.toLocaleString('en')+' = '+minutes.toLocaleString('en')+' minutes.')+' That equals '+display(minutes)+'.

'+(rate>0?'

At '+money(rate)+' per hour, '+hours.toLocaleString('en',{maximumFractionDigits:2})+' × '+money(rate)+' = '+money(pay)+' before deductions.

':'

No hourly pay line is shown because the hourly rate is 0.

');} var cell=document.querySelector('[data-week-cell="0"]'); if(cell){cell.className=hours>0?'has-hours':'is-rest'; cell.style.setProperty('--fill',Math.min(100,Math.max(0,hours/8*100))+'%'); var small=cell.querySelector('small'); if(small) small.textContent=hours>0?Number(hours.toFixed(2))+'h':'rest';} var mapped=document.querySelector('.week-grid-result strong'); if(mapped) mapped.textContent=displayCompact(minutes); } panel.querySelectorAll('input').forEach(function(input){input.addEventListener('input',update);}); update(); } function bootAfterHydration(){ setupThemeToggle(); setupBookmarkTip(); setupReportPrint(); setupStaticCalculatorDynamics(); loadVisitorCounter(); } if(document.readyState==='complete') window.setTimeout(bootAfterHydration,1500); else window.addEventListener('load',function(){window.setTimeout(bootAfterHydration,1500);},{once:true});

Basic Calculator