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.pageViews)||data.pageViews||0).toLocaleString(); if(meta){ meta.textContent=page ? Number(page.visitors||0).toLocaleString()+' visitors 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 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(){ 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(); setupReportPrint(); setupStaticCalculatorDynamics(); loadVisitorCounter(); } if(document.readyState==='complete') window.setTimeout(bootAfterHydration,0); else window.addEventListener('load',function(){window.setTimeout(bootAfterHydration,0);},{once:true});

Litres to Imperial Gallons Calculator