The five lesson templates — HTML, CSS, JavaScript, PHP and Git — are assembled as a learning edition: numbered lessons, a course table of contents, next-lesson navigation, tidy code and callouts.
Lessons showcase
- An 800-weight headline with the language accent rule and a caps subtitle
- Cards as numbered lessons: a language icon in an accent frame, the lesson number in caps, a serif headline, a short text, reading time and date
- A grid with hairline dividers, no boxes or shadows; each language keeps its own accent (HTML orange, CSS blue, JS yellow, PHP violet, Git red)
Lesson page
- A serif headline, serif body at a 68-character measure
- Steps as sections with a rule above; code as a dark block with an accent edge; inline code as a warm chip; quotes as callouts
- The course table of contents: numbered rows, the current lesson marked and not a link
- Previous/next lesson navigation at the bottom; the header medallion is hidden from guests
Market
- All five templates are updated to version 1.2.0 and published to the storefront
