Each badge has a name, icon, gradient colors, an optional animated GIF background, and a trigger. When a student completes the trigger, the badge fires on the student page with a full-screen callout.
New Badge
Path Settings
These settings control the hero card, branding, and path identity on the student page. Change them here — no code editing needed.
Preview
⚡
Core Track
Unity 3D — Core Track
Complete tasks in multiple learning styles to earn points and badges.
🏆 Unity Certified Associate pathway
To set up a new learning path:
1. Duplicate lazrdojo-editor.html into a new folder (e.g. unreal/)
2. Change PATH_ID = "unity" to PATH_ID = "unreal" in the script
3. Do the same for lazrdojo-student.html
4. Update Path Settings above and click Sync Now
5. Create a new Squarespace page linking to the new student file
Click + Add to create a module from any subject
Export & Share
Your module data, tasks, artifact links, and badge definitions all export together. Use the JSON to sync content to the student page, or embed the student page directly in Squarespace.
Course Stats
Option A — Same Browser (Auto-sync)
Both HTML files in the same folder, opened in the same browser, share data automatically via localStorage — no export needed. Just keep both files together.
Option B — Copy JSON to Student File
Step 1 — Click Copy JSON below
Step 2 — Open lazrdojo-student.html in a text editor
Step 3 — Find const IMPORTED_DATA = null; near the top and replace null with the copied JSON
Step 4 — Save and deploy lazrdojo-student.html to your hosting (GitHub Pages, Netlify, etc.)
Option C — Embed in Squarespace
Step 1 — Host lazrdojo-student.html on a static host (GitHub Pages is free and works great):
Push the file to a GitHub repo, go to Settings → Pages, set source to main branch. Your URL will be https://yourusername.github.io/lazrdojo/lazrdojo-student.html
Step 2 — In Squarespace, go to your page editor → Add Block → Code Block, then paste the iframe below
Step 3 — Replace YOUR_URL_HERE with your hosted file URL, then save
For member-specific progress tracking: The student page reads the Squarespace logged-in member's email and uses it as a unique storage key. Wrap the page in a Member Area so only enrolled students can access it. Progress for each student is stored separately in their browser under their account email key.
Squarespace Member Areas setup: Go to Pages → Not Linked → Member Areas → Create Area. Set the page with the Code Block as "members only." When a student logs into Squarespace and visits the page, their email is automatically detected and their progress is saved to their account. Different students get different progress — it never mixes.
Google Forms Setup
Recommended: Create one Google Form per module (4 forms for the core Unity path). Add these fields to each form:
1. Student Name (Short answer) 2. Task Title (Dropdown — list all tasks in the module) 3. File Upload (for screenshots, recordings, PDFs) 4. Notes / Comments (Paragraph, optional)
Then paste each form's shareable link into the task's Google Form URL field in the editor above.
Badge submission: For badge-level tasks (30pt capstone), create a separate form that asks for the student's itch.io link and two screenshots. Link this form to the capstone task.
View responses: In Google Forms → Responses → Link to Google Sheets. You'll get a live spreadsheet of all submissions per module, sortable by student name or task.