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(); setupSiteLiveClock(); setupMatrixConsoleTrigger(); setupMatrixConsoleThemeControls(); setupReportPrint(); setupCalendarPreviewTabs(); setupStaticCalculatorDynamics(); } if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',bootAfterHydration,{once:true}); else bootAfterHydration();

Basic Calculator

Basic Calculator