Michael Czechowski
6639a70070
Reference pages: - Add min-width, min-height, border-collapse to Box Model - Add blockquote to Text Content - Add new Semantic Inline section (time, mark, small, abbr, kbd, sub, sup, ins, del) UX improvements: - Rename "Free Coding" to "HTML & CSS Editor" in Playground - Keep Welcome and Playground modules always expanded in sidebar 🤖 Generated with [Claude Code](https://claude.com/claude-code)
26 lines
746 B
JSON
26 lines
746 B
JSON
{
|
|
"$schema": "../schemas/code-crispies-module-schema.json",
|
|
"id": "playground",
|
|
"title": "Playground",
|
|
"description": "Experiment freely with HTML and CSS",
|
|
"mode": "playground",
|
|
"difficulty": "beginner",
|
|
"excludeFromProgress": true,
|
|
"lessons": [
|
|
{
|
|
"id": "sandbox",
|
|
"title": "HTML & CSS Editor",
|
|
"mode": "playground",
|
|
"description": "",
|
|
"task": "",
|
|
"previewHTML": "",
|
|
"previewBaseCSS": "",
|
|
"sandboxCSS": "",
|
|
"initialCode": "<style>\n body {\n font-family: system-ui, sans-serif;\n padding: 20px;\n }\n \n h1 {\n color: steelblue;\n }\n</style>\n\n<h1>Hello World</h1>\n<p>Write any HTML and CSS here!</p>",
|
|
"solution": "",
|
|
"previewContainer": "preview-area",
|
|
"validations": []
|
|
}
|
|
]
|
|
}
|