Remote Work Health & Wellness Planner
Set Up Your Workspace
Ideal Monitor Position
- Top of the screen at or slightly below eye level.
- Position monitor an arm's length away.
- Avoid glare from windows or lights.
Correct Posture
- Elbows at a 90-degree angle.
- Wrists straight, not bent up or down.
- Feet flat on the floor or a footrest.
- Back supported by your chair.
Plan Your Daily Routine
Select Your Wellness Goals
Your Personalized Wellness Plan
Here is a summary of your selections. Download it as a PDF to keep it handy.
${goal.tip}
Your Daily Schedule
';
const scheduleSelects = document.querySelectorAll('#schedule-builder select');
let activityCount = 0;
scheduleSelects.forEach((select, index) => {
const activityType = activityTypes.find(a => a.type === select.value);
if (activityType) {
activityCount++;
const isLast = index === scheduleSelects.length - 1;
routineHtml += `
';
// 2. Goals
let goalsHtml = '
${select.dataset.hour}
${activityType.label}
`;
}
});
if (activityCount === 0) {
routineHtml += 'No activities scheduled.
'; } routineHtml += 'Your Wellness Goals & Tips
';
const selectedGoals = document.querySelectorAll('#goals-checklist input:checked');
if (selectedGoals.length > 0) {
selectedGoals.forEach(goalInput => {
const goal = wellnessGoals[goalInput.dataset.goalKey];
goalsHtml += ``;
});
} else {
goalsHtml += '
';
container.innerHTML = routineHtml + goalsHtml;
}
// --- PDF Generation ---
async function generatePDF() {
const { jsPDF } = window.jspdf;
const originalButtonText = downloadPdfBtn.textContent;
downloadPdfBtn.textContent = 'Generating...';
downloadPdfBtn.disabled = true;
const pdfWrapper = document.createElement('div');
// Style and append clone to be rendered off-screen
pdfWrapper.style.position = 'absolute';
pdfWrapper.style.left = '-9999px';
pdfWrapper.style.top = '0';
pdfWrapper.style.width = '800px';
pdfWrapper.style.backgroundColor = 'white';
pdfWrapper.className = 'p-8';
pdfWrapper.innerHTML = `
${goal.title}: ${goal.tip}
No goals selected.
'; } goalsHtml += 'Remote Work Wellness Plan
${new Date().toLocaleDateString('en-US', { dateStyle: 'long' })}