Light HTML Code Notes Builder

A lightweight single-file HTML tool for lecturers to create, organise, and export code notes that drop straight into Moodle.

• Live demo: Open Online
• Run locally: Download index.html and open in any browser.

---

Features

• Add / edit / delete modules with title, description, and code.
• Mark lines with + / − to control what students copy or send to Explain.
• Autosave in browser.
• Export a standalone student-friendly HTML file:
  • Copy buttons per snippet.
  • Explain button → opens ChatGPT with a pre-filled line-by-line prompt (no APIs needed and works without having to sign in).
• Fully Moodle-compatible — drag & drop the exported file into your course.

---

Screenshots & Demo

---

Quick Start

1. Open the online tool or index.html locally.
2. Create modules (title, language label, description, code).
3. Use + / − markers to include/exclude lines.
4. Click Export Student HTML.
5. Upload the generated file to Moodle.

---

Notes

• Data is saved locally using localStorage.
• Exported file is standalone (no dependencies).
• Explain button is removed automatically if the prompt is too long.

---

License

MIT License – see LICENSE for details.