- Reduce welcome module from 3 lessons to 1 concise intro - Reduce goodbye module from 3 lessons to 1 concise outro - Create standalone playground module at end of module list - Update all translated welcome files (de, pl, es, ar, uk) - Playground now appears after goodbye, less prominent 🤖 Generated with [Claude Code](https://claude.com/claude-code)
31 lines
1.1 KiB
JSON
31 lines
1.1 KiB
JSON
{
|
|
"$schema": "../schemas/code-crispies-module-schema.json",
|
|
"id": "welcome",
|
|
"title": "Welcome",
|
|
"description": "Get started with Code Crispies",
|
|
"mode": "html",
|
|
"difficulty": "beginner",
|
|
"excludeFromProgress": true,
|
|
"lessons": [
|
|
{
|
|
"id": "hello",
|
|
"title": "Hello!",
|
|
"description": "<strong>Welcome to Code Crispies!</strong> Learn CSS and HTML through hands-on exercises.<br><br><strong>How it works:</strong><br>1. Read the task on the left<br>2. Write code in the editor<br>3. See live results in the preview<br><br><strong>Tips:</strong> Use <kbd>Ctrl+Z</kbd> to undo. Open the menu (☰) to browse all modules.",
|
|
"task": "Write <code>Hello World</code> to get started",
|
|
"previewHTML": "",
|
|
"previewBaseCSS": "body { font-family: system-ui, sans-serif; padding: 20px; text-align: center; font-size: 2rem; color: #6366f1; font-weight: bold; }",
|
|
"sandboxCSS": "",
|
|
"initialCode": "",
|
|
"solution": "Hello World",
|
|
"previewContainer": "preview-area",
|
|
"validations": [
|
|
{
|
|
"type": "contains",
|
|
"value": "Hello World",
|
|
"message": "Write <code>Hello World</code>"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|