The Line — Training

A self-service training platform for The Line. One brand-consistent format — interactive modules, videos, quizzes, and certification — that any department manager can author with a no-code Builder. Static site, no build step, GitHub Pages.

Live: https://bergquinator.github.io/rental-training/

Pieces

File	What it is
index.html	Hub — landing page listing every training + a link to the Builder. Reads trainings/manifest.json.
builder.html	Builder — the no-code authoring tool. Live preview, save/load, export.
train.html	Player — renders a training by ?t=<id> (or a live-preview posted by the Builder).
engine.js / engine.css	Shared engine — one renderer for every training (nav, modules, quizzes, shuffle, certification). Brand is locked here; each training only sets an accent color.
trainings/<id>.js	One training each — a small file that registers its content. rentals.js is the flagship example.
trainings/manifest.json	The list of published trainings the hub shows.
config.js	Paste the Apps Script /exec URL to enable completion emails.
Code.gs	The Apps Script backend — emails each training's manager on completion (+ optional Sheet log). Serves all departments.
assets/	Locked brand — logo, favicon, League Spartan fonts.

For managers — create & publish a training (no code)

1. Open the Builder (the “+ Create a training” button on the hub).
2. Fill in Training details (department, title, summary, accent color, icon, completion email).
3. Add modules. For each: a title, an optional video slot (with a shot list + narration script to film later), sections of content (rich text with tips/important/“to-fill” callouts), and a quiz (mark the correct option; 80% to pass, positions are auto-randomized).
4. Watch the live preview on the right — all modules unlocked so you can review any of them.
5. Save project anytime (keeps your draft on your device; you can also download the project .json to reopen later via Start → Import).
6. Click Export & Publish → Publish to the hub, enter the publish key (ask DJ), and it goes live in ~1 minute. No GitHub, no files to send.

Tip: Start → Load the Rentals example to build from a finished training instead of a blank page. Manual fallback: if publishing isn’t configured, the same dialog lets you download the <id>.js file + manifest entry to hand to DJ.

One-time setup (DJ) — completion emails and self-service publishing

Both run through a single Google Apps Script Web App:

1. Create a GitHub fine-grained Personal Access Token scoped to only this repo, with Contents: Read and write (github.com → Settings → Developer settings → Fine-grained tokens).
2. Open Code.gs, fill in the CONFIG block: GH_TOKEN, REPO_OWNER (TheLineExp), REPO_NAME (rental-training), and a private PUBLISH_KEY you give to managers. (Optional: SHEET_ID, ALWAYS_CC.)
3. Deploy it as a Web App (Execute as: Me, Who has access: Anyone) and copy the /exec URL.
4. Paste that URL into config.js → TL_TRAINING_ENDPOINT, and set TL_SITE_BASE to the live site URL.
5. Re-deploy the script after any edit (Deploy → Manage deployments → new version).

Security: the /exec URL is public, so publishing is gated by PUBLISH_KEY and the token is fine-grained to this one repo (Contents only). Every publish emails PUBLISH_NOTIFY. Rotate the token if the key ever leaks.

Brand & consistency

The logo, League Spartan / Arimo fonts, and Line Blue are locked in engine.css — every training looks like The Line. A department training only chooses an accent color and an icon. Update the engine once and every training benefits.

Notes

• noindex on all pages — keep it unlisted.
• Progress + quiz scores persist per-device in localStorage, namespaced per training id.
• No secrets in this repo. Self-contained, no build step.
• The rentals training was the origin of this platform; it now lives at trainings/rentals.js and is served by the shared engine like every other training.