Personalized Digital Detox & Mental Refresh Planner

Personalized Digital Detox & Mental Refresh Planner

Set Your Intentions

What do you hope to achieve with this digital detox?

A personalized guide to reclaim your time and focus.

My Intentions

    ${goalsHtml}

My Habit Replacement Plan

${planHtml}
`; plannerButtons.classList.remove('hidden'); }; const downloadPDF = () => { const pdfContent = document.getElementById('pdf-content'); window.html2canvas(pdfContent, { scale: 2, backgroundColor: '#ffffff' }).then(canvas => { const imgData = canvas.toDataURL('image/png'); const { jsPDF } = window.jspdf; const pdf = new jsPDF({ orientation: 'portrait', unit: 'pt', format: 'a4' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfMargin = 40; const contentWidth = pdfWidth - (pdfMargin * 2); const imgHeight = canvas.height * contentWidth / canvas.width; pdf.addImage(imgData, 'PNG', pdfMargin, pdfMargin, contentWidth, imgHeight); pdf.save('Digital_Detox_Planner.pdf'); }); }; initialize(); }); function switchTab(tabId) { const tabs = ['goals', 'habits', 'activities', 'planner']; const buttons = { next: document.getElementById('next-btn'), prev: document.getElementById('prev-btn'), generate: document.getElementById('generate-plan-btn') }; tabs.forEach(id => { document.getElementById(`${id}-tab`).style.display = (id === tabId) ? 'block' : 'none'; document.getElementById(`tab-${id}-btn`).classList.toggle('active', id === tabId); }); buttons.prev.disabled = (tabId === 'goals'); buttons.next.style.display = (tabId === 'activities' || tabId === 'planner') ? 'none' : 'inline-block'; buttons.generate.style.display = (tabId === 'activities') ? 'inline-block' : 'none'; if (tabId === 'planner') { document.getElementById('tab-planner-btn').disabled = false; } } function navigateTabs(direction) { const currentActive = document.querySelector('.tab-btn.active'); const tabs = ['goals', 'habits', 'activities', 'planner']; let currentIndex = tabs.findIndex(t => `tab-${t}-btn` === currentActive.id); if (direction === 'next' && currentIndex < tabs.length - 1) { switchTab(tabs[currentIndex + 1]); } else if (direction === 'prev' && currentIndex > 0) { switchTab(tabs[currentIndex - 1]); } }
Scroll to Top