Folder structure
index.html- this hub page.hub.js&hub.css- logic + styling.lessons/- each lesson self-contained with assets.shared/- EQ engine + reusable UI pieces.
EQ Mastery – Learner Hub
Post this folder anywhere and guide learners lesson by lesson.
Start here
Share this page as-is (or drop it on any static host) and let the learner launch the right lesson, see what is complete, and know what is coming next.
Your lessons
Every card pulls from hub.js, so the plan stays in sync with the files inside lessons/.
How the hub works
The steps below show how to publish, launch, and keep iterating while we add more lessons.
Upload this folder to any static host (SharePoint, Netlify, S3, internal site) or open index.html locally.
Use the Lesson 1 or Lesson 2 buttons below. Each lesson keeps its own progress, resume state, quiz, and EQ lab.
Buttons update as the learner marks lessons complete. Reset progress any time with the header button.
Swap in new content or lessons by replacing folders inside lessons/ and adjusting the plan in hub.js.
Ready-to-post checklist
index.html - this hub page.hub.js & hub.css - logic + styling.lessons/ - each lesson self-contained with assets.shared/ - EQ engine + reusable UI pieces.index.html.docs/ + hub.js.