Skip to content

README.md

Latest commit

 

History

History
80 lines (58 loc) · 4.08 KB

README.md

File metadata and controls

80 lines (58 loc) · 4.08 KB
Raw

WSQ Courseware Generation Process

HTML5 CSS3 JavaScript GitHub Pages

A visual, single-page guide to the 8-step workflow for generating WSQ courseware at Tertiary Infotech Academy — from a blank project folder all the way to a complete, lab-aligned courseware set (PPT, Learner Guide, Lesson Plan, Assessments) published on GitHub, Google Drive and the LMS-TMS.

Live Demo

https://tertiarycourses.github.io/wsqcourseware/

WSQ Courseware Generation Process — home screen

The 8-Step Workflow

# Step What happens
1 Create a blank project folder Each course gets its own isolated project root
2 Import WSQ courseware skills /importwsq copies all WSQ skills, agents, hooks and commands from ~/.claude into the project .claude
3 Download the existing PPT Legacy slides go under reference/ so their diagrams can be re-imported
4 Run the generation prompt One prompt generates the PPT, Learner Guide (LG + MD mirror) and Lesson Plan (LP), 100% aligned to the course labs, with PDFs for all three
5 Update the assessment Download the existing assessment into reference/, then Claude aligns it 100% to the PPT and labs — same number of questions, PP follows the labs
6 Push to GitHub /github-push publishes the courseware securely (secrets blocked, assessments excluded)
7 Push to Google Drive /gdrive-push uploads the full set (incl. assessments) to the Drive courseware folder, archives old versions and provides the Google Drive link
8 Add the links to LMS-TMS The Drive view links go onto the course page at lms-tms.tertiaryinfotech.com — Trainer Slide (PPT), Learner Slide (PDF, from the LG folder), LG (PDF), LP (PDF), Assessment (DOCX) — then every link is checked to confirm it points to the correct, current file

⚠️ DO NOT push the assessment to GitHub. Only push the assessment to Google Drive — the /github-push skill excludes the confidential assessment materials automatically.

Generation guarantees (Step 4)

  • All admin pages present in the PPT
  • File names follow the house convention, e.g. <<Course Title>>-version
  • LG contains step-by-step detailed lab guides
  • LP references the slide numbers
  • PDF exported for PPT, LG and LP
  • Practice exam link added to the PPT — search the associated exam at exams.tertiaryinfotech.com

Template reference: TGS-2025054472-NetworkPlus

Features

  • 🎯 Interactive step navigation pills with scroll-spy highlighting
  • 📜 Animated timeline that reveals each step on scroll
  • 📋 One-click copy buttons on every command and prompt block
  • 📊 Scroll progress bar
  • 📱 Fully responsive — works on mobile and desktop
  • ⚡ Zero dependencies — one self-contained HTML file

Project Structure

wsqcourseware/
├── .github/
│   └── workflows/
│       └── deploy-pages.yml   # GitHub Pages auto-deployment
├── index.html                 # The complete one-page site (HTML + CSS + JS inline)
├── screenshot.png             # Homepage screenshot
└── README.md

Run Locally

No build step needed:

git clone https://github.com/tertiarycourses/wsqcourseware.git
cd wsqcourseware
open index.html        # or: python3 -m http.server 8000

Acknowledgements

Powered by Tertiary Infotech Academy Pte Ltd