diff --git a/site/index.html b/site/index.html index 1019a65..39c223f 100644 --- a/site/index.html +++ b/site/index.html @@ -6,11 +6,11 @@ Wheel of Wellness Assessment - + + +
♿
@@ -549,6 +675,7 @@ const RESOURCES = { let selectedAudience = null; let currentQ = 0; +let lastQ = -1; // ponytail: track direction for slide animation let answers = {}; let lastResults = null; @@ -703,6 +830,7 @@ function showScreen(name) { function startAssessment() { if (!selectedAudience) return; currentQ = 0; + lastQ = -1; answers = {}; showScreen('questions'); renderQuestion(); @@ -714,6 +842,7 @@ function resumeAssessment() { if (!saved) return; selectedAudience = saved.audience; currentQ = saved.currentQ; + lastQ = -1; answers = saved.answers || {}; document.getElementById('btn-start').disabled = false; showScreen('questions'); @@ -753,7 +882,9 @@ function renderQuestion() { return `
${emoji}${s}
`; }).join(''); - area.innerHTML = `
${dim.label}
${item.id}
${item.text}
${optionsHtml}
`; + const slideClass = lastQ < 0 ? '' : (currentQ > lastQ ? ' slide-left' : ' slide-right'); + area.innerHTML = `
${dim.label}
${item.id}
${item.text}
${optionsHtml}
`; + lastQ = currentQ; document.getElementById('btn-prev').style.visibility = currentQ === 0 ? 'hidden' : 'visible'; const nextBtn = document.getElementById('btn-next'); @@ -988,6 +1119,7 @@ function shareResults() { function retake() { answers = {}; currentQ = 0; + lastQ = -1; selectedAudience = null; lastResults = null; clearProgress();